The Essential Web Developer Course

This massive, free course covers full-stack web development using modern tools like HTML, CSS, JavaScript and Ruby on Rails.

The course begins with a deep dive into full-stack web development - you'll start by building a blogging platform to orient you with how web apps work. Then, you'll learn commonly used syntax for web languages like HTML5 and CSS3.

Finally, you'll put all of your skills together and build a "startup" called DevMatch - a complete end-to-end project composed of HTML, CSS, JavaScript/jQuery, Ruby on Rails, Git, Bootstrap, e-commerce, and more. You'll learn how to code features found in sites like Facebook, Dropbox, and Salesforce by adding a user registration/authentication, user profiles, email notifications, image upload, and subscription membership billing, and more.

My courses have reached over 70,000 students and I've taught for General Assembly - one of the world's leading coding bootcamps. Before becoming a full-time teacher, I developed applications for companies like Coca-Cola, Toyota, Newell-Rubbermaid, and more. I'm self-taught like many programmers, and this is the course I wish I had when I was learning. - Your Instructor, Rob

Our Pro Membership unlocks the whole site, giving you access to hundreds of hours of amazing content on cutting-edge web development, JavaScript and other tools, frameworks, and more. This course will remain free, forever.


Skills covered in this course: HTML CSS JS jQuery Ruby Rails Databases E-commerce Bootstrap Git Servers HTTP Object Oriented Programming API's

Lessons

Introduction
1. Welcome to the Course! (2:18) Preview
2. Important! Read Me! Preview
4. How Computers Work (4:04)
HTML
6. Sublime Text & Other Tools (3:46) Preview
7. First HTML Page (3:57) Preview
8. The HTML Page Structure (4:07) Preview
9. Text (11:24)
10. Lists (5:45)
11. Images (8:57)
12. Tables (10:26)
13. Forms (13:02)
14. Links (6:29)
15. Divs and Spans (12:09)
16. Comments (2:32)
CSS
18. Selecting HTML (4:30)
19. Color Values (5:28)
20. CSS Gradients (3:48)
21. Text and Fonts (7:28)
22. Listomania (2:54)
23. Comments (1:49)
26. Display Options (8:14)
27. Inspector Gadget (7:04)
28. CSS Is Classy (7:41)
29. Selectors Revisited (8:57)
Deep Dive: Build a Blog
32. Turn Cloud9 Into a Server (7:16) Preview
33. Creating Blog Posts (6:17)
36. Displaying the Date (4:49)
The Ruby Language
37. Scripting Languages (12:18)
38. Ruby Files & IRB (5:42)
39. Numbers & Strings (8:18)
41. Booleans (8:18)
42. If Statements (8:34)
43. Arrays (8:31)
44. Hashes (4:22)
45. Iterators (11:55)
46. Methods (13:16)
47. Classes (11:13)
48. Inheritance (11:32)
Build a Real Startup
58. Explanation of Git (4:07)
62. Gemfile Changes (7:12)
72. Bootstrap Navbar (6:59)
73. Background Gradient (7:07)
77. Navbar Text Color (8:26)
83. Links in Rails (5:27)
85. Route Prefixes (6:58)
89. Bootstrap JavaScript (10:34)
90. The Asset Pipeline (7:48)
Forms, Databases, and Sending Emails
93. Contact Form Page (10:45)
95. Contact Form Fields (6:54)
97. Bootstrap the Form (7:37)
101. Contacts Table (6:46)
103. Contact Model File (3:52)
109. Form Validations (5:49)
111. The Flash and Errors (7:34)
112. Explanation of Flash (4:51)
115. Custom URLs (3:40)
117. HTTP, REST, and Rails (14:11)
118. Cleaning Up the Routes (16:05)
119. Contact Mailer File (6:58)
121. The Mailer View (4:57)
User Memberships and Accepting Subscription Payments
131. Devise Gem Setup (11:26)
136. Nav Links for Devise (4:53)
137. Link Helpers (10:06)
140. Hiding with CSS (6:31)
145. Pseudocode (4:26)
149. Accessing Parameters (5:43)
155. Explanation of Figaro (5:53)
156. Stripe Requirements (16:29)
User Profiles and Relational Databases
177. Profiles Create Action (11:01)
185. Image Upload (8:36)
188. Home Improvement (15:20)
190. Profile Update Action (11:33)
192. Users Index Page (5:53)
195. Copy Improvements (3:31)
196. Final Deploy (5:12)