Mô tả

Now with over 10 hours of React content.  Just updated on May 15th, 2023.

Massive new React "expansion pack" covers: React basics, JSX, props, state, Vite, MaterialUI, hooks, useEffect, React design patterns, and more.

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 2023 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.

  • 92% 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

  • ReactJS

  • 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!

Bạn sẽ học được gì

The ins and outs of HTML5, CSS3, and Modern JavaScript for 2021

Make REAL web applications using cutting-edge technologies

Create responsive, accessible, and beautiful layouts

Recognize and prevent common security exploits like SQL-Injection & XSS

Continue to learn and grow as a developer, long after the course ends

Create a blog application from scratch using Node, Express, and MongoDB.

Create a complicated yelp-like application from scratch

Deploy your applications and work with cloud databases

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

Implement full authentication from scratch!

Use CSS Frameworks including Bootstrap 5, Semantic UI, and Bulma

Implement responsive navbars on websites

Use JavaScript variables, conditionals, loops, functions, arrays, and objects

Write Javascript functions, and understand scope and higher order functions

Master the "weird" parts of JavaScript

Create full-stack web applications from scratch

Manipulate the DOM with vanilla JS

Write JavaScript based browser games

Use Postman to monitor and test APIs

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

Create single page applications with AJAX

Yêu cầu

  • Have a computer with Internet
  • Be ready to learn an insane amount of awesome stuff
  • Prepare to build real web apps!
  • Brace yourself for stupid jokes about my dog Rusty

Nội dung khoá học

75 sections

Course Orientation

10 lectures
Welcome To The Course!
03:47
Joining The Community Chat & Groups
00:26
Curriculum Walkthrough
04:12
When Was The Course Last Updated?
02:17
Course Change Log
00:18
Will I Get A Job?
05:45
Accessing Course Code & Slides
02:23
Tips On The Interactive Coding Exercises
03:25
Course Coding Exercise Solutions
00:16
Migrating From The Old Version Of This Course
08:07

An Introduction to Web Development

8 lectures
What Matters In This Section?
03:28
The Internet in 5 Minutes
05:42
Intro to the Web
06:01
The Request/Response Cycle
04:21
Front-End and Back-End
03:59
What do HTML/CSS/JS do?
05:36
Setting Up Our Developer Environment
05:59
OPTIONAL VSCode Theme
04:28

HTML: The Essentials

16 lectures
What Matters In This Section
02:12
Introduction to HTML
06:55
Our Very First HTML Page
05:33
TIP: Mozilla Developer Network
02:41
Paragraph Elements
03:14
Heading Elements
06:34
Pangolin Practice
1 question
Introduction to the Chrome Inspector
03:07
HTML Boilerplate
07:25
VSCode Tip: Auto-format
02:37
List Elements
06:39
Favorite Movies Exercises
1 question
Anchor Tags
07:07
Images
06:26
Comments
02:31
Wolf Images & Links Exercise
1 question

HTML: Next Steps & Semantics

10 lectures
What Matters In This Section
02:27
What Exactly Is HTML5?
06:27
Block vs. Inline Elements - Divs and Spans
08:42
An Odd Assortment of Elements: HR, BR, Sup, & Sub
06:18
Entity Codes
06:01
Snowman Logo Exercise
1 question
Intro to Semantic Markup
09:01
Playing With Semantic Elements
12:18
Screen Reader Demonstration
03:33
VSCode Tip: Emmet
06:12

HTML: Forms & Tables

19 lectures
What Matters In This Section
02:52
Unit Goals
01:09
Introducing HTML Tables
04:08
Tables: TR, TD, and TH Elements
09:11
Tables: Thead, Tbody, and Tfoot Elements
02:15
Tables: Colspan & Rowspan
04:14
Table Practice Exercise
1 question
The Form Element
09:18
Common Input Types
05:27
The All-Important Label
06:52
HTML Buttons
05:17
The Name Attribute
05:26
"Hijacking" Google & Reddit's Search
06:25
Radio Buttons, Checkboxes, & Selects
10:54
Range & Text Area
07:02
Forms Practice Exercise
1 question
HTML5 Form Validations
09:27
Creating A Marathon Registration Form Intro
02:45
Creating A Marathon Registration Form Solution
12:20

CSS: The Very Basics

