The Web Developer Bootcamp 2023 by Colt Steele
download The Web Developer Bootcamp 2023 free
Description
COMPLETELY REDONE WITH OVER 500 BRAND NEW VIDEOS!
Hi! Welcome to the brand new version of The Web Developer Bootcamp, Udemy's most popular web development course. This course was just completely overhauled to prepare students for the 2022 job market, with over 60 hours of brand new content. This is the only course you need to learn web development. There are a lot of options for online developer training, but this course is without a doubt the most comprehensive and effective on the market. Here's why:
This is the only Udemy course taught by a professional bootcamp instructor with a track record of success.
94% of my in-person bootcamp students go on to get full-time developer jobs. Most of them are complete beginners when I start working with them.
The previous 2 bootcamp programs that I taught cost $14,000 and $21,000. This course is just as comprehensive but with brand new content for a fraction of the price.
Everything I cover is up-to-date and relevant to 2022's developer job market. This course does not cut any corners. I just spent 8 months redoing this behemoth of a course!
We build 13+ projects, including a gigantic production application called YelpCamp. No other course walks you through the creation of such a substantial application.
The course is constantly updated with new content, projects, and modules. Think of it as a subscription to a never-ending supply of developer training.
You get to meet my cats and chickens!
When you're learning to program you often have to sacrifice learning the exciting and current technologies in favor of the "beginner friendly" classes. With this course, you get the best of both worlds. This is a course designed for the complete beginner, yet it covers some of the most exciting and relevant topics in the industry.
Throughout the brand new version of the course we cover tons of tools and technologies including:
HTML5
CSS3
Flexbox
Responsive Design
JavaScript (all 2022 modern syntax, ES6, ES2018, etc.)
Asynchronous JavaScript - Promises, async/await, etc.
AJAX and single page apps
Bootstrap 4 and 5 (alpha)
SemanticUI
Bulma CSS Framework
DOM Manipulation
Unix(Command Line) Commands
NodeJS
NPM
ExpressJS
Templating
REST
SQL vs. NoSQL databases
MongoDB
Database Associations
Schema Design
Mongoose
Authentication From Scratch
Cookies & Sessions
Authorization
Common Security Issues - SQL Injection, XSS, etc.
Developer Best Practices
Deploying Apps
Cloud Databases
Image Upload and Storage
Maps and Geocoding
This course is also unique in the way that it is structured and presented. Many online courses are just a long series of "watch as I code" videos. This course is different. I've incorporated everything I learned in my years of teaching to make this course not only more effective but more engaging. The course includes:
Lectures
Code-Alongs
Projects
Exercises
Research Assignments
Slides
Downloads
Readings
Too many pictures of my dog Rusty
If you have any questions, please don't hesitate to contact me. I got into this industry because I love working with people and helping students learn. Sign up today and see how fun, exciting, and rewarding web development can be!
Who this course is for:
- This course is for anyone who wants to learn about web development, regardless of previous experience
- It's perfect for complete beginners with zero experience
- It's also great for anyone who does have some experience in a few of the technologies(like HTML and CSS) but not all
- If you want to take ONE COURSE to learn everything you need to know about web development, take this course
Curriculum
- 12 Sections
- 132 Lessons
- 1 Quiz
- 63h 50m Duration
Course Orientation
- Welcome To The Course!
- Curriculum Walkthrough
- When Was The Course Last Updated
- Course Change Log
- Will I Get A Job
- Accessing Course Code & Slides
- Joining The Community Chat & Groups
- Tips On The Interactive Coding Exercises
- Migrating From The Old Version Of This Course
An Introduction to Web Development
- What Matters In This Section
- The Internet in 5 Minutes
- Intro to the Web
- The Request Response Cycle
- Front-End and Back-End
- What do HTML CSS JS do?
- Setting Up Our Developer Environment
- OPTIONAL VSCode Theme
HTML: The Essentials
- What Matters In This Section
- Introduction to HTML
- Our Very First HTML Page
- TIP: Mozilla Developer Network
- Paragraph Elements
- Heading Elements
- Pangolin Practice
- Introduction to the Chrome Inspector
- HTML Boilerplate
- VSCode Tip Auto-format
- List Elements
- Favorite Movies Exercises
- Anchor Tags
- Images
- Comments
- Wolf Images & Links Exercise
HTML: Next Steps & Semantics
- What Matters In This Section
- What Exactly Is HTML5
- Block vs Inline Elements - Divs and Spans
- An Odd Assortment of Elements HR, BR, Sup, & Sub
- Entity Codes
- Snowman Logo Exercise
- Intro to Semantic Markup
- Playing With Semantic Elements
- Screen Reader Demonstration
- VSCode Tip: Emmet
HTML: Forms & Tables
- What Matters In This Section
- Unit Goals
- Introducing HTML Tables
- Tables TR, TD, and TH Elements
- Tables Thead, Tbody, and Tfoot Elements
- Tables Colspan & Rowspan
- Table Practice Exercise
- The Form Element
- Common Input Types
- The All-Important Label
- HTML Buttons
- The Name Attribute
- Hijacking Google & Reddit's Search
- Radio Buttons, Checkboxes, & Selects
- Range & Text Area
- Forms Practice Exercise
- HTML5 Form Validations
- Creating A Marathon Registration Form Intro
- Creating A Marathon Registration Form Solution
CSS: The Very Basics
- What Matters In This Section
- What is CSS
- CSS is Huge, Don't Panic!
- Including Styles Correctly
- Color & Background-Color Properties
- Our First CSS Exercise
- Colors Systems: RGB & Named Colors
- Colors Systems: Hexadecimal
- Colors Quiz
- A Reminder On Semicolons & CSS
- Common Text Properties
- Font Size Basics With Pixels
- The Font Family Property
- Hipster Logo Exercise
The World of CSS Selectors
- What Matters In This Section
- Universal & Element Selectors
- The ID Selector
- The Class Selector
- Basic Selectors Practice
- The Descendant Selector
- Descendant Combinator Practice
- The Adjacent & Direct-Descendant Selectors
- The Attribute Selector
- Pseudo Classes
- Checkerboard Exercise
- Pseudo Elements
- The CSS Cascade
- WTF is Specificity
- Specificity Quiz
- TIP: Chrome Dev Tools & CSS
- Inline Styles & Important
- CSS Inheritance
The CSS Box Model
- What Matters In This Section
- Box Model: Width & Height
- Box Model: Border & Border-Radius
- Box Model Practice
- Box Model: Padding
- Box Model: Margin
- The Display Property
- CSS Units Revisited
- CSS Units: ems
- CSS Units: rems
Other Assorted Useful CSS Properties
- What Matters In This Section
- Opacity & The Alpha Channel
- The Position Property
- CSS Transitions (yay!)
- The Power of CSS Transforms
- Fancy Button Hover Effect CodeAlong
- The Truth About Background
- Google Fonts is Amazing
- Photo Blog CodeAlong Pt. 1
- Photo Blog CodeAlong Pt. 2
Responsive CSS & Flexbox
- What Matters In This Section
- What on Earth Is Flexbox?
- Flex-Direction
- Justify-Content
- Flex-Wrap
- Align-Items
- Align-Content & Align-Self
- Flex-Basis, Grow, & Shrink
- Flex Shorthand
- Responsive Design & Media Queries Intro
- The Power of Media Queries
- Building a Responsive Nav
Pricing Panel Project
- Pricing Panel CodeAlong Pt. 1
- Pricing Panel CodeAlong Pt. 2
- Pricing Panel CodeAlong Pt. 3
- Pricing Panel CodeAlong Pt. 4
- Pricing Panel CodeAlong Pt. 5
- Pricing Panel CodeAlong Pt. 6
PART TWO OF THE COURSE HERE
- PART 2