Autoplay
Autocomplete
Previous Lesson
Complete and Continue
The Essential Web Developer Course (Free)
Introduction
Welcome to the Course! (2:18)
Important! Read Me!
Tips for Acing This Course (1:57)
How Computers Work (4:04)
How the Internet Works (5:40)
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
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)
Deep Dive: Build a Blogging Platform
1a. Setting Up with Cloud9 IDE (4:17)
1b. Setup Your Free Cloud9 Account
1b. New Cloud9 Signup Process
1c. Create a Rails App
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)
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)
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 Acing This Course (1:57)
3. Get Your Free Github Account (2:44)
4a. Cloud9 IDE (4:52)
4b. Setup Your Free Cloud9 Account
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)
10. Explanation of Git (4:07)
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)
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)
Git Workflow Tips (If You Get Stuck)
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 (21:18)
66. Custom URLs (3:40)
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)
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 (optional) (49:01)
User Profiles and Relational Databases
119. User Profiles Database Table (5:47)
120. User and Profile Association (4:12)
121. Explanation of User Profile Associations (4:58)
122. User Profile Nested Routes (6:57)
123. Explanation of Nested Routes (14:35)
124. Profiles Controller and Dynamic Routes (18:51)
125. Dynamic Routes Explained (24:51)
126. Form for New User Profiles (11:55)
127. Explanation of New Profile Form (7:44)
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)
134. Paperclip Gem for Image Uploads (4:16)
135. Adding Images to Profiles Table (3:03)
136. Image Upload (8:36)
137. Styling the User Profile (16:12)
138. Conditional View Elements with Helpers (13:06)
139. Home Improvement (15:20)
140. Form for Editing User Profiles (13:36)
141. Profile Update Action (11:33)
142. Securing The User Pages (9:53)
143. Users Index Page (5:53)
144. Community Page Details and Styles (28:38)
145. More Nav Links and Pro Labels (12:20)
146. Copy Improvements (3:31)
147. Final Deploy (5:12)
More Content Coming Soon!
You're not done yet! Stay tuned for more lessons!
84. Add Bootstrap to Sign Up Form
Lesson content locked
If you're already enrolled,
you'll need to login
.
Join Now to Unlock