14 lectures
What Matters In This Section
02:51
What is CSS?
04:55
CSS is Huge, Don't Panic!
04:03
Including Styles Correctly
06:15
Color & Background-Color Properties
05:15
Our First CSS Exercise
1 question
Colors Systems: RGB & Named Colors
07:21
Colors Systems: Hexadecimal
07:38
Colors Quiz
2 questions
A Reminder On Semicolons & CSS
01:11
Common Text Properties
11:16
Font Size Basics With Pixels
03:06
The Font Family Property
06:01
Hipster Logo Exercise
1 question

The World of CSS Selectors

18 lectures
What Matters In This Section
02:38
Universal & Element Selectors
04:57
The ID Selector
05:24
The Class Selector
04:43
Basic Selectors Practice
1 question
The Descendant Selector
05:11
Descendant Combinator Practice
1 question
The Adjacent & Direct-Descendant Selectors
05:03
The Attribute Selector
05:30
Pseudo Classes
08:46
Checkerboard Exercise
1 question
Pseudo Elements
04:23
The CSS Cascade
02:21
WTF is Specificity
08:00
Specificity Quiz
3 questions
TIP: Chrome Dev Tools & CSS
03:57
Inline Styles & Important
03:49
CSS Inheritance
05:10

The CSS Box Model

10 lectures
What Matters In This Section
02:42
Box Model: Width & Height
05:40
Box Model: Border & Border-Radius
12:08
Box Model Practice
1 question
Box Model: Padding
07:45
Box Model: Margin
06:11
The Display Property
11:46
CSS Units Revisited
05:39
CSS Units: ems
08:20
CSS Units: rems
07:43

Other Assorted Useful CSS Properties

11 lectures
What Matters In This Section
03:04
Opacity & The Alpha Channel
06:32
The Position Property
09:40
CSS Transitions (yay!)
11:17
The Power of CSS Transforms
13:13
Fancy Button Hover Effect CodeAlong
10:21
The Truth About Background
08:45
Google Fonts is Amazing
07:47
IMPORTANT REMINDER: How To Find And Download Course Code
01:12
Photo Blog CodeAlong Pt. 1
08:44
Photo Blog CodeAlong Pt. 2
08:38

Responsive CSS & Flexbox

13 lectures
What Matters In This Section
03:11
What on Earth Is Flexbox?
04:23
Flex-Direction
05:58
Justify-Content
05:07
Flex-Wrap
03:42
Align-Items
07:47
Align-Content & Align-Self
05:18
Flex-Basis, Grow, & Shrink
07:51
Flex Shorthand
05:38
Responsive Design & Media Queries Intro
07:18
The Power of Media Queries
09:25
NOTE: Fixing The Code Order In The Next Lecture
01:52
Building a Responsive Nav
08:42

Pricing Panel Project

6 lectures
Pricing Panel CodeAlong Pt. 1
03:55
Pricing Panel CodeAlong Pt. 2
03:46
Pricing Panel CodeAlong Pt. 3
03:45
Pricing Panel CodeAlong Pt. 4
04:43
Pricing Panel CodeAlong Pt. 5
03:47
Pricing Panel CodeAlong Pt. 6
03:24

CSS Frameworks: Bootstrap

16 lectures
What Matters In This Section
03:02
WTF Is Bootstrap
08:01
Including Bootstrap & Containers
09:38
Bootstrap Buttons
09:34
Bootstrap Typography & Utilities
08:00
Badges, Alerts, & Button Groups
11:30
Bootstrap Basics Practice
1 question
Intro to the Bootstrap Grid
08:05
Bootstrap Grid Practice
1 question
Responsive Bootstrap Grids
11:17
Useful Grid Utilities
08:17
Bootstrap & Forms
13:17
Bootstrap Navbars
13:56
Bootstrap Icons!
07:53
Other Bootstrap Utilities
11:16
A Mixed Bag of Other Bootstrap Stuff
03:46

OPTIONAL Museum Of Candy Project

