Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Beginner Full Stack Web Development: HTML, CSS, React & Node
Getting Started With HTML
1. Intro to Web Development (8:03)
2. Where to get free live help (0:15)
3. Installing an IDE (5:40)
4. HTML- Building Your First Website (12:55)
5. Intro to HTML, HEAD, BODY, and HEADER (10:39)
6. HTML- Lists, Paragraphs, and Text Styling (8:03)
7. HTML- Displaying Data With Tables (7:43)
8. HTML- Images & Forms (12:29)
9. Exercise: Fan Site
Introduction to CSS
10. What is CSS (3:25)
11. How to use Inline, Internal and External CSS (9:04)
12. CSS- Element, ID & Class Selectors (10:38)
13. CSS- Colors (14:28)
14. CSS- Backgrounds & Borders (10:40)
Quiz 1: Quiz - CSS Basics
15. Exercise: CSS Colors & Backgrounds
16. Using browser inspector tools (13:38)
17. CSS- Combinators (5:33)
18. CSS- Grouping (5:34)
19. CSS- Specificity (15:18)
Quiz 2: Specificity Domination
20. Exercise: Extending your CSS skills
Intermediate CSS
21. CSS- Text Styling & Formatting (20:26)
22. CSS- Google Fonts (8:17)
23. CSS- Images (9:51)
24. CSS- Padding & Margin (9:44)
25. CSS- Rows & Columns (13:08)
Quiz 3: Intermediate CSS
26. Exercise: Your first website using CSS!
Advanced CSS: Building and styling website
27. CSS- Intro to building your first Website! (1:16)
28. CSS- Building the Navbar (22:50)
29. CSS- Making the Navbar Mobile Responsive - Part 1 (11:02)
30. CSS- Making the Navbar Mobile Responsive - Part 2 (23:46)
31. CSS- Creating the Form Group (30:49)
32. CSS- Working with iframes (22:17)
33. CSS- Working with images and box shadows (42:37)
34. CSS- Working with text and image spacing (28:28)
35. CSS- Building the footer (18:01)
Learning to Code With Javascript
36. Time to Javascript (8:52)
37. Javascript Reference (4:23)
38. Javascript- Comments & How to Link Scripts (7:46)
39. Javascript- Variables & Strings (13:05)
40. Javascript- Numbers (8:05)
41. Javascript- Comparison Operators (15:42)
42. Javascript- Logical Operators (15:21)
43. Javascript- Arrays (16:19)
44. Javascript- Loops (14:24)
45. Exercise: Loops & Arrays
46. Javascript- Functions (22:21)
47. Exercise: Javascript Ops
48. Javascript- Objects (27:07)
49. Javascript- Bind (8:32)
50. Percentage Calculator - Setting Up the Form (7:58)
51. Percentage Calculator - Grabbing Elements With Java script (10:41)
52. Percentage Calculator - Using Event Listeners (12:57)
53. Percentage Calculator - Algorithm & Prevent Default (8:11)
54. Exercise: Percentage Calculators
Version Control With Git
55. How Version Control Works (12:01)
56. macOS Terminal Basics (14:25)
57. Git Basics (16:22)
58. Setting up Github on macOS (5:36)
59. Github vs Bitbucket (3:06)
60. Local & Remote Repositories (17:32)
61. Working Through Git Merge Conflicts (11:19)
62. Exercise: Pushing to Github
Introduction to Bootstrap 4
63. What is Bootstrap 4 (3:13)
64. Downloading Bootstrap 4 (3:05)
65. Bootstrap 4- Project Setup (7:17)
66. Bootstrap 4- Overview of Bootstraps Components (5:57)
67. Bootstrap 4- Understanding Bootstraps Classes (3:16)
68. Bootstrap 4- Using the Grid System (18:49)
Bootstrap 4: Creating a Login Portal
69. Bootstrap 4 Cards- Creating the Sign-in Portal Box (19:38)
70. Bootstrap 4 Forms- Adding the input fields (16:40)
71. Bootstrap 4 Buttons- Adding the Sign In button and Labels (18:33)
72. Bootstrap 4 Grids - Finishing Mobile Compatibility (8:31)
Bootstrap 4: Skate or Die Website
73. Bootstrap 4- Skate or Die Intro (1:17)
74. Bootstrap 4- Working with Navbars (10:34)
75. Bootstrap 4- Using Carousels (23:15)
76. Bootstrap 4- Nesting rows and columns (20:57)
77. Bootstrap 4- Modals (16:13)
78. Bootstrap 4- Adding images and buttons (19:00)
79. Bootstrap 4- Sizing Modals (18:21)
80. Bootstrap 4- Building the Footer (7:36)
81. Bootstrap 4- Working with Font Awesome Favicons (15:35)
Intro to Node, Mongo, & REST APIs
82. Understanding Web Requests (17:22)
83. Installing Node on macOS (7:51)
84. All About JSON (10:42)
85. Basics of Node (9:25)
86. Node Modules (5:41)
87. Exercise: Mastering Node Modules
88. Building Your First API (17:00)
89. Postman, GET & POST Requests (19:25)
90. URL Parameters & Delete Requests (18:18)
91. Exercise: Creating a Node Calculator
92. Installing MongoDB on macOS (5:44)
93. Working With the Mongo Shell (12:20)
94. Searching for Documents (8:06)
95. Deletions & Documentation (4:24)
96. Swag Shop API- Project Creation (10:09)
97. Swag Shop API- Creating the Models (14:42)
98. Swag Shop API- Posting Products (12:57)
99. Swag Shop API- Fetching Products (9:58)
100. Exercise: Extending the API
101. Swag Shop API- Populating Data (19:23)
Intro to React
102. Swag Shop- Setting Up React Tooling (19:00)
103. Swag Shop- Installing Bootstrap (11:30)
104. Swag Shop- Setting Up the API (6:28)
105. Swag Shop- Creating a HTTP Service (19:04)
106. Swag Shop- Promises With ES6 & React (12:22)
107. Swag Shop- Components in React - Website Product (13:50)
108. Swag Shop- Props in React (11:03)
109. Swag Shop- Working With State in React (13:48)
110. Swag Shop- Creating a WishList Component (24:52)
111. Exercise: React Components
112. Swag Shop- Building a Singleton Data Service (11:25)
113. Swag Shop- Creating a Notification Service (13:11)
114. Swag Shop- Posting Notifications to React Components (7:33)
115. Swag Shop- Finishing Our Full Stack React App (16:16)
116. Swag Shop- Observing Notifications in React (13:49)
117. Exercise: Extending Swag Shop
100. Exercise: Extending the API
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock