Utah Web Development 2

Lessons

1. 

   Introduction to Javascript in HTML

1. 1.1 The Script Tag

   • Lesson Plan
2. Description
3. Objective

4. 1.2 Using the DOM

   • Lesson Plan
5. Description
6. Objective

7. 1.3 Creating Elements Using the DOM

   • Lesson Plan
8. Description
9. Objective

10. 1.4 Styling Elements Using Javascript

    • Lesson Plan
11. Description
12. Objective

13. 1.5 Functions in HTML

    • Lesson Plan
14. Description
15. Objective

16. 1.6 This Keyword

    • Lesson Plan
17. Description
18. Objective

19. 1.7 Challenge: Make a Keyboard

    • Lesson Plan
20. Description
21. Objective

22. 1.8 Keyboard Interactions

    • Lesson Plan
23. Description
24. Objective

25. 1.9 JavaScript Animations

    • Lesson Plan
26. Description
27. Objective

28. 1.10 Positioning and Animations

    • Lesson Plan
29. Description
30. Objective

31. 1.11 Introduction to JavaScript in HTML Quiz

    • Lesson Plan
32. Description
33. Objective
2. 

   Bootstrap

1. 2.1 What is Bootstrap?

   • Lesson Plan
2. Description
3. Objective

4. 2.2 Getting Started with Bootstrap

   • Lesson Plan
5. Description
6. Objective

7. 2.3 The Bootstrap Grid System

   • Lesson Plan
8. Description
9. Objective

10. 2.4 Bootstrap Components

    • Lesson Plan
11. Description
12. Objective

13. 2.5 More Bootstrap Components

    • Lesson Plan
14. Description
15. Objective

16. 2.6 Navigation Bars

    • Lesson Plan
17. Description
18. Objective

19. 2.7 Drop Down Menus

    • Lesson Plan
20. Description
21. Objective

22. 2.8 Using Bootstrap Examples to Create a Media Carousel

    • Lesson Plan
23. Description
24. Objective

25. 2.9 Bootstrap Quiz

    • Lesson Plan
26. Description
27. Objective
3. 

   Bootstrap Project

1. 3.1 Bootstrap Project

   • Lesson Plan
2. Description
3. Objective
4. 

   Storing and Collecting Data

1. 4.1 Collecting and Storing Data

   • Lesson Plan
2. Description
3. Objective

4. 4.2 Storing Data with Local Storage

   • Lesson Plan
5. Description
6. Objective

7. 4.3 Storing Data Structures with Local Storage

   • Lesson Plan
8. Description
9. Objective

10. 4.4 JavaScript Objects

    • Lesson Plan
11. Description
12. Objective

13. 4.5 Using Input Fields

    • Lesson Plan
14. Description
15. Objective

16. 4.6 Challenge: Create a Survey

    • Lesson Plan
17. Description
18. Objective

19. 4.7 Storing Data with Firebase

    • Lesson Plan
20. Description
21. Objective

22. 4.8 Traversing Data with Firebase

    • Lesson Plan
23. Description
24. Objective

25. 4.9 Challenge: Collecting User Clicks

    • Lesson Plan
26. Description
27. Objective

28. 4.10 For/In Loops

    • Lesson Plan
29. Description
30. Objective

31. 4.11 Using APIs

    • Lesson Plan
32. Description
33. Objective

34. 4.12 Server-side Languages

    • Lesson Plan
35. Description
36. Objective

37. 4.13 Storing and Collecting Data Quiz

    • Lesson Plan
38. Description
39. Objective
5. 

   How to Build and Maintain a Website

1. 5.1 Choosing a Domain Name

   • Lesson Plan
2. Description
3. Objective

4. 5.2 Hosting Your Website

   • Lesson Plan
5. Description
6. Objective

7. 5.3 Using a CMS

   • Lesson Plan
8. Description
9. Objective

10. 5.4 What is Web Optimization?

    • Lesson Plan
11. Description
12. Objective

13. 5.5 Optimizing Web Information

    • Lesson Plan
14. Description
15. Objective

16. 5.6 Web Site Maintenance

    • Lesson Plan
17. Description
18. Objective

19. 5.7 Web Accessibility

    • Lesson Plan
20. Description
21. Objective

