google-webapp-specialist-certification

This is the study path for my certification. Based on the official documentation: https://developers.google.com/training/certification/mobile-web-specialist/StudyGuide_MobileWebSpecialist.pdf

• Contents

  • Basic Website Layout and Styling
  • Front End Networking
  • Accessibility
  • Progressive Web Apps
  • Performance Optimization and Caching
  • Testing and Debugging
  • ES2015 Concepts and Syntax
  • Mobile Web Forms

• Basic Website Layout and Styling

  1. https://developers.google.com/web/fundamentals/design-and-ui/responsive/
  2. https://css-tricks.com/snippets/css/a-guide-to-flexbox/
  3. https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
  4. https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content
  5. https://www.udacity.com/course/responsive-images--ud882
  6. https://developer.mozilla.org/en-US/docs/Web/API/Touch_events/Supporting_both_TouchEvent_and_MouseEvent
  7. https://developer.mozilla.org/en-US/docs/Web/API/Touch_events

• Front End Networking

  1. https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
  2. https://developers.google.com/web/updates/2015/03/introduction-to-fetch
  3. https://davidwalsh.name/fetch
  4. https://jakearchibald.com/2015/thats-so-fetch/
  5. https://developers.google.com/web/fundamentals/getting-started/primers/promises
  6. https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

• Accessibility

  1. https://developers.google.com/web/fundamentals/accessibility/
  2. https://developer.mozilla.org/en-US/docs/Learn/Accessibility/Mobile
  3. https://developers.google.com/web/fundamentals/accessibility/focus/using-tabindex
  4. https://developers.google.com/web/fundamentals/accessibility/focus/
  5. http://webaim.org/techniques/skipnav/
  6. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

• Progressive Web Apps

  1. https://developers.google.com/web/progressive-web-apps/
  2. https://developers.google.com/web/ilt/pwa/
  3. https://developers.google.com/web/fundamentals/architecture/app-shell
  4. https://developers.google.com/web/fundamentals/getting-started/codelabs/your-first-pwapp/
  5. https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers

• Performance Optimization and Caching

  1. https://www.udacity.com/course/offline-web-applications--ud899
  2. https://developers.google.com/web/fundamentals/performance/
  3. https://jakearchibald.com/2014/offline-cookbook/
  4. https://developer.mozilla.org/en-US/docs/Web/API/Cache
  5. https://developer.mozilla.org/en-US/docs/Web/API/Storage
  6. https://www.smashingmagazine.com/2010/10/local-storage-and-how-to-use-it/
  7. https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API
  8. https://developers.google.com/web/tools/chrome-devtools/network-performance/

• Testing and Debugging

  1. https://developers.google.com/web/tools/chrome-devtools/javascript/
  2. https://developers.google.com/web/tools/chrome-devtools/console/console-write
  3. https://developers.google.com/web/fundamentals/getting-started/codelabs/debugging-service-workers/

• ES2015 Concepts and Syntax

  1. https://developers.google.com/web/fundamentals/getting-started/primers/promises
  2. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise
  3. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
  4. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
  5. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters
  6. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of
  7. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map
  8. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set

• Mobile Web Forms

  1. https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms
  2. https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation
  3. https://www.sitepoint.com/client-side-form-validation-html5/
  4. https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/Data_form_validation
  5. https://developers.google.com/web/fundamentals/design-and-ui/input/forms/