Utah Web Development 1 and 2

Lessons

1. 

   The Internet

1. 1.1 Welcome to the Internet

   • Lesson Plan
2. Description
3. Objective

4. 1.2 Viewing Websites

   • Lesson Plan
5. Description
6. Objective

7. 1.3 Digital Footprint and Reputation

   • Lesson Plan
8. Description
9. Objective

10. 1.4 Ethics and Legal Considerations

    • Lesson Plan
11. Description
12. Objective

13. 1.5 Cybersecurity

    • Lesson Plan
14. Description
15. Objective

16. 1.6 Computer Science Careers

    • Lesson Plan
17. Description
18. Objective
2. 

   HTML - Structuring Websites

1. 2.1 Introduction to HTML

   • Lesson Plan
2. Description
3. Objective

4. 2.2 Structure of an HTML Page

   • Lesson Plan
5. Description
6. Objective

7. 2.3 Formatting Text

   • Lesson Plan
8. Description
9. Objective

10. 2.4 Links

    • Lesson Plan
11. Description
12. Objective

13. 2.5 Images

    • Lesson Plan
14. Description
15. Objective

16. 2.6 Copyright

    • Lesson Plan
17. Description
18. Objective

19. 2.7 HTML Lists

    • Lesson Plan
20. Description
21. Objective

22. 2.8 HTML Tables

    • Lesson Plan
23. Description
24. Objective

25. 2.9 HTML Styling

    • Lesson Plan
26. Description
27. Objective

28. 2.10 HTML Colors

    • Lesson Plan
29. Description
30. Objective

31. 2.11 HTML - Structuring Websites Quiz

    • Lesson Plan
32. Description
33. Objective
3. 

   CSS - Styling Websites

1. 3.1 Introduction to CSS

   • Lesson Plan
2. Description
3. Objective

4. 3.2 CSS Select by Tag

   • Lesson Plan
5. Description
6. Objective

7. 3.3 CSS Select by Class

   • Lesson Plan
8. Description
9. Objective

10. 3.4 CSS Select by ID

    • Lesson Plan
11. Description
12. Objective

13. 3.5 The Cascade

    • Lesson Plan
14. Description
15. Objective

16. 3.6 Multi-file Websites

    • Lesson Plan
17. Description
18. Objective

19. 3.7 What is Web Optimization?

    • Lesson Plan
20. Description
21. Objective

22. 3.8 CSS - Styling Websites Quiz

    • Lesson Plan
23. Description
24. Objective
4. 

   Advanced HTML and CSS

1. 4.1 Getting Started - Advanced HTML and CSS

   • Lesson Plan
2. Description
3. Objective

4. 4.2 Embedding iframes

   • Lesson Plan
5. Description
6. Objective

7. 4.3 Divs

   • Lesson Plan
8. Description
9. Objective

10. 4.4 Spans

    • Lesson Plan
11. Description
12. Objective

13. 4.5 Semantic Tags

    • Lesson Plan
14. Description
15. Objective

16. 4.6 Combining CSS Selectors

    • Lesson Plan
17. Description
18. Objective

19. 4.7 The Don't Repeat Yourself Principle

    • Lesson Plan
20. Description
21. Objective

22. 4.8 Special Selectors

    • Lesson Plan
23. Description
24. Objective

25. 4.9 Visibility

    • Lesson Plan
26. Description
27. Objective

28. 4.10 Reading Documentation

    • Lesson Plan
29. Description
30. Objective

31. 4.11 Using the Inspector

    • Lesson Plan
32. Description
33. Objective

34. 4.12 The Box Model

    • Lesson Plan
35. Description
36. Objective

37. 4.13 Image Manipulation

    • Lesson Plan
38. Description
39. Objective

40. 4.14 Animation

    • Lesson Plan
41. Description
42. Objective

43. 4.15 Interaction

    • Lesson Plan
44. Description
45. Objective

46. 4.16 The CSS Grid Layout

    • Lesson Plan
47. Description
48. Objective

49. 4.17 Web Accessibility

    • Lesson Plan
50. Description
51. Objective

52. 4.18 Advanced HTML and CSS Quiz

    • Lesson Plan
