| A | B | C | D | E | F | G | H | I | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | AA | AB | AC | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | 0 | P ID | L1 - HOME | L2 - LANDING | L3 - SECTION | L4 - LIST | L5 - DETAIL | DESCRIPTION | LINK TO CONTENT | CONTENT TEMPLATE | STATUS | PRIORITY | OWNER | VERSION | CONSIDERATIONS | APPROVAL | ASSETS | DEPENDENCIES | METADATA | |||||||||
2 | T1 | 0 | 0.0. Web Fundamentals | Home page for Web Essentials | https://developers.google.com/web/fundamentals/ | |||||||||||||||||||||||
3 | ||||||||||||||||||||||||||||
4 | T2.2 | 1 | 1.0. Getting Started | Guides landing page | https://developers.google.com/web/fundamentals/getting-started/ | |||||||||||||||||||||||
5 | T4.1 | 1.1 | 1.1 Create your first multi-screen site | Lesson aggregation page | https://developers.google.com/web/fundamentals/getting-started/your-first-multi-screen-site/ | |||||||||||||||||||||||
6 | T5.1 | 1.1.1 | Create your content and structure | Lesson page | https://developers.google.com/web/fundamentals/getting-started/your-first-multi-screen-site/content.html | Done | ||||||||||||||||||||||
7 | T5.1 | 1.1.2 | Make it responsive | Lesson page | https://developers.google.com/web/fundamentals/getting-started/your-first-multi-screen-site/responsive.html | Done | ||||||||||||||||||||||
8 | T4.1 | 1.2 | 1.2 Web Starter Kit | Lesson aggregation page | https://web-central.appspot.com/web/fundamentals/getting-started/web-starter-kit/ | |||||||||||||||||||||||
9 | T5.1 | 1.2.1 | Setting up | Lesson page | https://web-central.appspot.com/web/fundamentals/getting-started/web-starter-kit/setting-up.html | m4 | ||||||||||||||||||||||
10 | T5.1 | 1.2.2 | Using the style guide | Lesson page | https://web-central.appspot.com/web/fundamentals/getting-started/web-starter-kit/using-styleguide.html | m4 | ||||||||||||||||||||||
11 | T5.1 | 1.2.3 | Gulp tasks | Lesson page | https://web-central.appspot.com/web/fundamentals/getting-started/web-starter-kit/wsk-gulp-tasks.html | m4 | ||||||||||||||||||||||
12 | ||||||||||||||||||||||||||||
13 | T2.1 | 2 | 2.0. Documentation | Guides landing page | ||||||||||||||||||||||||
14 | T3 | 2.1 | 2.1 Multi-device layouts | Chapter landing page | https://developers.google.com/web/fundamentals/layouts/ | |||||||||||||||||||||||
15 | T4.1 | 2.1.1 | Responsive Web Design Basics | Lesson aggregation page | https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/ | |||||||||||||||||||||||
16 | T5.1 | Set the viewport | Lesson page | https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/set-the-viewport.html | Done | |||||||||||||||||||||||
17 | T5.1 | Size content to viewport | Lesson page | https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/size-content-to-the-viewport.html | Done | |||||||||||||||||||||||
18 | T5.1 | Use CSS media queries for responsiveness | Lesson page | https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/use-media-queries.html | Done | |||||||||||||||||||||||
19 | T5.1 | How to choose breakpoints | Lesson page | https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/how-to-choose-breakpoints.html | Done | |||||||||||||||||||||||
20 | T5.1 | Progressive enhancement | Lesson page | |||||||||||||||||||||||||
21 | T4.1 | 2.1.2 | Responsive Web Design Patterns | Lesson aggregation page | https://developers.google.com/web/fundamentals/layouts/rwd-patterns/ | |||||||||||||||||||||||
22 | T5.1 | Mostly fluid | Lesson page | https://developers.google.com/web/fundamentals/layouts/rwd-patterns/mostly-fluid.html | Done | |||||||||||||||||||||||
23 | T5.1 | Column drop | Lesson page | https://developers.google.com/web/fundamentals/layouts/rwd-patterns/column-drop.html | Done | |||||||||||||||||||||||
24 | T5.1 | Layout shifter | Lesson page | https://developers.google.com/web/fundamentals/layouts/rwd-patterns/layout-shifter.html | Done | |||||||||||||||||||||||
25 | T5.1 | Tiny tweaks | Lesson page | https://developers.google.com/web/fundamentals/layouts/rwd-patterns/tiny-tweaks.html | Done | |||||||||||||||||||||||
26 | T5.1 | Off canvas | Lesson page | https://developers.google.com/web/fundamentals/layouts/rwd-patterns/off-canvas.html | Done | |||||||||||||||||||||||
27 | T4.1 | 2.1.3 | Navigation and action patterns | Lesson aggregation page | https://developers.google.com/web/fundamentals/layouts/navigation-patterns/ | |||||||||||||||||||||||
28 | T5.1 | The Stack | Lesson page | |||||||||||||||||||||||||
29 | T5.1 | Navigation drawer | Lesson page | https://developers.google.com/web/fundamentals/layouts/navigation-patterns/navigationdrawer/ | Done | |||||||||||||||||||||||
30 | T5.1 | Tab bar | Lesson page | https://developers.google.com/web/fundamentals/layouts/navigation-patterns/tabbar/ | Done | |||||||||||||||||||||||
31 | T5.1 | Horizontal scrolling | Lesson page | |||||||||||||||||||||||||
32 | T5.1 | App bar | Lesson page | https://developers.google.com/web/fundamentals/layouts/navigation-patterns/appbar/ | Done | |||||||||||||||||||||||
33 | T5.1 | Bottom bar | Lesson page | https://developers.google.com/web/fundamentals/layouts/navigation-patterns/bottombar/ | Done | |||||||||||||||||||||||
34 | T5.1 | Contextual actions | Lesson page | |||||||||||||||||||||||||
35 | T4.1 | 2.1.4 | UI Elements | Lesson aggregation page | http://docs.google.com/document/d/19eCSxOCk8C1xzwI__Jh-DmITsj21o_N5SSeJKJRPwT8/edit | |||||||||||||||||||||||
36 | T5.1 | Table elements | Lesson page | |||||||||||||||||||||||||
37 | T5.1 | Code elements | Lesson page | |||||||||||||||||||||||||
38 | T5.1 | Form Elements | Lesson page | |||||||||||||||||||||||||
39 | T5.1 | Toggle Buttons | Lesson page | |||||||||||||||||||||||||
40 | T5.1 | Navigation patterns | Lesson page | |||||||||||||||||||||||||
41 | T5.1 | Infinite scrolling | Lesson page | |||||||||||||||||||||||||
42 | T5.1 | Pagination | Lesson page | |||||||||||||||||||||||||
43 | T3 | 2.2 | 2.2. Input | Chapter landing page | https://developers.google.com/web/fundamentals/input/ | |||||||||||||||||||||||
44 | T4.1 | 2.2.1 | Add touch to your site | Lesson aggregation page | https://developers.google.com/web/fundamentals/input/touch/ | |||||||||||||||||||||||
45 | T5.1 | Stateful elements respond to touch | Lesson page | https://developers.google.com/web/fundamentals/input/touch/activestates/ | Done | |||||||||||||||||||||||
46 | T5.1 | Implement custom gestures | Lesson page | https://developers.google.com/web/fundamentals/input/touch/touchevents/ | Done | |||||||||||||||||||||||
47 | T4.1 | 2.2.2 | Form input | Lesson aggregation page | https://developers.google.com/web/fundamentals/input/form/ | |||||||||||||||||||||||
48 | T5.1 | Choose the best input type | Lesson page | https://developers.google.com/web/fundamentals/input/form/choose-the-best-input-type.html | Done | |||||||||||||||||||||||
49 | T5.1 | Label and name inputs properly | Lesson page | https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs.html | Done | |||||||||||||||||||||||
50 | T5.1 | Provide real time validation | Lesson page | https://developers.google.com/web/fundamentals/input/form/provide-real-time-validation.html | Done | |||||||||||||||||||||||
51 | T5.1 | Simplify checkout with requestAutocomplete | Lesson page | https://developers.google.com/web/fundamentals/input/form/use-request-auto-complete.html | Done | |||||||||||||||||||||||
52 | T3 | 2.3 | 2.3. Media | Chapter landing page | https://developers.google.com/web/fundamentals/media/ | |||||||||||||||||||||||
53 | T4.1 | 2.3.1 | Images | Lesson aggregation page | https://developers.google.com/web/fundamentals/media/images/ | |||||||||||||||||||||||
54 | T5.1 | Images in markup | Lesson page | https://developers.google.com/web/fundamentals/media/images/images-in-markup.html | Done | |||||||||||||||||||||||
55 | T5.1 | Images in CSS | Lesson page | https://developers.google.com/web/fundamentals/media/images/images-in-css.html | Done | |||||||||||||||||||||||
56 | T5.1 | Use SVG for icons | Lesson page | https://developers.google.com/web/fundamentals/media/images/use-icons.html | Done | |||||||||||||||||||||||
57 | T5.1 | Optimize images for performance | Lesson page | https://developers.google.com/web/fundamentals/media/images/optimize-images-for-performance.html | Done | |||||||||||||||||||||||
58 | T5.1 | Avoid images completely | Lesson page | https://developers.google.com/web/fundamentals/media/images/avoid-images-completely.html | Done | |||||||||||||||||||||||
59 | T4.1 | 2.3.2 | Video | Lesson aggregation page | https://developers.google.com/web/fundamentals/media/video/ | |||||||||||||||||||||||
60 | T5.1 | Add video | Lesson page | https://developers.google.com/web/fundamentals/media/video/add-a-video.html | Done | |||||||||||||||||||||||
61 | T5.1 | Provide alternatives for legacy platforms | Subsection in page. | https://developers.google.com/web/fundamentals/media/video/provide-alternatives-for-legacy-platforms.html | Done | |||||||||||||||||||||||
62 | T5.1 | Customize the video player | Subsection in page. | https://developers.google.com/web/fundamentals/media/video/customize-the-video-player.html | Done | |||||||||||||||||||||||
63 | T5.1 | Size videos correctly | Subsection in page. | https://developers.google.com/web/fundamentals/media/video/size-videos-correctly.html | Done | |||||||||||||||||||||||
64 | T5.1 | Accessibility matters | Subsection in page. | https://developers.google.com/web/fundamentals/media/video/accessibility-matters.html | Done | |||||||||||||||||||||||
65 | T5.1 | Quick reference | Subsection in page. | https://developers.google.com/web/fundamentals/media/video/quick-reference.html | Done | |||||||||||||||||||||||
66 | T4.1 | 2.3.3 | Audio | Lesson aggregation page | https://developers.google.com/web/fundamentals/media/audio/ | |||||||||||||||||||||||
67 | T3 | 2.4 | 2.4. Performance | Chapter landing page | https://developers.google.com/web/fundamentals/performance/ | |||||||||||||||||||||||
68 | T4.1 | 2.4.1 | Critical Rendering Path | Lesson aggregation page | https://developers.google.com/web/fundamentals/performance/critical-rendering-path/ | |||||||||||||||||||||||
69 | T5.1 | Constructing the Object Model | Lesson page | https://developers.google.com/web/fundamentals/performance/critical-rendering-path/constructing-the-object-model.html | Done | |||||||||||||||||||||||
70 | T5.1 | Rende-tree construction, Layout, and Paint | Lesson page | https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction.html | Done | |||||||||||||||||||||||
71 | T5.1 | Render blocking CSS | Lesson page | https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-blocking-css.html | Done | |||||||||||||||||||||||
72 | T5.1 | Adding interactivity with JavaScript | Lesson page | https://developers.google.com/web/fundamentals/performance/critical-rendering-path/adding-interactivity-with-javascript.html | Done | |||||||||||||||||||||||
73 | T5.1 | Measuring the Critical Rendering Path with Navigation Timing | Lesson page | https://developers.google.com/web/fundamentals/performance/critical-rendering-path/measure-crp.html | Done | |||||||||||||||||||||||
74 | T5.1 | Analyzing Critical Rendering Path performance | Lesson page | https://developers.google.com/web/fundamentals/performance/critical-rendering-path/analyzing-crp.html | Done | |||||||||||||||||||||||
75 | T5.1 | Optimizing the Critical Rendering Path | Lesson page | https://developers.google.com/web/fundamentals/performance/critical-rendering-path/optimizing-critical-rendering-path.html | Done | |||||||||||||||||||||||
76 | T5.1 | PageSpeed Rules and Recommendations | Lesson page | https://developers.google.com/web/fundamentals/performance/critical-rendering-path/page-speed-rules-and-recommendations.html | Done | |||||||||||||||||||||||
77 | T4.1 | 2.4.2 | Optimizing content efficiency | Lesson aggregation page | https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/ | |||||||||||||||||||||||
78 | T5.1 | Eliminating unnecessary downloads | Lesson page | https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/eliminate-downloads.html | Done | |||||||||||||||||||||||
79 | T5.1 | Optimizing encoding and transfer size | Lesson page | https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/optimize-encoding-and-transfer.html | Done | |||||||||||||||||||||||
80 | T5.1 | Image optimization | Lesson page | https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization.html | Done | |||||||||||||||||||||||
81 | T5.1 | HTTP caching | Lesson page | https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching.html | Done | |||||||||||||||||||||||
82 | T3 | 2.5 | 2.5 Device Access | https://developers.google.com/web/fundamentals/device-access/ | ||||||||||||||||||||||||
83 | T4.1 | 2.5.1 | User location | Lesson aggregration page | https://developers.google.com/web/fundamentals/device-access/user-location/ | |||||||||||||||||||||||
84 | T5.1 | Obtaining the users current location | Lesson page | https://developers.google.com/web/fundamentals/device-access/user-location/obtain-location.html | Done | |||||||||||||||||||||||
85 | T5.1 | Getting the user to consent to location sharing | Lesson page | https://developers.google.com/web/fundamentals/device-access/user-location/user-consent.html | Done | |||||||||||||||||||||||
86 | T5.1 | Monitoring the user's location | Lesson page | https://developers.google.com/web/fundamentals/device-access/user-location/monitor-location.html | Done | |||||||||||||||||||||||
87 | T4.1 | 2.5.2 | Device orientation | Lesson aggregration page | https://developers.google.com/web/fundamentals/device-access/device-orientation/ | |||||||||||||||||||||||
88 | T5.1 | Device orientation | Lesson page | https://developers.google.com/web/fundamentals/device-access/device-orientation/dev-orientation.html | Done | |||||||||||||||||||||||
89 | T5.1 | Device motion | Lesson page | https://developers.google.com/web/fundamentals/device-access/device-orientation/dev-motion.html | Done | |||||||||||||||||||||||
90 | T4.1 | 2.5.3 | Click to call | Lesson aggregration page | https://developers.google.com/web/fundamentals/device-access/click-to-call/ | |||||||||||||||||||||||
91 | T5.1 | Click to call | Lesson page | https://developers.google.com/web/fundamentals/device-access/click-to-call/click-to-call.html | Done | |||||||||||||||||||||||
92 | T3 | 2.6 | 2.6 Monetization | Chapter Landing Page | https://developers.google.com/web/fundamentals/monetization/ | |||||||||||||||||||||||
93 | T4.1 | 2.6.1 | Monetizing with ads | Lesson aggregration page | https://developers.google.com/web/fundamentals/monetization/ads/ | |||||||||||||||||||||||
94 | T5.1 | How ads work | Lesson page | https://developers.google.com/web/fundamentals/monetization/ads/how-ads-work | Done | |||||||||||||||||||||||
95 | T5.1 | Includes ads on your site | Lesson page | https://developers.google.com/web/fundamentals/monetization/ads/include-ads | Done | |||||||||||||||||||||||
96 | T5.1 | Customize your ads | Lesson page | https://developers.google.com/web/fundamentals/monetization/ads/customize-ads | Done | |||||||||||||||||||||||
97 | Optimize ads on your site | Lesson page | m3 | |||||||||||||||||||||||||
98 | T3 | 2.7 | 2.7 User Experience | Chapter Landing Page | https://developers.google.com/web/fundamentals/principles/ | |||||||||||||||||||||||
99 | T5.1 | 2.7.1.1 | About the research study | Lesson page | https://developers.google.com/web/fundamentals/principles/research-study.html | m3 | ||||||||||||||||||||||
100 | T5.1 | 2.7.1.2 | Site Search | Lesson page | https://developers.google.com/web/fundamentals/principles/site-search | m3 | ||||||||||||||||||||||