WPGR: Learn about the Developer Tools in your browser
/

WPGR: Learn about the Developer Tools in your browser

Firefox Developer Tools – Topher Inspector – look at HTML/CSS behind a web page Responsive Display Mode Console – look for errors (security/resource loading issues) Different results depending on when you open – loading vs loaded Debugger – for JavaScript Style Editor – for changing CSS Performance – monitoring page load performance Network – Storage – Local browser items, page cache, cookies, etc. Chrome Developer Tools – Brian Shortcuts – keyboard commands to open dev tools (CTRL-OPT-I[Mac OS X]/CTRL-SHIFT-I[ChromeOS]) Docking – SHIFT-CMD-D(Mac OS X) / CTRL-SHIFT-D(Chrome OS) Elements (inspector) Styles – Filter allows for viewing specific CSS states (i.e. :hover) Add specific element styles Color Swatch – has a color picker, can save swatches Computed Styles View a visual representation of spacing See the CSS that…
WordCamp GR 2017 – Computers <3 Structured Data – Steve Grunwell
/

WordCamp GR 2017 – Computers <3 Structured Data – Steve Grunwell

Steve Grunwell – https://stevegrunwell.com/ https://github.com/stevegrunwell/structured-data/blob/master/README.md What is Structured Data? Standards to help computers to understand our content. Content is for humans. Structured data is for machines. Structured Data Structured data is all about providing context itemtype/itemprop/content HTML/XML HyperText and eXtensible Markup Language Meant to convey information in a meaningful way Generic layout RSS An extension of XML for content sydication Introduced structure: post titles, content, dates Standardized and can be validated Microformats & Dublin Core Competing standards for rich data Dublin Core is a specific set of standards, but designed to be limited in scope Uses meta tags Microformats – uses class names Resource Description Framework (RDF) A specification for modeling metadata New attributes Opengraph Facebook’s social graph Used to create rich media when sharing content…
WordCamp GR 2017 – WP-API: The Good, the Bad, and the Ugly – J Andrew Scott
/

WordCamp GR 2017 – WP-API: The Good, the Bad, and the Ugly – J Andrew Scott

J Andrew Scott – http://rubberchickenfarm.com/ History of APIs RSS Advantages Fast & reliable Easy to consume Almost no technical footprint Disadvantages Read-only Static content No authentication No user-driven content (i.e. comments, favorites, etc) DIY API Advantages Dynamic content User-driven content App & user authentication Roles & permissions based Connected applications Disadvantages DIY OAuth Redundant URI scheme Mediocre performance Large technical footprint WP-API Advantages Succinct URI scheme Improved performance Small technical footprint Available in WordPress core Disadvantages Granular transactions No batch uploads Increased number of API calls What once required 2 web servers now required 12-15 servers WP-API Disadvantage Factors & Solutions Number of content types Solution: consolidate endpoints Volume of individual API calls Solution: batch processing endpoints Frequency of individual API calls Solution: page-level caching Lessons…
WordCamp GR 2017 – Elementary, My Dear Coder – Nicole Paschen Caylor

WordCamp GR 2017 – Elementary, My Dear Coder – Nicole Paschen Caylor

Nicole Paschen Caylor – https://github.com/nicolepaschen Code.org The Hour of Code Kodable – paid program, self-guided game Tynker – tynker.com Code Spark Academy Computer Science Curriculum Uses drag-n-drop code blocks Points out more efficient ways of accomplishing task ScratchJr – found on PBS Kids as well(provides more familiar characters) Scratch – for older kids Tips for Success Site with your child Explain things to your child as you go along Resources: Lego Mindstorms Hello World – book on Python programming CS Unplugged – free, downloadable, offline, ages 9+ Grand Valley State University, Pew Campus, Grand Rapids, MI