7 lectures
Watch This First! (it's short)
01:09
Museum of Candy Project Part 1
05:16
NOTE ABOUT THE NEXT VIDEO!
00:11
Museum of Candy Project Part 2
14:01
Museum of Candy Project Part 3
12:41
Museum of Candy Project Part 4
16:39
Museum of Candy Project Part 5
09:41

JavaScript Basics!

16 lectures
What Matters In This Section
02:27
Why JavaScript is Awesome
08:09
Primitives & The Console
06:38
JavaScript Numbers
07:43
WTF is NaN
02:56
Quick Numbers Quiz
01:57
Variables & Let
06:31
Our First Variables Exercise
1 question
Updating Variables
05:17
Increment Operator Explanation: i++ vs ++i
03:50
Const & Var
04:53
Our First Constants Exercise
1 question
Variables Quiz
3 questions
Booleans
04:37
Variable Naming and Conventions
05:31
Quick Variable Quiz
2 questions

JavaScript Strings and More

13 lectures
What Matters In This Section
01:45
Introducing Strings
04:16
Our First String Variables Practice
1 question
Indices & Length
08:25
Strings Basics Quiz
3 questions
String Methods
07:35
String Methods Practice
1 question
String Methods With Arguments
10:27
More String Methods Practice
1 question
String Template Literals -SUPER USEFUL
07:01
Undefined & Null
03:06
Random Numbers & The Math Object
07:32
String Template Literal Exercise
1 question

JavaScript Decision Making

20 lectures
What Matters In This Section
01:41
Decision Making With Code??
02:01
Comparison Operators
05:19
Equality: Triple Vs. Double Equals
05:39
Comparison Quiz!
3 questions
Console, Alert, & Prompt
05:03
Running JavaScript From A Script!
05:46
If Statements
06:25
Our First Conditional Exercise
1 question
Else-If
08:33
Else
08:48
getColor Conditional Exercise
1 question
Nesting Conditionals
05:55
Nested Conditionals Practice
1 question
Truth-y & False-y Values
05:16
Logical AND
05:00
Logical AND Mystery Exercise
1 question
Logical OR
09:07
Logical NOT
05:40
The Switch Statement Is...A Lot
09:31

JavaScript Arrays

14 lectures
What Matters In This Section
01:41
Introducing Arrays
07:37
Lotto Numbers Exercise
1 question
Array Random Access
07:50
Array Access Exercise
1 question
Push & Pop
07:37
Shift & Unshift
04:20
Push/Pop/Shift/Unshift Practice
1 question
Concat, indexOf, includes & reverse
05:57
Slice & Splice
13:01
Reference Types & Equality Testing
05:35
Arrays + Const
04:25
Multi-Dimensional Arrays
03:57
Nested Arrays Exercise
1 question

JavaScript Object Literals

8 lectures
What Matters In This Section
01:41
Introducing Object Literals
04:45
Creating Object Literals
03:56
Our First Object Exercise
1 question
Accessing Data Out Of Objects
07:18
Object Access Exercise
1 question
Modifying Objects
04:31
Nesting Arrays & Objects
06:29

Repeating Stuff With Loops

18 lectures
What Matters In This Section
02:37
Intro to For Loops
07:10
Our First For Loop Practice
1 question
More For Loops Examples
05:29
More For Loops Practice
1 question
The Perils Of Infinite Loops :(
05:39
Looping Over Arrays
05:59
Iterating Arrays Exercise
1 question
Nested Loops
08:39
Another Loop: The While Loop
06:16
The Break Keyword
04:19
Writing a Guessing Game
11:20
Guessing Game Explanation And Bug Fixes
15:39
The Lovely For...Of Loop
06:21
For...Of Practice
1 question
Iterating Over Objects
05:59
Todo List Project Intro
05:14
Todo List Project CodeAlong
19:00

NEW: Introducing Functions

15 lectures
What Matters In This Section
02:38
Intro to Functions
04:05
Our Very First Function
06:02
Heart Function Exercise
1 question
Arguments Intro
08:07
Rant Exercise
1 question
Functions With Multiple Arguments
07:57
Multiple Args Exercise
1 question
The Return Keyword
06:52
Return Value Practice
1 question
isShortsWeather Function
1 question
Last Element Exercise
1 question
Capitalize Exercise
1 question
Sum Array Exercise
1 question
Days Of The Week Exercise
1 question

Leveling Up Our Functions

14 lectures
What Matters In This Section
03:40
Function Scope
05:56
Function Scope Quiz
3 questions
Block Scope
04:52
Lexical Scope
03:42
Function Expressions
03:34
Function Expression Exercise
1 question
Higher Order Functions
05:00
Returning Functions
10:43
Defining Methods
05:45
Methods Exercise
1 question
The Mysterious Keyword 'this'
09:57
Egg Laying Exercise
1 question
Using Try/Catch
06:09

Callbacks & Array Methods

16 lectures
What Matters In This Section
03:10
What Is This Section Even About?!
01:43
The forEach Method
05:25
The map Method
03:49
Map Practice
1 question
Intro to Arrow Functions
05:15
Arrow Function Exercise
1 question
Arrow Function Implicit Returns
04:23
Arrow Functions Wrapup
02:34
setTimeout and setInterval
06:50
The filter Method
06:33
Filter Exercise
1 question
Some & Every Methods
03:21
Some/Every Exercise
1 question
The Notorious Reduce Method
10:53
Arrow Functions & 'this'
06:28

Newer JavaScript Features

9 lectures
What Matters In This Section
02:06
Default Params
05:58
Spread in Function Calls
05:01
Spread with Array Literals
03:00
Spread with Objects
05:19
Rest Params
06:59
Destructuring Arrays
03:22
Destructuring Objects
05:38
Destructuring Params
04:58

Introducing The World Of The DOM

22 lectures
What Matters In This Section
02:08
Introducing the DOM
03:44
The Document Object
09:52
getElementById
06:51
getElementById Practice
1 question
getElementsByTagName & className
08:15
querySelector & querySelectorAll
07:16
querySelector Practice
1 question
innerHTML, textContent, & innerText
12:54
Pickles Exercise
1 question
Attributes
07:03
Manipulating Attributes Practice
1 question
Changing Styles
11:42
Magical Forest Circle Exercise
1 question
Rainbow Text Exercise
1 question
ClassList
07:27
ClassList Practice
1 question
Traversing Parent/Child/Sibling
07:25
Append & AppendChild
11:31
100 Button Insanity Exercise
1 question
removeChild & remove
03:39
Pokemon Sprites Demo
10:02

The Missing Piece: DOM Events

18 lectures
What Matters In This Section
02:10
Intro to Events
06:00
Inline Events
05:44
Know Thy Enemy Exercise
1 question
The Onclick Property
08:54
addEventListener
09:22
Click Events Exercise
1 question
Random Color Exercise
08:33
Events & The Keyword This
07:59
Keyboard Events & Event Objects
11:43
NEW VERSION: Form Events & PreventDefault
08:09
NEW VERSION: Practice With Form Events & PreventDefault
08:57
ORIGINAL VERSION: Form Events & PreventDefault
18:42
Form Events Exercise
1 question
Input & Change Events
05:27
Input Event Practice
1 question
Event Bubbling
07:22
Event Delegation
07:48

Score Keeper CodeAlong

4 lectures
Score Keeper Pt. 1
13:03
Score Keeper Pt. 2
10:29
Score Keeper Pt. 3 With Bulma
13:34
Score Keeper Pt. 4 Refactoring
10:11

Async JavaScript: Oh Boy!

11 lectures
What Matters In This Section
01:58
The Call Stack
11:30
WebAPIs & Single Threaded
09:43
Callback Hell :(
11:58
Demo: fakeRequest Using Callbacks
09:45
Demo: fakeRequest Using Promises
12:36
The Magic Of Promises
07:38
Creating Our Own Promises
10:35
The Async Keyword
10:31
The Await Keyword
08:11
Handling Errors In Async Functions
04:28

AJAX and API's

14 lectures
What Matters In This Section
02:29
Intro to AJAX
07:49
Intro to APIs
10:26
WTF is JSON
07:45
Using Hoppscotch (or Postman)
07:02
HTTP Verbs
03:02
HTTP Status Codes
04:30
Understanding Query Strings
08:42
HTTP Headers
04:00
Making XHRs
05:39
Using The Fetch API
11:49
Introducing Axios
06:27
Setting Headers With Axios
11:24
TV Show Search App
16:01

Prototypes, Classes, & OOP

8 lectures
What Matters In This Section
04:43
What On Earth Are Prototypes
12:23
Intro to Object Oriented Programming
07:13
Factory Functions
09:00
Constructor Functions
16:59
JavaScript Classes
15:04
More Classes Practice
10:18
Extends and Super Keywords
10:05

Mastering The Terminal

12 lectures
What Matters In This Section
03:51
Backend Overview
03:38
A Pep Talk On Terminal
03:31
Why Do We Need To Know Terminal Commands?
08:32
Windows Terminal Installation Instructions
00:28
The Basics: LS & PWD
05:12
Changing Directories
04:33
Relative Vs. Absolute Paths
05:31
Making Directories
03:00
Man Pages & Flags
06:20
The Touch Command
04:29
Removing Files & Folders
05:44

Our First Brush With Node

9 lectures
What Matters In This Section
02:53
Introducing Node JS
05:35
What Is Node Used For?
04:44
Installing Node
01:53
The Node REPL
04:58
Running Node Files
02:48
Process & Argv
07:42
IMPORTANT NOTE: fs.writeFileSync Changes
01:13
File System Module Crash Course
14:51

Exploring Modules & The NPM Universe

10 lectures
What Matters In This Section
02:52
Working With module.exports
09:53
Requiring A Directory
05:31
Introducing NPM
03:03
Installing Packages - Jokes & Rainbow
08:08
Adding Global Packages
05:38
The All-Important Package.json
07:55
Installing All Dependencies For A Project
05:38
IMPORTANT NOTE: Fixing Issues — Language Guesser Challenge
03:47
Language Guesser Challenge
10:04

Creating Servers With Express

8 lectures
What Matters In This Section
02:48
Introducing Express
05:44
Our Very First Express App
09:55
The Request & Response Objects
07:44
Express Routing Basics
09:57
Express Path Parameters
09:14
Working With Query Strings
04:56
Auto-Restart With Nodemon
03:51

Creating Dynamic HTML With Templating

13 lectures
What Matters In This Section
02:38
What is Templating?
06:23
Configuring Express For EJS
05:46
Setting The Views Directory
04:32
EJS Interpolation Syntax
03:29
Passing Data To Templates
04:21
Subreddit Template Demo
02:51
Conditionals in EJS
07:12
Loops In EJS
06:24
A More Complex Subreddit Demo
10:52
Serving Static Assets In Express
06:40
Bootstrap + Express
08:04
EJS & Partials
09:58

Defining RESTful Routes

14 lectures
What Matters In This Section
04:05
Get Vs. Post Requests
06:33
Defining Express Post Routes
04:03
Parsing The Request Body
06:28
Intro to REST
08:27
RESTful Comments Overview
05:23
RESTful Comments Index
06:38
RESTful Comments New
08:13
Express Redirects
05:43
RESTful Comments Show
12:10
The UUID Package
05:12
RESTful Comments Update
10:33
Express Method Override
11:48
RESTful Comments Delete
10:18

Our First Database: MongoDB

14 lectures
What Matters In This Section
03:18
Introduction to Databases
04:36
SQL Vs. NoSQL Databases
08:50
Why We're Learning Mongo
06:46
Installing Mongo: MacOS
02:49
Installing Mongo: Windows Installation Tutorial
04:02
IMPORTANT NOTE: About The Mongo Shell
00:41
The Mongo Shell
05:28
What On Earth Is BSON?
03:07
Inserting With Mongo
11:19
Finding With Mongo
08:01
Updating With Mongo
10:22
Deleting With Mongo
04:27
Additional Mongo Operators
11:00

Connecting To Mongo With Mongoose

18 lectures
What Matters In This Section
02:48
What is Mongoose
04:07
A note about solving mongoose connection issues
01:00
Connecting Mongoose to Mongo
08:08
A note about the node .load index.js command issue
01:29
Our First Mongoose Model
10:19
Insert Many
04:20
Finding With Mongoose
09:23
Updating With Mongoose
10:09
Deleting With Mongoose!
04:55
Mongoose Schema Validations
08:39
Additional Schema Constraints
08:12
Validating Mongoose Updates
03:55
Mongoose Validation Errors
03:25
Model Instance Methods
12:12
Adding Model Static Methods
05:00
Mongoose Virtuals
06:57
Defining Mongoose Middleware
07:13

Putting It All Together: Mongoose With Express

10 lectures
What Matters In This Section
02:44
Express + Mongoose Basic Setup
03:55
Creating Our Model
11:16
Products Index
05:18
Product Details
08:13
Creating Products
09:27
Updating Products
14:01
Tangent On Category Selector
08:12
Deleting Products
04:53
BONUS: Filtering By Category
08:19

YelpCamp: Campgrounds CRUD

10 lectures
Introducing YelpCamp: Our Massive Project
06:46
How to Access YelpCamp Code
03:12
Creating the Basic Express App
03:30
Campground Model Basics
07:09
Seeding Campgrounds
10:35
Campground Index
03:36
Campground Show
03:54
Campground New & Create
07:37
Campground Edit & Update
08:57
Campground Delete
03:22

Middleware: The Key To Express

8 lectures
What Matters In This Section
01:20
Intro to Express Middleware
03:40
Using Morgan - Logger Middleware
07:08
Defining Our Own Middleware
08:13
More Middleware Practice
08:11
Setting Up A 404 Route
05:18
Password Middleware Demo (NOT REAL AUTH)
04:40
Protecting Specific Routes
05:15

YelpCamp: Adding Basic Styles

9 lectures
A New EJS Tool For Layouts
06:29
Bootstrap5! Boilerplate
03:24
Navbar Partial
04:45
Footer Partial
04:17
Adding Images
06:00
Styling Campgrounds Index
04:46
Styling The New Form
09:00
Styling Edit Form
03:13
Styling Show Page
07:39

Handling Errors In Express Apps

8 lectures
What Matters In This Section
01:51
Express' Built-In Error Handler
08:01
Defining Custom Error Handlers
08:49
Our Custom Error Class
12:40
Handling Async Errors
11:41
Handling More Async Errors!
07:35
Defining An Async Utility
07:50
Differentiating Mongoose Errors
08:49

YelpCamp: Errors & Validating Data

8 lectures
Where To Next With YelpCamp?
02:20
Client-Side Form Validations
10:19
Basic Error Handler
03:03
Defining ExpressError Class
07:06
More Errors
07:42
Defining Error Template
05:09
JOI Schema Validations
11:16
JOI Validation Middleware
10:49

Data Relationships With Mongo

9 lectures
What Matters In This Section
03:44
Introduction to Mongo Relationships
04:13
SQL Relationships Overview
08:25
Note: Solving an upcoming code issue with mongoose version 7
01:01
One to Few
12:36
One to Many
13:27
Mongoose Populate
03:32
One to "Bajillions"
13:58
Mongo Schema Design
08:21

Mongo Relationships With Express

8 lectures
What Matters In This Section
02:21
Defining Our Farm & Product Models
06:26
Note about Farm model
00:21
Creating New Farms
08:54
Farms Show Page
04:35
Creating Products For A Farm
10:44
Finishing Touches
10:58
Deletion Mongoose Middleware
13:31

YelpCamp: Adding The Reviews Model

8 lectures
Defining The Review Model
05:15
Adding The Review Form
05:20
Creating Reviews
06:32
Validating Reviews
09:06
Displaying Reviews
06:06
Styling Reviews
04:52
Deleting Reviews
08:16
Campground Delete Middleware
09:27

Express Router & Cookies

8 lectures
What Matters In This Section
02:19
Express Router Intro
10:43
Express Router & Middleware
04:53
Introducing Cookies
07:56
Sending Cookies
06:42
Cookie Parser Middleware
05:25
Signing Cookies
10:11
OPTIONAL: HMAC Signing
06:26

Express Session & Flash

6 lectures
What Matters In This Section
01:30
Introduction to Sessions
05:19
Express Session
11:39
More Express Session
07:51
Intro to Flash
06:42
Res.locals & Flash
03:22

YelpCamp: Restructuring & Flash

7 lectures
Breaking Out Campground Routes
06:01
Breaking Out Review Routes
05:34
Serving Static Assets
05:47
Configuring Session
06:48
Setting Up Flash
05:22
Flash Success Partial
07:03
Flash Errors Partial
04:06

Authentication From "Scratch"

13 lectures
What Matters In This Section
04:34
Authentication Vs. Authorization
03:31
How to (not) Store Passwords
05:01
Cryptographic Hashing Functions
07:05
Password Salts
11:29
Intro to Bcrypt
13:01
Auth Demo: Setup
07:25
Auth Demo: Registering
06:14
Auth Demo: Login
07:21
Auth Demo: Staying Logged In With Session
07:32
Auth Demo: Logout
05:58
Auth Demo: Require Login Middleware
03:22
Auth Demo: Refactoring To Model Methods
13:48

YelpCamp: Adding In Authentication

13 lectures
Introduction to Passport
04:43
Creating Our User Model
04:07
Configuring Passport
09:15
Register Form
07:01
Register Route Logic
06:20
Login Routes
05:40
isLoggedIn Middleware
08:55
IMPORTANT: Fixing Logout
00:52
Adding Logout
03:59
currentUser Helper
04:54
Fixing Register Route
03:42
IMPORTANT: Passport.js Updates — Fixing The returnTo/Redirect Issue
02:45
ReturnTo Behavior
04:52

YelpCamp: Basic Authorization

6 lectures
Adding an Author to Campground
07:20
Showing and Hiding Edit/Delete
03:01
Campground Permissions
06:57
Authorization Middleware
08:42
Reviews Permissions
05:44
More Reviews Authorization
12:49

YelpCamp: Controllers & Star Ratings

5 lectures
Refactoring To Campgrounds Controller
09:50
Adding a Reviews Controller
06:08
A Fancy Way To Restructure Routes
05:57
Displaying Star Ratings
08:01
Star Rating Form
04:58

YelpCamp: Image Upload

15 lectures
Intro To Image Upload Process
03:31
The Multer Middleware
09:58
Cloudinary Registration
02:34
Environment Variables with dotenv
06:21
IMPORTANT NOTE: Fixing npm install Issues In The Next Lecture
00:24
Uploading To Cloudinary Basics
09:01
Storing Uploaded Image Links In Mongo
11:29
Displaying Images In A Carousel
08:39
Fixing Our Seeds
02:43
Adding Upload to Edit Page
05:59
Customizing File Input
08:41
A Word Of Warning!
02:50
Deleting Images Form
06:50
Deleting Images Backend
06:08
Adding a Thumbnail Virtual Property
10:48

YelpCamp: Adding Maps

7 lectures
Registering For Mapbox
04:36
Geocoding Our Locations
10:51
Working With GeoJSON
06:27
Displaying A Map
08:11
Centering The Map On A Campground
08:11
Fixing Our Seeds Bug
06:17
Customizing Map Popup
04:21

YelpCamp: Fancy Cluster Map

7 lectures
Intro To Our Cluster Map
02:33
Adding Earthquake Cluster Map
05:48
Reseeding Our Database (again)
02:42
Basic Clustering Campgrounds
07:29
Tweaking Clustering Code
07:03
Changing Cluster Size and Color
07:11
Adding Custom Popups
15:39

YelpCamp: Styles Clean Up

7 lectures
Styling Home Page
09:21
Additional Home Page Styling
06:30
Styling Login Form
03:48
Styling Register Form
03:41
Spacing Campgrounds
00:28
Removing Inline Map Styles
02:54
Adding Map Controls
03:14

YelpCamp: Common Security Issues

8 lectures
Mongo Injection
07:46
Cross Site Scripting (XSS)
05:59
Sanitizing HTML w/ JOI
11:27
Minor Changes to Session/Cookies
03:26
Hiding Errors
02:17
IMPORTANT: Helmet Updates — Fixing Issues
02:15
Using Helmet
05:36
Content Security Policy Fun
08:25

YelpCamp: Deploying

8 lectures
Setting Up Mongo Atlas
09:53
IMPORTANT: connect-mongo — Handling Updates
01:57
Using Mongo For Our Session Store
06:59
Render — A free alternative for deploying your app
08:52
Heroku Setup
03:42
Pushing to Heroku
05:34
Fixing Heroku Errors
04:36
Configuring Heroku Env Variables
06:44

Introducing React

7 lectures
How The React Content Works
02:49
React Content Slides
00:04
Introducing React
07:05
Setting Up Code Sand Box
05:17
The Basics of JSX
04:16
Basic React App Structure
03:10
Our First React Component
04:58

JSX In Detail

9 lectures
Importing and Exporting Components
08:02
The Rules of JSX
04:51
React Fragments
02:09
Evaluating JS Expressions in JSX
03:20
Creating. a Die Component
02:47
Component Decomposition
05:56
Styling Components
08:19
Random PokeCard Exercise
09:15
GET THE POKEMON IMAGE URL HERE
00:03

Local React Apps With Vite

3 lectures
Creating React Apps With Vite
05:57
A Note About Create React App
01:29
A Tour of A Vite App
06:24

Working With Props

9 lectures
Introducing Props
05:56
Non-String Props
06:01
Setting Default Prop Values
01:34
Passing Arrays and Objects
04:22
React Conditionals
09:42
The React Developer Tools
03:37
Adding Dynamic Component Styles
08:29
Rendering Arrays With Map
08:36
Slot Machine Exercise
06:16

Shopping List Demo: keys, prop types, and more!

7 lectures
Creating A Shopping List Component
08:01
The Key Prop
03:59
The Shopping List Item Component
11:00
Rental Property Exercise
07:10
Rental Properties Exercise STARTER DATA
00:18
Configuring ESLint
03:35
PropTypes Library Crash Course
04:40

React Events

4 lectures
Intro to React Events
05:19
Non-Click Events
02:49
Working With The Event Object
03:43
Clicker Exercise
02:47

The Basics of React State

7 lectures
Introducing State
08:50
Working With The useState() Hook
08:33
Creating a Toggler Component
08:00
Multiple Pieces of State In A Component
03:38
useState() and Rendering
07:16
Color Box Exercise INTRO
01:59
Color Box Exercise SOLUTION
15:37

Intermediate State Concepts

10 lectures
Setting State With An Updater Function
10:51
State Initializer Functions
06:21
When Does React Re-Render?
02:54
Working With Objects In State
10:35
Arrays In State
07:42
Generating Ids with UUID
04:03
Deleting From Arrays The React Way
07:37
Common Array Updating Patterns
09:02
Updating All Elements In An Array
04:21
Score Keeper Exercise
12:25

Component Design

8 lectures
Introducing The Lucky7 Game
06:24
Formulating Our Component Gameplan
05:36
Building Die and Dice Components
07:28
The LuckyN Component
10:01
State As Props
01:34
Passing Functions As Props
07:42
Passing Functions That Update State
09:00
Practice Passing State Updating Functions
14:56

React Forms

10 lectures
Controlled Components
09:14
The htmlFor Property
02:07
Working With Multiple Inputs
04:32
A Better Signup Form
08:09
Computed Property Names in HandleChange()
03:37
Creating a Shopping List Form
06:35
Shopping List Component
09:38
Finishing The Shopping List Component
05:17
Form Validation From Scratch
09:55
Validations using React Hook Form
11:48

Effects

6 lectures
Introducing Effects
01:33
The useEffect Hook
04:14
useEffect Dependencies
04:34
Fetching Initial Data From an API
10:29
Adding a Loader
06:11
Github Profile Search
04:24

Material UI

5 lectures
Introducing Material UI
01:49
Installing Material UI
08:29
The Rating Component
04:02
Material Forms
06:33
The SX Prop and Custom Styles
07:59

Building a Todo List With Material UI & Local Storage

8 lectures
Creating The Application
04:00
The TodoList Component
08:28
Removing Todos
07:15
Toggling Todos
03:33
The New Todo Form
11:18
Adding LocalStorage
04:26
Tweaking the Todo Icons and Ids
02:57
Final Styles
05:46

BONUS: Fancy, More Advanced Todolist

1 lectures
Check Out This Fancy Todo List
03:09

The End :(

1 lectures
What's Next and Goodbye!
09:41

LEGACY CONTENT (The Old Version Of This Course)

36 lectures
LEGACY Download: Introduction To This Course
00:08
LEGACY Download: Introduction To Front End Development
00:08
LEGACY Download: Introduction to HTML
00:08
LEGACY Download: Intermediate HTML
00:07
LEGACY Download: Introduction to CSS
00:08
LEGACY Download: Intermediate CSS
00:07
LEGACY Download: Bootstrap
00:07
LEGACY Download: Bootstrap 4
00:07
LEGACY Download: Bootstrap 4 Flexbox & Layout
00:08
LEGACY Download: Introduction to JavaScript
00:08
LEGACY Download: JavaScript Basics Control Flow
00:08
LEGACY Download: JavaScript Basics Functions
00:08
LEGACY Download: JavaScript Basics Arrays
00:08
LEGACY Download: JavaScript Basics Objects
00:08
LEGACY Download: DOM Manipulation
00:07
LEGACY Download: Advanced DOM Manipulation
00:08
LEGACY Download: Color Game Project
00:08
LEGACY Download: Intro to jQuery
00:08
LEGACY Download: Advanced jQuery
00:07
LEGACY Download: Todo List Projects
00:08
LEGACY Download: Patatap Clone
00:07
LEGACY Download: Backend Basics
00:07
LEGACY Download: The Command Line
00:08
LEGACY Download: Node JS
00:07
LEGACY Download: Server Side Frameworks
00:08
LEGACY Download: Intermediate Express
00:07
LEGACY Download: Working With APIs
00:08
LEGACY Download: YelpCamp Basics
00:07
LEGACY Download: Databases
00:07
LEGACY Download: YelpCamp Data Persistence
00:08
LEGACY Download: RESTful Routing
00:07
LEGACY Download: Data Associations
00:07
LEGACY Download: YelpCamp Comments
00:07
LEGACY Download: Authentication
00:07
LEGACY Download: YelpCamp Adding Authentication
00:08
LEGACY Download: YelpCamp Cleaning Up
00:08

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.