53. Description
54. Objective
5. 

   Project - Create Your Homepage

1. 5.1 Homepage: Your First Website

   • Lesson Plan
2. Description
3. Objective
6. 

   Introduction to Javascript in HTML

1. 6.1 The Script Tag

   • Lesson Plan
2. Description
3. Objective

4. 6.2 Using the DOM

   • Lesson Plan
5. Description
6. Objective

7. 6.3 Creating Elements Using the DOM

   • Lesson Plan
8. Description
9. Objective

10. 6.4 Styling Elements Using Javascript

    • Lesson Plan
11. Description
12. Objective

13. 6.5 Functions in HTML

    • Lesson Plan
14. Description
15. Objective

16. 6.6 This Keyword

    • Lesson Plan
17. Description
18. Objective

19. 6.7 Challenge: Make a Keyboard

    • Lesson Plan
20. Description
21. Objective

22. 6.8 Keyboard Interactions

    • Lesson Plan
23. Description
24. Objective

25. 6.9 JavaScript Animations

    • Lesson Plan
26. Description
27. Objective

28. 6.10 Positioning and Animations

    • Lesson Plan
29. Description
30. Objective

31. 6.11 Introduction to JavaScript in HTML Quiz

    • Lesson Plan
32. Description
33. Objective
7. 

   Bootstrap

1. 7.1 What is Bootstrap?

   • Lesson Plan
2. Description
3. Objective

4. 7.2 Getting Started with Bootstrap

   • Lesson Plan
5. Description
6. Objective

7. 7.3 The Bootstrap Grid System

   • Lesson Plan
8. Description
9. Objective

10. 7.4 Bootstrap Components

    • Lesson Plan
11. Description
12. Objective

13. 7.5 More Bootstrap Components

    • Lesson Plan
14. Description
15. Objective

16. 7.6 Navigation Bars

    • Lesson Plan
17. Description
18. Objective

19. 7.7 Drop Down Menus

    • Lesson Plan
20. Description
21. Objective

22. 7.8 Using Bootstrap Examples to Create a Media Carousel

    • Lesson Plan
23. Description
24. Objective

25. 7.9 Bootstrap Quiz

    • Lesson Plan
26. Description
27. Objective
8. 

   Bootstrap Project

1. 8.1 Bootstrap Project

   • Lesson Plan
2. Description
3. Objective
9. 

   Storing and Collecting Data

1. 9.1 Collecting and Storing Data

   • Lesson Plan
2. Description
3. Objective

4. 9.2 Storing Data with Local Storage

   • Lesson Plan
5. Description
6. Objective

7. 9.3 Storing Data Structures with Local Storage

   • Lesson Plan
8. Description
9. Objective

10. 9.4 JavaScript Objects

    • Lesson Plan
11. Description
12. Objective

13. 9.5 Using Input Fields

    • Lesson Plan
14. Description
15. Objective

16. 9.6 Challenge: Create a Survey

    • Lesson Plan
17. Description
18. Objective

19. 9.7 Storing Data with Firebase

    • Lesson Plan
20. Description
21. Objective

22. 9.8 Traversing Data with Firebase

    • Lesson Plan
23. Description
24. Objective

25. 9.9 Challenge: Collecting User Clicks

    • Lesson Plan
26. Description
27. Objective

28. 9.10 For/In Loops

    • Lesson Plan
29. Description
30. Objective

31. 9.11 Using APIs

    • Lesson Plan
32. Description
33. Objective

34. 9.12 Server-side Languages

    • Lesson Plan
35. Description
36. Objective

37. 9.13 Storing and Collecting Data Quiz

    • Lesson Plan
38. Description
39. Objective
10. 

    How to Build and Maintain a Website

1. 10.1 Choosing a Domain Name

   • Lesson Plan
2. Description
3. Objective

4. 10.2 Hosting Your Website

   • Lesson Plan
5. Description
6. Objective

7. 10.3 Using a CMS

   • Lesson Plan
8. Description
9. Objective

10. 10.4 What is Web Optimization?

    • Lesson Plan
11. Description
12. Objective

13. 10.5 Optimizing Web Information

    • Lesson Plan
14. Description
15. Objective

16. 10.6 Web Site Maintenance

    • Lesson Plan
