The Web Developer Bootcamp
4.6 /5- Offered byUDEMY
The Web Developer Bootcamp at UDEMY Overview
Duration | 74 hours |
Total fee | ₹12,800 |
Mode of learning | Online |
Difficulty level | Intermediate |
Official Website | Go to Website  |
Credential | Certificate |
The Web Developer Bootcamp at UDEMY Highlights
- Compatible on Mobile and TV
- Earn a Cerificate on successful completion
- Get Full Lifetime Access
- Course Instructor : Colt Steele
The Web Developer Bootcamp at UDEMY Course details
- 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
- Make REAL web applications using cutting-edge technologies
- Continue to learn and grow as a developer, long after the course ends
- Create a blog application from scratch using Express, MongoDB, and Semantic UI
- Create a complicated yelp-like application from scratch
- Write your own browser-based game
- Create static HTML and CSS portfolio sites and landing pages
- Think like a developer.Become an expert at Googling code questions!
- Create complex HTML forms with validations
- Write web apps with full authentication
- Use Bootstrap to create good-looking responsive layouts
- Implement responsive navbars on websites
- Use JavaScript variables, conditionals, loops, functions, arrays, and objects
- Write Javascript functions, and understand scope and higher order functions
- Create full-stack web applications from scratch
- Manipulate the DOM with vanilla JS
- Manipulate the DOM using jQuery
- Translate between jQuery and vanillas JS
- Write JavaScript based browser games
- Use NodeJS to write server-side JavaScript
- Write complex web apps with multiple models and data associations
- Write a REAL application using everything in the course
- Use Express and MongoDB to create full-stack JS applications
- Use common JS data structures like Arrays and Objects
- Master the command line interface
- Use NPM to install all sorts of useful packages
- Understand the ins and outs of HTTP requests
- Create your own Node modules
- Make a beautiful, responsive photographer's portfolio page
- Create a beautiful, responsive landing page for a startup
- Implement user authentication
- Create a beautiful animated todo list application
- Just updated to include Bootstrap 4.1.3! Hi! Welcome to the Web Developer Bootcamp, 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 online course taught by a professional bootcamp instructor. 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 today's developer industry. No PHP or other dated technologies. This course does not cut any corners. This is the only complete beginner full-stack developer course that covers NodeJS. 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 dog Rusty! 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 course we cover tons of tools and technologies including: HTML5 CSS3 JavaScript Bootstrap 4 SemanticUI DOM Manipulation jQuery Unix(Command Line) Commands NodeJS NPM ExpressJS REST MongoDB Database Associations Authentication PassportJS Authorization 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!
The Web Developer Bootcamp at UDEMY Curriculum
Introduction to this Course
A Note On Asking For Help
Additional FREE Content
Introducing Our TA
Join the Online Community
Why This Course?
Syllabus Download
Syllabus Walkthrough
Lecture Slides
About the Instructor
How the Course Works
Advice From Previous Students
Introduction to Front End Development
Sublime FAQ
Unit Objectives
Note about Setting Up Front-End Developer Environment
Setting Up Front-End Developer Environment
Note about Introduction to the Web
Introduction to the Web
The Front End Holy Trinity
Introduction to HTML
Unit Objectives
HTML Basics
Note about Introduction to MDN
Introduction to MDN
HTML Boilerplate and Comments
Basic Tags
HTML Lists
HTML Lists Assignment
HTML Lists Assignment: SOLUTION
Divs and Spans
HTML Attributes
Recreate Webpage Assignment
Recreate Webpage Assignment: SOLUTION
Intermediate HTML
Unit Objectives
HTML Tables
Tables Pokemon Exercise
Tables Pokemon Exercise: SOLUTION
Introduction to Forms
Playing with Inputs
The Form Tag
Labels
Form Validations
Dropdowns and Radio Buttons
Form Exercise
Note about the Form Exercise solution
Form Exercise: SOLUTION
Introduction to CSS
Unit Objectives
CSS Basics
Our First Stylesheet
Note about CSS Colors and Background and Border (next 2 lectures)
CSS Colors
Background and Border
Note about Selectors Basics Todo List
Selectors Basics Todo List
Introduction to Chrome Inspector
More Advanced Selectors
Note about Specificity and the Cascade
Specificity and the Cascade
Note about Selectors Practice Exercise
Selectors Practice Exercise
Selectors Practice Exercise: SOLUTION
Intermediate CSS
Unit Objectives
Text and Fonts
More Text and Fonts
Note about Google Fonts
Using Google Fonts
Introduction to the Box Model
Creating a Tic Tac Toe Board
Creating a Tic Tac Toe Board: SOLUTION
Note about Image Gallery Code Along Pt. 1
Image Gallery Code Along Pt. 1
Note about changes to Google Fonts
Image Gallery Code Along Pt. 2
CSS Blog From Scratch Exercise Intro
CSS Blog From Scratch Exercise SOLUTION Pt. 1
CSS Blog From Scratch Exercise SOLUTION Pt. 2
CSS Blog From Scratch Exercise SOLUTION Pt. 3
My Favorite CSS Resources
Bootstrap
Unit Objectives
Note about Bootstrap versions
What is Bootstrap?
Adding Bootstrap to a Project
Forms and Inputs
Nav Bars
Note about The Grid System
The Grid System
Grid System Pt. 2
Note about Bootstrap Image Gallery Pt. 1
Bootstrap Image Gallery Pt. 1
Note about Font Awesome
Bootstrap Image Gallery Pt. 2
Creating a Startup Landing Page Code Along
Creating a Startup Landing Page Code Along Pt. 2
Note about making bootstrap responsive on mobile devices
Bootstrap 4!
A History of Bootstrap 4
The Bootstrap 4 Documentation
Changes from Bootstrap 3 to 4
Bootstrap 4 Code/Solutions Download
Getting Started With Bootstrap 4
Bootstrap 4 Colors and Backgrounds
Typography
New Fancy Spacing Utilities
Responsive Breakpoints
Bootstrap4 Navbars
The New Display Utility
Bootstrap 4: Flexbox and Layout
Bootstrap 4: Flexbox and Layout
Flexbox Utilities Part 2
Navs and Flexbox
The Bootstrap 4 Grid
PATTERN PROJECT Part 1
PATTERN PROJECT Part 2
The Grid + Flexbox
Museum of Candy Project Part 1
Note about Museum of Candy Project Part 2
Museum of Candy Project Part 2
Museum of Candy Project Part 3
Museum of Candy Project Part 4
Museum of Candy Project Part 5
Introduction to JavaScript
Unit Objectives
The JavaScript Console
Primitives
Primitives Exercises
Variables
Null and Undefined
Useful Built-In Methods
Writing JavaScript in a Separate File
JS Stalker Exercise
JS Stalker Exercise: SOLUTION
Age Calculator Exercise
Age Calculator Exercise: SOLUTION
Javascript Basics: Control Flow
Unit Objectives
Boolean Logic
Note about logical operators lecture
Logical Operators
Conditionals
Conditionals Exercise SOLUTION
Guessing Game Code Along
Character Checker Exercise
Note about Introduction to Loops lecture
Introduction to Loops
3 While Loop Exercises
While Loops Problem Set
While Loops Problem Set: SOLUTION
Annoy-O-Matic Code Along
Note about Intro to For Loops lecture
Intro to For Loops
For Loops Quick Exercises
Loops Problem Set
Loops Problem Set: SOLUTION
Javascript Basics: Functions
Unit Objectives
Introduction to Functions
Arguments
Note about Function Declaration vs. Function Expression
The Return Keyword
Functions Quiz
Functions Problem Set
Functions Problem Set: SOLUTION
Scope Code Along
Scope Quiz
Higher Order Functions Code Along
Javascript Basics: Arrays
Unit Objectives
Introduction to Arrays
Arrays Methods
Array Quiz
Note about Todo List Code Along
Todo List Code Along Part 1
Array Iteration
Quick Array Iteration Challenge
Note about Todo List Code Along Part 2
Todo List Code Along Part 2
Array Problem Set
Array Problem Set: SOLUTION
OPTIONAL: Building Our Own ForEach
Javascript Basics: Objects
Introduction to Objects
Comparing Objects and Arrays
Nested Objects and Arrays
Objects Quiz
Movie Database Exercise
Adding Methods to Objects
The Keyword This
DOM Manipulation
IMPORTANT NOTE, PLEASE READ!!!
Introduction to the DOM
Defining the DOM
Select and Manipulate
Note about UI changes in new versions of Chrome
Important Selector Methods
Selector Exercise
Note about next lecture (Manipulating Style):
Manipulating Style
Manipulating Text and Content
Manipulating Attributes
Note about changing the Google logo in next lecture
Playing With Google Code Along
Advanced DOM Manipulation
Introduction to Events
Note about Introduction to Events
Color Toggle Exercise
Score Keeper Project Part 1
Note about Score Keeper Project Part 2
Score Keeper Project Part 2
Other Types of Events: Todo List
Note regarding counting events exercise
Counting Events Exercise
Color Game Project
Notes regarding color game
Creating the Color Game Pt. 1
Creating the Color Game Pt. 2
Creating the Color Game Pt. 3
Creating the Color Game Pt. 4
Creating the Color Game Pt. 5
Creating the Color Game Pt. 6
Creating the Color Game Pt. 7
Color Game Project Part 8
Creating the Color Game Pt. 9
Intro to jQuery
What is jQuery?
Why Use jQuery?
Including jQuery
Note about jQuery
Selecting with jQuery
Selector Exercise
Text and HTML
Attr and Val
Manipulating Classes
Advanced jQuery
jQuery Events: Click
Note about typo in the next lecture
jQuery Events: Keypress
jQuery Events: On
jQuery Effects
Todo List Projects
Note About Todo List App Fade and Slide Animations
Intro to the Todo List App
Todo List: Folder Structure
Todo List: Basic HTML
Todo List: Marking Completion
Todo List: Deleting Todos
Note about next lecture (Creating Todos):
Todo List: Creating Todos
Todo List: Styling Pt. 1
Todo List: Styling Pt. 2
Note about Font Awesome 5 and Toggling the Form
Todo List: Toggling the Form
OPTIONAL Project: Patatap Clone
IMPORTANT NOTE, PLEASE READ!!!
Project Intro
Note about Paper.js Exercise
Paper.js Intro
Paper.js Exercise
Adding Keypress Events
Paper.js Animations
Note about next lecture (Howler.js)
Adding Howler.js
Patatap Clone Refactor
Backend Basics
Introduction to Backend
Note about Postman (HTTP in Depth)
HTTP in Depth
Backend Workflow Pt. 1
Backend Workflow Pt. 2
IMPORTANT!!! Please Read! Note about Cloud9 signup
Introduction to Cloud 9
Setting Up Cloud 9
Setting Up Cloud9
The Command Line
A NOTE ON SOLUTIONS!
Pre-Reading
Introduction to the Command Line
CD and LS
Touch and Mkdir
Removing Files and Folders
Command Line Exercise
Node JS
Introduction to Node
Using Node
Node Echo Exercise
Node Average Exercise
Introduction to NPM
Note about Installing NPM Packages
Installing NPM Packages
Note about NPM Faker Exercise
NPM Faker Exercise
Server Side Frameworks
Introduction to Express
Note about Our First Express App
Our First Express App
The Package.json
How to automate server restart
Route Params
Express Basics Exercise
Express Basics Exercise: SOLUTION
Intermediate Express
Note about Templates and EJS
Templates and EJS
EJS: Conditionals and Loops
Note about Serving Custom Assets
Serving Custom Assets
Post Requests Part 1
Post Requests Pt. 2
Working With API's
Intro to API's
JSON and XML
Making API Requests with Node
Note about Sunset Time API Example
Sunset Time API Example
Note about JSON Placeholder API Example
JSON Placeholder API Example
Note about Movie API lectures
Movie API App: Introduction
Movie API App: Results Route
Movie API App: Displaying Data
Movie API App: Adding Search
YelpCamp: Basics
YelpCamp: Initial Routes
Note about YelpCamp: Layout
YelpCamp: Layout
YelpCamp: Creating Campgrounds
Note about YelpCamp: Styling Campgrounds Lecture
YelpCamp: Styling Campgrounds
YelpCamp: Styling Nav and Forms
Databases
What is a Database?
Note about installing MongoDB
Installing MongoDB
Mongo Shell Basics
Notes about Mongoose
Introduction to Mongoose Pt. 1
Introduction to Mongoose Pt. 2
YelpCamp: Data Persistence
YelpCamp: Adding Mongoose
How to Avoid Potential Issues with Mongoose
YelpCamp: Campground Show Page Part 1
Yelp Camp: Campground Show Page Part 2
RESTful Routing
Intro to REST
RESTful Blog App: INDEX
Note about Blog App: Layout
Blog App: Layout
Note about RESTful Blog App: New and Create
RESTful Blog App: NEW and CREATE
Note about RESTful Blog App: SHOW
RESTful Blog App: SHOW
RESTful Blog App: EDIT AND UPDATE
RESTful Blog App: DESTROY
Note about RESTful Blog App: Final Touches
RESTful Blog App: Final Touches
Data Associations
Introduction to Associations
Embedded Data
Note About Object References
Object References
Module.exports
YelpCamp: Comments
YelpCamp: Refactoring App.js
Note about Seeding the Database
YelpCamp: Seeding the Database
Note about comment model lecture
YelpCamp: Comment Model
Note about Comments Lecture
YelpCamp: Creating Comments Pt. 1
YelpCamp: Creating Comments Pt. 2
YelpCamp: Styling Comments Pt 1
Note about YelpCamp: Styling Comments Pt 2
YelpCamp: Styling Comments Pt 2
Authentication
Note about authentication section
Introduction to Authentication
Secret Page Code Along Pt. 1
Secret Page Code Along Pt. 2
Secret Page Code Along Pt. 3
Secret Page Code Along Pt. 4
Secret Page Code Along Pt. 5
YelpCamp: Adding Authentication
YelpCamp: Adding Auth Pt. 1
YelpCamp: Adding Auth Pt. 2
YelpCamp: Adding Auth Pt. 3
YelpCamp: Adding Auth Pt. 4
YelpCamp: Adding Auth Pt. 5
YelpCamp: Cleaning Up
YelpCamp: Refactoring Routes
YelpCamp: User Associations: Comment
YelpCamp: User Associations: Campground
YelpCamp: Update and Destroy
Intro to New YelpCamp Features
Campground Edit and Update
Campground Destroy
Notes about Campground Destroy & Campground Authorization
Campground Authorization Part 1
Campground Authorization Part 2
Comment Edit and Update
Note about Comment Destroy lecture
Comment Destroy
Comment Authorization
YelpCamp: UI Improvements
Refactoring Middleware
Flash Messages: Installation
Note about Flash Messages
Flash Messages: Adding Bootstrap
Flash Messages: Helpful Errors
Note about error handling
Landing Page Refactor - Part One
Landing Page Refactor - Part Two
Dynamic Price Feature
Note about further YelpCamp improvements
Git and Github
Intro To Git
Git Init, Add, and Commit
Git Log and Checkout
Note about Git lectures
Deploying
Intro to Deploying and Heroku
Deploying a Simple App Part 1
Note about Heroku CLI
Deploying a Simple App Part 2
Deploying YelpCamp: Basics
Note about MongoLab
Deploying YelpCamp: MongoLab
Environment Variables
CONSTRUCTION ZONE
The End, For Now
Javascript: The Other Parts
JavaScript: The Tricky Stuff
Keyword This 1 - Introduction and Global
Keyword This 2 - Global With Strict
Keyword This 3 - Implicit
Keyword This 4 - Call Apply Bind
Keyword This 5 - Fixing Our Issue With Call
Keyword This 6 - Call Exercise
Keyword This 6 - Apply
Note about Keyword This 7 - Bind
Keyword This 7 - Bind
Keyword This 8 - Bind Pt. 2
Keyword This 9 - New Keyword & Recap
OOP 1 - Introduction
OOP 2 - New Keyword
OOP 3 - Multiple Constructors
OOP 4 - Recap
OOP 5 - Prototypes
OOP 6 - Prototype Chain
OOP 7 - Exercise
OOP 8 - Solution and Recap
Closures
Still Need to Place
Wrap Up Video/What's Next
Other courses offered by UDEMY
Student Forum
Anything you would want to ask experts?