Mobile Web Specialist Certification Course
To run my version of the project - install all the dependencies with 'npm install', then run 'gulp start'. That will trigger gulp to compile all the files and start browser-sync, which will automatically launch a browser window pointing to localhost.
The main JS files are all saved in the js folder. Saving in any of those files while the gulp start task is running will trigger an automatic recompiling of the files, and a refresh of the browser page should show the changes. (Ideally browser-sync should auto-reload the page, but sometimes it doesn't.) Same goes for the CSS file or either of the HTML files.
Three Stage Course Material Project - Restaurant Reviews
For the Restaurant Reviews projects, you will incrementally convert a static webpage to a mobile-ready web application.
Project Overview: Stage 1
In Stage One, you will take a static design that lacks accessibility and convert the design to be responsive on different sized displays and accessible for screen reader use. You will also add a service worker to begin the process of creating a seamless offline experience for your users.
Stage One Project Rubric - Stage 1 Rubric
Project Overview: Stage 2
Stage Two Rubric - Stage 2 Rubric
Stage Two Development Server - Stage 2 Server
Project Overview: Stage 3
In Stage Three, you will take the connected application you built in Stage One and Stage Two and add additional functionality. You will add a form to allow users to create their own reviews. If the app is offline, your form will defer updating to the remote database until a connection is established. You'll also add functionality that allows users to favorite or unfavorite a restaurant. Finally, you’ll work to optimize your site to meet even stricter performance benchmarks than the previous project, and test again using Lighthouse.
Stage Three Rubric - Stage 3 Rubric
Stage Three Development Server - Stage 3 Server