Detailed Course Outline For Saylani Module One:

The objective of first module is to prepare the student to appear in the Google Mobile Web Specialist Exam:
https://developers.google.com/training/certification/mobile-web-specialist/
https://developers.google.com/training/certification/mobile-web-
specialist/StudyGuide_MobileWebSpecialist.pdf
Fulltime Program will have three classes of 2 hours each i.e. total of six hours per week for 5 months
Weekend Program will have one class on Sunday only of 3 hours each for 10 months

Fulltime Weekend Topic Learning Material

Week Week
1 1 HTML Structure and Text Chapters 1, and 2, HTML and CSS by Jon Duckett
2 Lists, Links and Images Chapters 3, 4 and 5
2 3 Tables Chapter 6
4 Forms Chapter 7
Extra Markup Chapter 8
HTML Quiz 1
3 5 Introducing CSS Chapter 10
6 Color and Text Chapters 11 and 12
CSS Quiz 1
4 7 Boxes Chapter 13
8 Lists, Tables, & Forms Chapter 14
CSS Quiz 2
5 9 Alerts, Variables, Chapters 1 – 7, A Smarter Way to Learn JavaScript by Mark Myers
Expressions
Concatenating text Chapters 8 and 9
strings and Prompts
If statements Chapters 10 – 14
10 Arrays Chapters 15 – 17
For loops Chapters 18 – 20
JavaScript Quiz 1
6 11 Strings Chapters 21 – 25
Numbers Chapters 26 – 30
Data and time Chapters 31 – 34
12 Functions Chapters 35 – 38
Switch, while and do Chapters 39 – 42
while statements
JavaScript Quiz 2
7 13 Placing scripts and Chapters 43 and 44
commenting
Events Chapters 45 – 48
14 Fields, images, and text Chapters 49 – 54
Styles and element Chapters 55 – 57
selection
JavaScript Quiz 3
8 15, 16 The DOM dynamic access Chapters 58 – 68
JavaScript Quiz 4
9 17 Objects Chapters 69 – 75
18 Browser control Chapters 76 – 81
JavaScript Quiz 5
10 19 Forms Chapters 82 – 86
https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms
https://developer.mozilla.org/en-
US/docs/Web/Guide/HTML/HTML5/Constraint_validation
https://www.sitepoint.com/client-side-form-validation-html5/
https://developer.mozilla.org/en-
US/docs/Learn/HTML/Forms/Form_validation
 20 Mobile Web Forms https://developers.google.com/web/fundamentals/design-and-
ux/input/forms/
Exceptions Chapters 87 and 88
Handling events with Chapter 89
JavaScript
JavaScript Quiz 6
11 21 JavaScript Promises https://developers.google.com/web/fundamentals/primers/promises
https://developer.mozilla.org/en-
US/docs/Web/JavaScript/Reference/Global_Objects/Promise
Template literals https://developer.mozilla.org/en-
US/docs/Web/JavaScript/Reference/Template_literals
22 Arrow Functions https://developer.mozilla.org/en-
US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
Default parameters https://developer.mozilla.org/en-
US/docs/Web/JavaScript/Reference/Functions/Default_parameters
For… of loops https://developer.mozilla.org/en-
US/docs/Web/JavaScript/Reference/Statements/for...of
Map and Set https://developer.mozilla.org/en-
US/docs/Web/JavaScript/Reference/Global_Objects/Map
https://developer.mozilla.org/en-
US/docs/Web/JavaScript/Reference/Global_Objects/Set
JavaScript Quiz 7
12 23, 24 Front end networking https://developer.mozilla.org/en-
US/docs/Web/API/Fetch_API/Using_Fetch
https://developers.google.com/web/updates/2015/03/introduction-to-
fetch
https://davidwalsh.name/fetch
https://jakearchibald.com/2015/thats-so-fetch/
https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
13 25, 26 Progressive Web Apps https://developers.google.com/web/progressive-web-apps/
https://developers.google.com/web/ilt/pwa/
https://developers.google.com/web/fundamentals/architecture/app-shell
https://developers.google.com/web/fundamentals/codelabs/your-first-
pwapp/
https://developer.mozilla.org/en-
US/docs/Web/API/Service_Worker_API/Using_Service_Workers
14 27, 28 Offline Web Apps https://www.udacity.com/course/offline-web-applications--ud899
https://jakearchibald.com/2014/offline-cookbook/
Cache https://developer.mozilla.org/en-US/docs/Web/API/Cache
Storage https://developer.mozilla.org/en-US/docs/Web/API/Storage
https://www.smashingmagazine.com/2010/10/local-storage-and-how-to-
use-it/
15 29, 30 IndexedDB API https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API
Performance https://developers.google.com/web/fundamentals/performance/rail
https://developers.google.com/web/tools/chrome-devtools/network-
performance/
Testing and Debugging https://developers.google.com/web/tools/chrome-devtools/javascript/
https://developers.google.com/web/tools/chrome-
devtools/console/console-write
https://developers.google.com/web/fundamentals/codelabs/debugging-
service-workers/
16 31, 32 Responsive Web Design https://developers.google.com/web/fundamentals/design-and-
ux/responsive/
A Complete Guide to https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Flexbox
Using media queries https://developer.mozilla.org/en-
US/docs/Web/CSS/Media_Queries/Using_media_queries
17 33, 34 Video and audio content https://developer.mozilla.org/en-
US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_conte
 nt
Responsive Images by https://www.udacity.com/course/responsive-images--ud882
Google
Supporting both https://developer.mozilla.org/en-
TouchEvent and US/docs/Web/API/Touch_events/Supporting_both_TouchEvent_and_Mouse
MouseEvent Event
Touch events https://developer.mozilla.org/en-US/docs/Web/API/Touch_events
18 35, 36 Web & Mobile https://developers.google.com/web/fundamentals/accessibility/
Accessibility https://developer.mozilla.org/en-US/docs/Learn/Accessibility/Mobile
Using tabindex https://developers.google.com/web/fundamentals/accessibility/focus/usin
g-tabindex
Focus https://developers.google.com/web/fundamentals/accessibility/focus/
Skip Navigation Links https://webaim.org/techniques/skipnav/
ARIA https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA
19, 20 37, 38, Final Project: Build and https://www.youtube.com/watch?v=SobXoh4rb58
39, 40 deploy a Progressive https://firebase.google.com/docs/firestore/
Mobile Web App using https://firebase.google.com/docs/functions/
Firebase