Track Your Progress

Study Buddies

Change Account Info
Logout

Username Email Address I have a previous session!

HTML 0/0 Completed (0%)

CSS 0/0 Completed (0%)

JavaScript 0/0 Completed (0%)

jQuery 0/0 Completed (0%)

Projects 0/0 Completed (0%)

Overall Progress 0/0 Completed (0%)

HTML
CSS
JavaScript
jQuery
Projects

Lesson 1 - Welcome! Important Details on Your Scholarship Lesson Completed!
- 1. Scholarship Overview
- 2. Accessing the Discussion Forums
- 3. Slack
Lesson 2 - HTML Syntax Lesson Completed!
- 1. Lesson Introduction
- 2. HTML Structure Part 1
- 3. Quiz: Make Your First Element
- 4. Environments
- 5. Text Editors
- 6. Browsers
- 7. Workflow
- 8. Trees
- 9. HTML and Trees
- 10. Quiz: Spot the Bug
- 11. Quiz: HTML Research
- 12. HTML Structure Part 2
- 13. HTML Documents in Depth
- 14. Lesson Wrap Up
Lesson 3 - HTML Syntax Problem Set Lesson Completed!
- 1. Welcome to the Problem Set!
- 2. Make a Button
- 3. Make a Button Solution
- 4. Udacity Front End Feedback Extension
- 5. Quiz: Make All the Headers
- 6. Quiz: Make a List
- 7. Quiz: Tree to HTML
- 8. Quiz: Constructing Links
- 9. Quiz: Add an Image
- 10. A Guide to Paths
- 11. Quiz: Figures
- 12. Mockup to Website

Lesson 5 - CSS Syntax Lesson Completed!
- 1. Getting Started with CSS
- 2. What is CSS?
- 3. Quiz: CSS or HTML?
- 4. CSS Rulesets
- 5. Quiz: CSS Syntax
- 6. Comments
- 7. Quiz: Tag Selectors
- 8. Attributes and Selectors
- 9. Quiz: Using Selectors
- 10. Quiz: Using CSS References
- 11. Developer Tools
- 12. Developer Tools on Different Browsers
- 13. Quiz: Using Developer Tools
- 14. CSS Units
- 15. Quiz: Units in CSS
- 16. CSS Colors
- 17. Quiz: Identifying Colors
- 18. Outro
Lesson 6 - CSS Syntax Problem Set Lesson Completed!
- 1. Welcome to the Problem Set!
- 2. Quiz: Style an Image
- 3. Quiz: Style the Font
- 4. IMPORTANT! Udacity Front End Feedback Extension
- 5. Quiz: Writing Selectors
- 6. Quiz: Using Attributes
- 7. Quiz: Slack Card
- 8. Quiz: Udacity Site Header
- 9. What is a Stylesheet?
- 10. Quiz: Link to a Stylesheet
Lesson 7 - How to Write Code FasterLesson Completed!
- 1. Writing Code Faster
- 2. Sublime Text and Atom Keyboard Shortcuts
- 3. Quiz: Practice Keyboard Shortcuts
- 4. Quiz: Keyboard Shortcuts
- 5. Extending Sublime Text and Atom
- 6. Installing Packages and Themes
- 7. Recommended Packages
- 8. Recommended Themes
- 9. Quiz: What’s Your Favorite Theme?
- 10. Coder, Better, Tooler, Hacker
Lesson 9 - Next Up Lesson Completed!
- 1. Onward

