Complete Web Developer Bootcamp 2nd Edition
Phase I: Become a Full-Stack Developer
Deep Dive: Build a Blogging Platform
HTML
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