22. 5.8 How to Build and Maintain a Website Quiz

    • Lesson Plan
23. Description
24. Objective
6. 

   Final Project

1. 6.1 Project Overview

   • Lesson Plan
2. Description
3. Objective

4. 6.2 Planning Your Site

   • Lesson Plan
5. Description
6. Objective

7. 6.3 Creating Your Site

   • Lesson Plan
8. Description
9. Objective

10. 6.4 Providing Feedback

    • Lesson Plan
11. Description
12. Objective

13. 6.5 Presenting Your Innovation

    • Lesson Plan
14. Description
15. Objective
7. 

   Computer Science Careers

1. 7.1 Computer Science Careers

   • Lesson Plan
2. Description
3. Objective
8. 

   JavaScript Bootcamp

1. 8.1 Hello World

   • Lesson Plan
2. Description
3. Objective

4. 8.2 Variables

   • Lesson Plan
5. Description
6. Objective

7. 8.3 User Input

   • Lesson Plan
8. Description
9. Objective

10. 8.4 Basic Math in JavaScript

    • Lesson Plan
11. Description
12. Objective

13. 8.5 Booleans

    • Lesson Plan
14. Description
15. Objective

16. 8.6 Logical Operators

    • Lesson Plan
17. Description
18. Objective

19. 8.7 Comparison Operators

    • Lesson Plan
20. Description
21. Objective

22. 8.8 If Statements

    • Lesson Plan
23. Description
24. Objective

25. 8.9 For Loops in JavaScript

    • Lesson Plan
26. Description
27. Objective

28. 8.10 For Loop Practice

    • Lesson Plan
29. Description
30. Objective

31. 8.11 Random Numbers

    • Lesson Plan
32. Description
33. Objective

34. 8.12 While Loops

    • Lesson Plan
35. Description
36. Objective

37. 8.13 Loop and a Half

    • Lesson Plan
38. Description
39. Objective

40. 8.14 Functions and Parameters 1

    • Lesson Plan
41. Description
42. Objective

43. 8.15 Functions and Parameters 2

    • Lesson Plan
44. Description
45. Objective

46. 8.16 Functions and Return Values 1

    • Lesson Plan
47. Description
48. Objective

49. 8.17 Functions and Return Values 2

    • Lesson Plan
50. Description
51. Objective

52. 8.18 Local Variables and Scope

    • Lesson Plan
53. Description
54. Objective

55. 8.19 Intro to Lists/Arrays

    • Lesson Plan
56. Description
57. Objective

58. 8.20 Indexing Into an Array

    • Lesson Plan
59. Description
60. Objective

61. 8.21 Adding/Removing From an Array

    • Lesson Plan
62. Description
63. Objective

64. 8.22 Array Length and Looping Through Arrays

    • Lesson Plan
65. Description
66. Objective
9. 

   Using JavaScript Libraries

1. 9.1 Introduction to jQuery

   • Lesson Plan
2. Description
3. Objective

4. 9.2 Iterating with jQuery

   • Lesson Plan
5. Description
6. Objective

7. 9.3 Animations with jQuery

   • Lesson Plan
8. Description
9. Objective

10. 9.4 Callback Functions and Synchronization

    • Lesson Plan
11. Description
12. Objective

13. 9.5 Using Multiple Files in JavaScript

    • Lesson Plan
14. Description
15. Objective

16. 9.6 Using JavaScript Libraries Quiz

    • Lesson Plan
17. Description
18. Objective
10. 

    Project: Build an Interactive Resume!

1. 10.1 Creating a Resume

   • Lesson Plan
2. Description
3. Objective

4. 10.2 Layout and Web Design Theory

   • Lesson Plan
5. Description
6. Objective

7. 10.3 Interactive Resume Development

   • Lesson Plan
8. Description
9. Objective
11. 

    Web Design Level 1 Certification Practice

1. 11.1 Practice #1: Intro to the Internet

   • Lesson Plan
2. Description
3. Objective

4. 11.2 Practice #2: HTML

   • Lesson Plan
5. Description
6. Objective

7. 11.3 Practice #3: CSS

   • Lesson Plan
8. Description
9. Objective

10. 11.4 Practice #4: Advanced HTML & CSS

    • Lesson Plan
11. Description
12. Objective