Lesson 10 - What is JavaScript? Lesson Completed!
- 1. Intro to JavaScript
- 2. History of JavaScript
- 3. The JavaScript Console
- 4. Developer Tools on Different Browsers
- 5. console.log
- 6. JavaScript Demo
- 7. Lesson 1 Summary
Lesson 11 - Data Types & Variables Lesson Completed!
- 1. Intro to Data Types
- 2. Numbers
- 3. Comments
- 4. Quiz: First Expression (2-1)
- 5. Strings
- 6. String Concatenation
- 7. Variables
- 8. Quiz: Converting Temperatures (2-2)
- 9. String Index
- 10. Escaping Strings
- 11. Comparing Strings
- 12. Quiz: Favorite Food (2-3)
- 13. Quiz: String Equality for All (2-4)
- 14. Quiz: All Tied Up (2-5)
- 15. Quiz: Yosa Buson (2-6)
- 16. Booleans
- 17. Quiz: Facebook Post (2-7)
- 18. Null, Undefined, and NaN
- 19. Equality
- 20. Quiz: Semicolons! (2-8)
- 21. Quiz: What's my Name? (2-9)
- 22. Quiz: Out to Dinner (2-10)
- 23. Quiz: Mad Libs (2-11)
- 24. Quiz: One Awesome Message (2-12)
- 25. Lesson 2 Summary
Lesson 12 - Conditionals Lesson Completed!
- 1. Intro to Conditionals
- 2. Quiz: Flowcharts (3-1)
- 3. Flowchart to Code
- 4. If...Else Statements
- 5. Else If Statements
- 6. Quiz: Even or Odd (3-2)
- 7. Quiz: Musical Groups (3-3)
- 8. Quiz: Murder Mystery (3-4)
- 9. More Complex Problems
- 10. Logical Operators
- 11. Logical AND and OR
- 12. Quiz: Checking your Balance (3-5)
- 13. Quiz: Ice Cream (3-6)
- 14. Quiz: What do I Wear? (3-7)
- 15. Advanced Conditionals
- 16. Truthy and Falsy
- 17. Ternary Operator
- 18. Quiz: Navigating the Food Chain (3-8)
- 19. Switch Statement
- 20. Falling-through
- 21. Quiz: Back to School (3-9)
- 22. Lesson 3 Summary
Lesson 13 - Loops Lesson Completed!
- 1. Intro to Loops
- 2. While Loops
- 3. Parts of a While Loop
- 4 . Quiz: JuliaJames (4-1)
- 5. Quiz: 99 Bottles of Juice (4-2)
- 6. Quiz: Countdown, Liftoff! (4-3)
- 7. For Loops
- 8. Parts of a For Loop
- 9. Nested Loops
- 10. Increment and Decrement
- 11. Quiz: Changing the Loop (4-4)
- 12. Quiz: Fix the Error 1 (4-5)
- 13. Quiz: Fix the Error 2 (4-6)
- 14. Quiz: Factorials! (4-7)
- 15. Quiz: Find my Seat (4-8)
- 16. Lesson 4 Summary
Lesson 14 - Functions Lesson Completed!
- 1. Intro to Functions
- 2. Function Example
- 3. Declaring Functions
- 4. Function Recap
- 5. Quiz: Laugh it Off 1 (5-1)
- 6. Quiz: Laugh it Off 2 (5-2)
- 7. Return Values
- 8. Using Return Values
- 9. Scope
- 10. Scope Example
- 11. Shadowing
- 12. Global Variables
- 13. Scope Recap
- 14. Hoisting
- 15. Hoisting Recap
- 16. Quiz: Build a Triangle (5-3)
- 17. Function Expressions
- 18. Patterns with Function Expressions
- 19. Function Expression Recap
- 20. Quiz: Laugh (5-4)
- 21. Quiz: Cry (5-5)
- 22. Quiz: Inline (5-6)
- 23. Lesson 5 Summary
Lesson 15 - Arrays Lesson Completed!
- 1. Intro to Arrays
- 2. Donuts to Code
- 3. Creating an Array
- 4. Accessing Array Elements
- 5. Array Index
- 6. Quiz: UdaciFamily (6-1)
- 7. Quiz: Building the Crew (6-2)
- 8. Quiz: The Price is Right (6-3)
- 9. Array Properties and Methods
- 10. Length
- 11. Push
- 12. Pop
- 13. Splice
- 14. Quiz: Colors of the Rainbow (6-4)
- 15. Quiz: Quidditch Cup (6-5)
- 16. Quiz: Joining the Crew (6-6)
- 17. Quiz: Checking out the Docs (6-7)
- 18. Array Loops
- 19. The forEach Loop
- 20. Quiz: Another Type of Loop (6-8)
- 21. Map
- 22. Quiz: I Got Bills (6-9)
- 23. Arrays in Arrays
- 24. 2D Donut Arrays
- 25. Quiz: Nested Numbers (6-10)
- 26. Lesson 6 Summary
Lesson 16 - Objects Lesson Completed!
- 1. Intro to Objects
- 2. Objects in Code
- 3. Quiz: Umbrella (7-1)
- 4. Objects
- 5. Object Literals
- 6. Naming Conventions
- 7. Summary of Objects
- 8. Quiz: Menu Items (7-2)
- 9. Quiz: Bank Accounts 1 (7-3)
- 10. Quiz: Bank Accounts 2 (7-4)
- 11. Quiz: Facebook Friends (7-5)
- 12. Quiz: Donuts Revisited (7-6)
- 13. Lesson 7 Summary
Lesson 17 - Next Up Lesson Completed!
- 1. Onward

