This site is powered by
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Complete Web Developer Bootcamp 2nd Edition
Phase I: Become a Full-Stack Developer
IMPORTANT: Read first!
Introduction (2:58)
About Me & Tips for Completion (1:57)
How Computers Work (4:04)
How the Internet Works (5:40)
Deep Dive: Build a Blogging Platform
1. Setting up with Cloud9 IDE (4:17)
2. Turn Cloud9 Into a Server (7:15)
3. Creating Blog Posts (6:17)
4. Homepage and Bootstrap (10:51)
5. Better Buttons and Forms (5:33)
6. Displaying the Date (4:48)
HTML
1. Sublime Text & Other Tools (3:45)
2. First HTML Page (3:56)
3. The HTML Page Structure (4:07)
4. Text (11:24)
5. Lists (5:45)
6. Images (8:57)
7. Tables (10:25)
8. Forms (13:02)
9. Links (6:28)
10. Divs and Spans (12:08)
11. Comments (2:32)
CSS
Homework Assignment #1
1. Linking to a CSS File (7:37)
2. Selecting HTML (4:30)
3. Color Values (5:28)
4. CSS Gradients (3:48)
5. Text and Fonts (7:28)
6. Listomania (2:54)
7. Comments (1:48)
8. Rounded Corners & Shadows (4:16)
9. Box Model - Margin & Padding (8:35)
10. Display Options (8:13)
11. Inspector Gadget (7:04)
12. CSS is Classy (7:41)
13. Selectors Revisited (8:56)
Ruby
1. Scripting Languages (12:17)
2. Ruby Files & IRB (5:41)
3. Numbers & Strings (8:18)
4. Variables & Interpolation (7:05)
5. Booleans (8:18)
Homework Assignment #2
6. If Statements (8:34)
7. Arrays (8:30)
8. Hashes (4:22)
9. Iterators (11:54)
10. Methods (13:15)
11. Classes (11:13)
12. Inheritance (11:31)
Build A Real Startup (SaaS Project App)
1. IMPORTANT: Read First!
2. Tips for Essential Course (1:57)
3. Get Your Free Github Account (2:44)
4. Setup a Free Cloud9 Account (4:52)
5. Setup Your Cloud9 Workstation (7:47)
6. Changing Directories and Starting with a Clean Slate in Cloud9 (11:58)
7. Install Ruby and Rails with RVM (10:07)
8. Explanation of RVM Ruby and Rails Installation (8:10)
9. Initialize Git to Track Changes (3:37)
11. SSH Keys Will Link Cloud9 to GitHub (5:10)
12. Explanation of SSH and Github (2:39)
13. The Rails Server Command (7:25)
Homework Assignment #3
14. Gemfile Changes (7:12)
15. Explanation of Gemfile Changes (8:48)
16. Creating a Home Page (8:25)
17. Explanation of Home Page (4:06)
18. Adding Custom Google Fonts (5:03)
19. Explanation of Google Fonts (3:15)
20. Adding an About Page (5:23)
21. Explanation of About Page (3:34)
22. Twitter Bootstrap Makes Our Site Look Good (8:24)
23. Explanation of Bootstrap (7:50)
24. Bootstrap Navbar (6:59)
25. Background Gradient (7:07)
26. Explanation of Background Gradient (2:14)
27. Improving the Home Layout (9:17)
28. Explanation of Home Layout (4:07)
29. Navbar Text Color (8:26)
30. Explanation of Navbar Color (3:21)
31. Refactor CSS with SCSS (5:09)
32. Explanation of SCSS Refactor (2:02)
33. Font Awesome for Icons (6:12)
34. Explanation of Font Awesome (2:42)
35. Links in Rails (5:27)
36. Explanation of Links in Rails (3:46)
37. Route Prefixes (6:58)
38. Explanation of Route Prefixes (6:22)
39. An Updated About Page (5:31)
40. Explanation of About Page (1:29)
41. Bootstrap Javascript (10:34)
42. The Asset Pipeline (7:48)
Homework Assignment #4
Forms, Databases and Sending Emails
43. Forms are Everywhere (1:58)
44. Contact Form Page (10:45)
45. Explanation of Contact Form Page (2:40)
46. Contact Form Fields (6:54)
47. Explanation of Contact Form Fields (2:17)
48. Bootstrap the Form (7:37)
49. Explanation of Bootstrap for Forms (3:18)
50. Nav Link for Contact Form Page (5:16)
51. Explanation of Form Nav Link (5:53)
52. Contacts Table (6:46)
53. Explanation of Contacts Table and Migration (6:43)
54. Contact Model File (3:52)
55. Explanation of Model Files (8:55)
56. Contact Create Action for Saving to the Database (9:36)
57. Explanation of Create Action (12:02)
58. Hirb Gem Cleans Up our Database Presentation (3:28)
59. Objects in the Rails Console (11:24)
60. Form Validations (5:49)
61. Explanation of Validations (1:50)
62. The Flash and Errors (7:34)
63. Explanation of The Flash (4:51)
64. Flash Message Style Improvements (10:20)
65. Explanation of Flash Improvements archive (6:25)
65. Explanation of Flash Improvements (21:18)
67. Explanation of Custom URLs (8:29)
68. HTTP, REST, and Rails (14:11)
69. Cleaning Up the Routes (16:05)
70. Contact Mailer File (6:58)
71. Explanation of The Mailer Class (11:45)
72. The Mailer View (4:57)
73. Explanation of Mailer View (7:55)
74. Controller Triggers the Mailer (5:54)
75. Explanation of Mailer and Params (23:52)
76. Heroku for Production Servers (13:12)
77. First Deploy to the Servers (8:10)
78. Sending Email with Mailgun (13:53)
79. An Important Breakdown of How our Form Works Part I (8:36)
80. An Important Breakdown of How our Form Works Part II (12:36)
81. Code Comments for Contact Form (6:47)
Homework Assignment #5 (Final Assignment)
User Memberships and Accepting Subscription Payments
82. Devise Gem Setup (11:26)
83. Explanation of Devise Installation (9:03)
84. Add Bootstrap to Sign Up Form (11:00)
85. Add Bootstrap to Login Form (4:47)
86. Explanation of Devise Forms (4:24)
87. Nav Links for Devise (4:53)
88. Link Helpers (10:06)
89. Explanation of Link Helpers (3:19)
90. Conditional Logout Button (8:08)
91. Hiding with CSS (6:31)
92. Database Table for Membership Plans (8:57)
93. Explanation of Plans Table, Seeds, Classes, and Objects (18:03)
94. Associating Users and Plans (6:51)
95. Explanation of Associations and Relational Databases (9:36)
96. Pseudocode (4:26)
97. Sign Up Buttons for Membership Plans (11:48)
98. Sending Paramaters for Plans (26:05)
99. Explanation of Active Record and Query String Parameters (22:50)
100. Accessing Parameters (5:43)
101. Explanation of Accessing Parameters (8:38)
102. Sign Up Form Partials and Credit Card Fields (14:41)
103. Explanation of Partials and Card Fields (6:34)
104. Stripe Account and Gem (5:26)
105. Figaro Gem and API Keys (7:41)
106. Explanation of Figaro (5:53)
107. Stripe Requirements (16:29)
108. Preparing for Stripe - Add a Customer Token Column to Users Table (3:35)
109. Preparing for Stripe - Saving Plan ID with User Sign Ups (7:55)
110. Preparing for Stripe - Modifying HTML for Javascript (9:32)
111. Sending Card Fields to Stripe (25:23)
112. Javascript for the Stripe Response (29:08)
113. Creating Subscriptions with Stripe (31:26)
114. Code Comments for Stripe (5:16)
115. Updating Flash Message Styles (11:32)
116. Subtle User Interface Update (5:08)
117. Deploy an Update to Heroku (7:47)
118. Stripe Review (49:01)
User Profiles and Relational Databases
119. User Profiles Database Table (5:47)
120. User and Profile Association (4:12)
123. Explanation of Nested Routes (14:35)
124. Profiles Controller and Dynamic Routes (18:51)
122. User Profile Nested Routes (6:57)
121. Explanation of User Profile Associations (4:58)
125. Dynamic Routes Explained (24:51)
127. Explanation of New Profile Form (7:44)
126. Form for New User Profiles (11:55)
128. Profiles Create Action (11:01)
129. Explanation of Profiles Create Action (14:11)
130. Users Show Action Will Be Our Profile Page (10:55)
131. Explanation of Users Show (9:25)
132. Bare Bones User Profile Page (13:12)
133. Explanation of User Profile Page (6:30)
135. Adding Images to Profiles Table (3:03)
134. Paperclip Gem for Image Uploads (4:16)
136. Image Upload (8:36)
137. Styling the User Profile (16:12)
139. Home Improvement (15:20)
138. Conditional View Elements with Helpers (13:06)
141. Profile Update Action (11:33)
140. Form for Editing User Profiles (13:36)
142. Securing The User Pages (9:53)
143. Users Index Page (5:53)
145. More Nav Links and Pro Labels (12:20)
144. Community Page Details and Styles (28:38)
146. Copy Improvements (3:31)
147. Final Deploy (5:12)
Phase II: Become an Advanced Full-Stack Developer
Phase II Introduction (3:36)
Powered by
4. Homepage and Bootstrap
Complete and Continue