17. Description
18. Objective

19. 10.7 How to Build and Maintain a Website Quiz

    • Lesson Plan
20. Description
21. Objective
11. 

    Final Project

1. 11.1 Project Overview

   • Lesson Plan
2. Description
3. Objective

4. 11.2 Planning Your Site

   • Lesson Plan
5. Description
6. Objective

7. 11.3 Creating Your Site

   • Lesson Plan
8. Description
9. Objective

10. 11.4 Providing Feedback

    • Lesson Plan
11. Description
12. Objective

13. 11.5 Presenting Your Innovation

    • Lesson Plan
14. Description
15. Objective
12. 

    JavaScript Bootcamp

1. 12.1 Hello World

   • Lesson Plan
2. Description
3. Objective

4. 12.2 Variables

   • Lesson Plan
5. Description
6. Objective

7. 12.3 User Input

   • Lesson Plan
8. Description
9. Objective

10. 12.4 Basic Math in JavaScript

    • Lesson Plan
11. Description
12. Objective

13. 12.5 Booleans

    • Lesson Plan
14. Description
15. Objective

16. 12.6 Logical Operators

    • Lesson Plan
17. Description
18. Objective

19. 12.7 Comparison Operators

    • Lesson Plan
20. Description
21. Objective

22. 12.8 If Statements

    • Lesson Plan
23. Description
24. Objective

25. 12.9 For Loops in JavaScript

    • Lesson Plan
26. Description
27. Objective

28. 12.10 For Loop Practice

    • Lesson Plan
29. Description
30. Objective

31. 12.11 Random Numbers

    • Lesson Plan
32. Description
33. Objective

34. 12.12 While Loops

    • Lesson Plan
35. Description
36. Objective

37. 12.13 Loop and a Half

    • Lesson Plan
38. Description
39. Objective

40. 12.14 Functions and Parameters 1

    • Lesson Plan
41. Description
42. Objective

43. 12.15 Functions and Parameters 2

    • Lesson Plan
44. Description
45. Objective

46. 12.16 Functions and Return Values 1

    • Lesson Plan
47. Description
48. Objective

49. 12.17 Functions and Return Values 2

    • Lesson Plan
50. Description
51. Objective

52. 12.18 Local Variables and Scope

    • Lesson Plan
53. Description
54. Objective

55. 12.19 Intro to Lists/Arrays

    • Lesson Plan
56. Description
57. Objective

58. 12.20 Indexing Into an Array

    • Lesson Plan
59. Description
60. Objective

61. 12.21 Adding/Removing From an Array

    • Lesson Plan
62. Description
63. Objective

64. 12.22 Array Length and Looping Through Arrays

    • Lesson Plan
65. Description
66. Objective
13. 

    Using JavaScript Libraries

1. 13.1 Introduction to jQuery

   • Lesson Plan
2. Description
3. Objective

4. 13.2 Iterating with jQuery

   • Lesson Plan
5. Description
6. Objective

7. 13.3 Animations with jQuery

   • Lesson Plan
8. Description
9. Objective

10. 13.4 Callback Functions and Synchronization

    • Lesson Plan
11. Description
12. Objective

13. 13.5 Using Multiple Files in JavaScript

    • Lesson Plan
14. Description
15. Objective

16. 13.6 Using JavaScript Libraries Quiz

    • Lesson Plan
17. Description
18. Objective
14. 

    Project: Build an Interactive Resume!

1. 14.1 Creating a Resume

   • Lesson Plan
2. Description
3. Objective

4. 14.2 Layout and Web Design Theory

   • Lesson Plan
5. Description
6. Objective

7. 14.3 Interactive Resume Development

   • Lesson Plan
8. Description
9. Objective
15. 

    Web Design Level 1 Certification Practice

1. 15.1 Practice #1: Intro to the Internet

   • Lesson Plan
2. Description
3. Objective

4. 15.2 Practice #2: HTML

   • Lesson Plan
5. Description
6. Objective

7. 15.3 Practice #3: CSS

   • Lesson Plan
8. Description
9. Objective

10. 15.4 Practice #4: Advanced HTML & CSS

    • Lesson Plan
11. Description
12. Objective