Lesson 18 - The Basics: The DOM, $, and SelectorsLesson Completed!
- 1. Course Introduction
- 2. Why Does jQuery Exist?
- > 3. What is jQuery actually
- 4. Money, Money, Money (the $)
- 5. How to Use the $
- 6. Quiz: DOM Inspiration
- 7. How is jQuery included in a page?
- 8. Quiz: Select by Tags
- 9. Quiz: Select by Classes Quiz
- 10. Quiz: Select by IDs
- 11. Family Tree Revisited
- 12. Quiz: Filters Quiz
- 13. High Five!
Lesson 19 - The Tricks: DOM Manipulation Lesson Completed!
- 1. jQuery Documentation and You
- 2. Quiz: you.toggleClass() Quiz
- 3. Toggling Classes Quiz
- 4. Quiz: Changing Attributes Quiz
- 5. Quiz: Modifying CSS Quiz
- 6. Pulling HTML and Text
- 7. Quiz: Collecting Values Quiz
- 8. Quiz: Removing DOM Elements
- 9. Adding DOM Elements
- 10. Appending Child Elements
- 11. Quiz: Build a DOM (Family) Tree!
- 12. Quiz: Iterating with Each Quiz
- 13. Quiz: Why use jQuery? Quiz
- 14. Outro
- 15. $(function)
Lesson 20 - Event Listeners with jQuery Lesson Completed!
- 1. Intro to Event Listening with jQuery
- 2. What are Browser Events?
- 3. Quiz: monitorEvents Quiz
- 4. Anatomy of a jQuery Event Listener
- 5. Quiz: jQuery Event Listener Order Quiz
- 6. Quiz: jQuery Event Listener
- 7. The Event Object
- 8. Quiz: The Convenience Method
- 9. Quiz: Convenience Methods Quiz
- 10. jQuery's multifunctional .on method
- 11. Event Delegation
- 12. Outro

Lesson 4 - Project: Mockup to ArticleLesson Completed!
- 1. Mockup to Article Overview
- 2. Mockup to Article
Lesson 8 - Project: Animal Trading Cards Lesson Completed!
- 1. Animal Trading Cards Overview
- 2. Animal Trading Cards
Lesson 21 - Project: Pixel Art Maker Lesson Completed!
- 1. Project Overview
- 2. Instructions
Lesson 22 - Challenge Course Wrap Up Lesson Completed!
- 1. Great Work!

©Study Buddies

Hecho con mucho amor

Made with lots of love

Fait avec beaucoup d'amour

प्यार से बनाया

Mit viel Liebe gemacht

Hanaʻia me ke aloha nui

Cделано с большой любовью

ਪਿਆਰ ਨਾਲ ਬਣਾਇਆ

Change Your Name Change Your Email Select Your Theme

Information And Help

Hello!

This is a Single Page Application created by Study Buddies for "Grow With Google Scholarship 2018 Front-End Web Dev" Student Projects website.

It allows you to track your progress with the Course and have it saved locally on your machine.

Project participants:

http://tiny.cc/SB-teamRoster

Work in Progress:

Safari and Edge browsers might display the SPA incorrectly.

Copyright © 2018 Study Buddies. All Rights Reserved.