[Last updated 3/2024] The Web Developer Bootcamp 2024 (Udemy – Vietsub and Engsub)
About Course
Views
What you’ll learn:
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!
v.v…
Link gốc:
https://www.udemy.com/course/the-web-developer-bootcamp/
Time Course:
73.5 hours (726 Lectures + Documents)
Instructor
: Colt Steele
Total Weight:
64.67 GB
** Note
:
Chú ý:
Course Content
47 – Express Router & Cookies
-
001 What Matters In This Section.mp4
02:19 -
002 Express Router Intro.mp4
10:43 -
003 Express Router & Middleware.mp4
04:53 -
004 Introducing Cookies.mp4
07:56 -
005 Sending Cookies.mp4
06:42 -
006 Cookie Parser Middleware.mp4
05:25 -
007 Signing Cookies.mp4
10:11 -
008 OPTIONAL HMAC Signing.mp4
06:26
56 – YelpCamp Fancy Cluster Map
-
001 Intro To Our Cluster Map.mp4
02:33 -
002 Adding Earthquake Cluster Map.mp4
05:48 -
003 Reseeding Our Database (again).mp4
02:42 -
004 Basic Clustering Campgrounds.mp4
07:29 -
005 Tweaking Clustering Code.mp4
07:03 -
006 Changing Cluster Size and Color.mp4
07:11 -
007 Adding Custom Popups.mp4
15:39
55 – YelpCamp Adding Maps
-
001 Registering For Mapbox.mp4
04:36 -
002 Geocoding Our Locations.mp4
10:51 -
003 Working With GeoJSON.mp4
06:27 -
004 Displaying A Map.mp4
08:11 -
005 Centering The Map On A Campground.mp4
08:11 -
006 Fixing Our Seeds Bug.mp4
06:17 -
007 Customizing Map Popup.mp4
04:21
54 – YelpCamp Image Upload
-
001 Intro To Image Upload Process.mp4
03:31 -
002 The Multer Middleware.mp4
09:58 -
003 Cloudinary Registration.mp4
02:34 -
004 Environment Variables with dotenv.mp4
06:21 -
006 Uploading To Cloudinary Basics.mp4
09:01 -
007 Storing Uploaded Image Links In Mongo.mp4
11:29 -
008 Displaying Images In A Carousel.mp4
08:39 -
009 Fixing Our Seeds.mp4
02:43 -
010 Adding Upload to Edit Page.mp4
05:59 -
011 Customizing File Input.mp4
08:41 -
012 A Word Of Warning!.mp4
02:50 -
013 Deleting Images Form.mp4
06:50 -
014 Deleting Images Backend.mp4
06:08 -
015 Adding a Thumbnail Virtual Property.mp4
10:48
53 – YelpCamp Controllers & Star Ratings
-
001 Refactoring To Campgrounds Controller.mp4
09:50 -
002 Adding a Reviews Controller.mp4
06:08 -
003 A Fancy Way To Restructure Routes.mp4
05:57 -
004 Displaying Star Ratings.mp4
08:01 -
005 Star Rating Form.mp4
04:58
52 – YelpCamp Basic Authorization
-
001 Adding an Author to Campground.mp4
07:20 -
002 Showing and Hiding EditDelete.mp4
03:01 -
003 Campground Permissions.mp4
06:57 -
004 Authorization Middleware.mp4
08:42 -
005 Reviews Permissions.mp4
05:44 -
006 More Reviews Authorization.mp4
12:49
51 – YelpCamp Adding In Authentication
-
001 Introduction to Passport.mp4
04:43 -
002 Creating Our User Model.mp4
04:07 -
003 Configuring Passport.mp4
09:15 -
004 Register Form.mp4
07:01 -
005 Register Route Logic.mp4
06:20 -
006 Login Routes.mp4
05:40 -
007 isLoggedIn Middleware.mp4
08:55 -
009 Adding Logout.mp4
03:59 -
010 currentUser Helper.mp4
04:54 -
011 Fixing Register Route.mp4
03:42 -
013 ReturnTo Behavior.mp4
04:52
50 – Authentication From Scratch
-
001 What Matters In This Section.mp4
04:34 -
002 Authentication Vs. Authorization.mp4
03:31 -
003 How to (not) Store Passwords.mp4
05:01 -
004 Cryptographic Hashing Functions.mp4
07:05 -
005 Password Salts.mp4
11:29 -
006 Intro to Bcrypt.mp4
13:01 -
007 Auth Demo Setup.mp4
07:25 -
008 Auth Demo Registering.mp4
06:13 -
009 Auth Demo Login.mp4
07:21 -
010 Auth Demo Staying Logged In With Session.mp4
07:32 -
011 Auth Demo Logout.mp4
05:58 -
012 Auth Demo Require Login Middleware.mp4
03:22 -
013 Auth Demo Refactoring To Model Methods.mp4
13:48
49 – YelpCamp Restructuring & Flash
-
001 Breaking Out Campground Routes.mp4
06:01 -
002 Breaking Out Review Routes.mp4
05:34 -
003 Serving Static Assets.mp4
05:47 -
004 Configuring Session.mp4
06:48 -
005 Setting Up Flash.mp4
05:22 -
006 Flash Success Partial.mp4
07:03 -
007 Flash Errors Partial.mp4
04:06
48 – Express Session & Flash
-
001 What Matters In This Section.mp4
01:30 -
002 Introduction to Sessions.mp4
05:19 -
003 Express Session.mp4
11:39 -
004 More Express Session.mp4
07:51 -
005 Intro to Flash.mp4
06:42 -
006 Res.locals & Flash.mp4
03:22
57 – YelpCamp Styles Clean Up
-
001 Styling Home Page.mp4
09:21 -
002 Additional Home Page Styling.mp4
06:30 -
003 Styling Login Form.mp4
03:48 -
004 Styling Register Form.mp4
03:41 -
005 Spacing Campgrounds.mp4
00:28 -
006 Removing Inline Map Styles.mp4
02:54 -
007 Adding Map Controls.mp4
03:14
46 – YelpCamp Adding The Reviews Model
-
001 Defining The Review Model.mp4
05:15 -
002 Adding The Review Form.mp4
05:19 -
003 Creating Reviews.mp4
06:32 -
004 Validating Reviews.mp4
09:06 -
005 Displaying Reviews.mp4
06:06 -
006 Styling Reviews.mp4
04:52 -
007 Deleting Reviews.mp4
08:16 -
008 Campground Delete Middleware.mp4
09:27
45 – Mongo Relationships With Express
-
001 What Matters In This Section.mp4
02:21 -
002 Defining Our Farm & Product Models.mp4
06:26 -
004 Creating New Farms.mp4
08:54 -
005 Farms Show Page.mp4
04:34 -
006 Creating Products For A Farm.mp4
10:43 -
007 Finishing Touches.mp4
10:58 -
008 Deletion Mongoose Middleware.mp4
13:31
44 – Data Relationships With Mongo
-
001 What Matters In This Section.mp4
03:44 -
002 Introduction to Mongo Relationships.mp4
04:13 -
003 SQL Relationships Overview.mp4
08:25 -
005 One to Few.mp4
12:36 -
006 One to Many.mp4
13:27 -
007 Mongoose Populate.mp4
03:32 -
008 One to Bajillions.mp4
13:58 -
009 Mongo Schema Design.mp4
08:21
43 – YelpCamp Errors & Validating Data
-
001 Where To Next With YelpCamp.mp4
02:20 -
002 Client-Side Form Validations.mp4
10:19 -
003 Basic Error Handler.mp4
03:03 -
004 Defining ExpressError Class.mp4
07:06 -
005 More Errors.mp4
07:42 -
006 Defining Error Template.mp4
05:09 -
007 JOI Schema Validations.mp4
11:16 -
008 JOI Validation Middleware.mp4
10:49
42 – Handling Errors In Express Apps
-
001 What Matters In This Section.mp4
01:51 -
002 Express’ Built-In Error Handler.mp4
08:01 -
003 Defining Custom Error Handlers.mp4
08:49 -
004 Our Custom Error Class.mp4
12:40 -
005 Handling Async Errors.mp4
11:41 -
006 Handling More Async Errors!.mp4
07:35 -
007 Defining An Async Utility.mp4
07:50 -
008 Differentiating Mongoose Errors.mp4
08:48
41 – YelpCamp Adding Basic Styles
-
001 A New EJS Tool For Layouts.mp4
06:29 -
002 Bootstrap5! Boilerplate.mp4
03:24 -
003 Navbar Partial.mp4
04:45 -
004 Footer Partial.mp4
04:17 -
005 Adding Images.mp4
06:00 -
006 Styling Campgrounds Index.mp4
04:46 -
007 Styling The New Form.mp4
09:00 -
008 Styling Edit Form.mp4
03:13 -
009 Styling Show Page.mp4
07:39
40 – Middleware The Key To Express
-
001 What Matters In This Section.mp4
01:20 -
002 Intro to Express Middleware.mp4
03:40 -
003 Using Morgan – Logger Middleware.mp4
07:07 -
004 Defining Our Own Middleware.mp4
08:13 -
005 More Middleware Practice.mp4
08:11 -
006 Setting Up A 404 Route.mp4
05:18 -
007 Password Middleware Demo (NOT REAL AUTH).mp4
04:40 -
008 Protecting Specific Routes.mp4
05:15
39 – YelpCamp Campgrounds CRUD
-
001 Introducing YelpCamp Our Massive Project.mp4
06:45 -
002 How to Access YelpCamp Code.mp4
03:12 -
003 Creating the Basic Express App.mp4
03:30 -
004 Campground Model Basics.mp4
07:09 -
005 Seeding Campgrounds.mp4
10:35 -
006 Campground Index.mp4
03:36 -
007 Campground Show.mp4
03:54 -
008 Campground New & Create.mp4
07:37 -
009 Campground Edit & Update.mp4
08:57 -
010 Campground Delete.mp4
03:22
66 – The Basics of React State
-
001 Introducing State.mp4
08:50 -
002 Working With The useState() Hook.mp4
08:33 -
003 Creating a Toggler Component.mp4
08:00 -
004 Multiple Pieces of State In A Component.mp4
03:38 -
005 useState() and Rendering.mp4
07:16 -
006 Color Box Exercise INTRO.mp4
01:59 -
007 Color Box Exercise SOLUTION.mp4
15:37
74 – The End (
-
001 What’s Next and Goodbye!.mp4
09:41
73 – BONUS Fancy, More Advanced Todolist
-
001 Check Out This Fancy Todo List.mp4
03:09
72 – Building a Todo List With Material UI & Local Storage
-
001 Creating The Application.mp4
04:00 -
002 The TodoList Component.mp4
08:28 -
003 Removing Todos.mp4
07:15 -
004 Toggling Todos.mp4
03:33 -
005 The New Todo Form.mp4
11:18 -
006 Adding LocalStorage.mp4
04:26 -
007 Tweaking the Todo Icons and Ids.mp4
02:57 -
008 Final Styles.mp4
05:46
71 – Material UI
-
001 Introducing Material UI.mp4
01:49 -
002 Installing Material UI.mp4
08:29 -
003 The Rating Component.mp4
04:02 -
004 Material Forms.mp4
06:32 -
005 The SX Prop and Custom Styles.mp4
07:59
70 – Effects
-
001 Introducing Effects.mp4
01:33 -
002 The useEffect Hook.mp4
04:14 -
003 useEffect Dependencies.mp4
04:34 -
004 Fetching Initial Data From an API.mp4
10:28 -
005 Adding a Loader.mp4
06:11 -
006 Github Profile Search.mp4
04:24
69 – React Forms
-
001 Controlled Components.mp4
09:13 -
002 The htmlFor Property.mp4
02:07 -
003 Working With Multiple Inputs.mp4
04:32 -
004 A Better Signup Form.mp4
08:09 -
005 Computed Property Names in HandleChange().mp4
03:37 -
006 Creating a Shopping List Form.mp4
06:35 -
007 Shopping List Component.mp4
09:38 -
008 Finishing The Shopping List Component.mp4
05:17 -
009 Form Validation From Scratch.mp4
09:55 -
010 Validations using React Hook Form.mp4
11:48
68 – Component Design
-
001 Introducing The Lucky7 Game.mp4
06:24 -
002 Formulating Our Component Gameplan.mp4
05:36 -
003 Building Die and Dice Components.mp4
07:28 -
004 The LuckyN Component.mp4
10:01 -
005 State As Props.mp4
01:34 -
006 Passing Functions As Props.mp4
07:42 -
007 Passing Functions That Update State.mp4
09:00 -
008 Practice Passing State Updating Functions.mp4
14:56
67 – Intermediate State Concepts
-
001 Setting State With An Updater Function.mp4
10:51 -
002 State Initializer Functions.mp4
06:21 -
003 When Does React Re-Render.mp4
02:54 -
004 Working With Objects In State.mp4
10:35 -
005 Arrays In State.mp4
07:41 -
006 Generating Ids with UUID.mp4
04:03 -
007 Deleting From Arrays The React Way.mp4
07:37 -
008 Common Array Updating Patterns.mp4
09:02 -
009 Updating All Elements In An Array.mp4
04:21 -
010 Score Keeper Exercise.mp4
12:25
38 – Putting It All Together Mongoose With Express
-
001 What Matters In This Section.mp4
02:44 -
002 Express + Mongoose Basic Setup.mp4
03:55 -
003 Creating Our Model.mp4
11:16 -
004 Products Index.mp4
05:18 -
005 Product Details.mp4
08:13 -
006 Creating Products.mp4
09:27 -
007 Updating Products.mp4
14:01 -
008 Tangent On Category Selector.mp4
08:12 -
009 Deleting Products.mp4
04:53 -
010 BONUS Filtering By Category.mp4
08:19
65 – React Events
-
001 Intro to React Events.mp4
05:19 -
002 Non-Click Events.mp4
02:49 -
003 Working With The Event Object.mp4
03:43 -
004 Clicker Exercise.mp4
02:47
64 – Shopping List Demo keys, prop types, and more!
-
001 Creating A Shopping List Component.mp4
08:01 -
002 The Key Prop.mp4
03:59 -
003 The Shopping List Item Component.mp4
11:00 -
004 Rental Property Exercise.mp4
07:09 -
006 Configuring ESLint.mp4
03:35 -
007 PropTypes Library Crash Course.mp4
04:40
63 – Working With Props
-
001 Introducing Props.mp4
05:56 -
002 Non-String Props.mp4
06:01 -
003 Setting Default Prop Values.mp4
01:34 -
004 Passing Arrays and Objects.mp4
04:22 -
005 React Conditionals.mp4
09:42 -
006 The React Developer Tools.mp4
03:37 -
007 Adding Dynamic Component Styles.mp4
08:29 -
008 Rendering Arrays With Map.mp4
08:36 -
009 Slot Machine Exercise.mp4
06:16
62 – Local React Apps With Vite
-
001 Creating React Apps With Vite.mp4
05:57 -
002 A Note About Create React App.mp4
01:29 -
003 A Tour of A Vite App.mp4
06:24
61 – JSX In Detail
-
001 Importing and Exporting Components.mp4
08:02 -
002 The Rules of JSX.mp4
04:51 -
003 React Fragments.mp4
02:09 -
004 Evaluating JS Expressions in JSX.mp4
03:20 -
005 Creating. a Die Component.mp4
02:47 -
006 Component Decomposition.mp4
05:55 -
007 Styling Components.mp4
08:19 -
008 Random PokeCard Exercise.mp4
09:15
60 – Introducing React
-
001 How The React Content Works.mp4
02:49 -
003 Introducing React.mp4
07:05 -
004 Setting Up Code Sand Box.mp4
05:17 -
005 The Basics of JSX.mp4
04:16 -
006 Basic React App Structure.mp4
03:10 -
007 Our First React Component.mp4
04:58
59 – YelpCamp Deploying
-
001 Setting Up Mongo Atlas.mp4
09:53 -
003 Using Mongo For Our Session Store.mp4
06:59 -
005 Heroku Setup.mp4
03:42 -
006 Pushing to Heroku.mp4
05:33 -
007 Fixing Heroku Errors.mp4
04:36 -
008 Configuring Heroku Env Variables.mp4
06:44
58 – YelpCamp Common Security Issues
-
001 Mongo Injection.mp4
07:46 -
002 Cross Site Scripting (XSS).mp4
05:59 -
003 Sanitizing HTML w JOI.mp4
11:27 -
004 Minor Changes to SessionCookies.mp4
03:26 -
005 Hiding Errors.mp4
02:17 -
007 Using Helmet.mp4
05:36 -
008 Content Security Policy Fun.mp4
08:24
10 – Responsive CSS & Flexbox
-
001 What Matters In This Section.mp4
03:11 -
002 What on Earth Is Flexbox.mp4
04:23 -
003 Flex-Direction.mp4
05:58 -
004 Justify-Content.mp4
05:07 -
005 Flex-Wrap.mp4
03:42 -
006 Align-Items.mp4
07:47 -
007 Align-Content & Align-Self.mp4
05:18 -
008 Flex-Basis, Grow, & Shrink.mp4
07:51 -
009 Flex Shorthand.mp4
05:38 -
010 Responsive Design & Media Queries Intro.mp4
07:18 -
011 The Power of Media Queries.mp4
09:25 -
013 Building a Responsive Nav.mp4
08:42
19 – Repeating Stuff With Loops
-
001 What Matters In This Section.mp4
02:37 -
002 Intro to For Loops.mp4
07:10 -
004 More For Loops Examples.mp4
05:29 -
006 The Perils Of Infinite Loops (.mp4
05:39 -
007 Looping Over Arrays.mp4
05:59 -
009 Nested Loops.mp4
08:39 -
010 Another Loop The While Loop.mp4
06:16 -
011 The Break Keyword.mp4
04:19 -
012 Writing a Guessing Game.mp4
11:20 -
013 Guessing Game Explanation And Bug Fixes.mp4
15:39 -
014 The Lovely For…Of Loop.mp4
06:21 -
016 Iterating Over Objects.mp4
05:59 -
017 Todo List Project Intro.mp4
05:14 -
018 Todo List Project CodeAlong.mp4
18:59
18 – JavaScript Object Literals
-
001 What Matters In This Section.mp4
01:40 -
002 Introducing Object Literals.mp4
04:45 -
003 Creating Object Literals.mp4
03:56 -
005 Accessing Data Out Of Objects.mp4
07:18 -
007 Modifying Objects.mp4
04:31 -
008 Nesting Arrays & Objects.mp4
06:29
17 – JavaScript Arrays
-
001 What Matters In This Section.mp4
01:41 -
002 Introducing Arrays.mp4
07:36 -
004 Array Random Access.mp4
07:50 -
006 Push & Pop.mp4
07:37 -
007 Shift & Unshift.mp4
04:20 -
009 Concat, indexOf, includes & reverse.mp4
05:57 -
010 Slice & Splice.mp4
13:01 -
011 Reference Types & Equality Testing.mp4
05:35 -
012 Arrays + Const.mp4
04:25 -
013 Multi-Dimensional Arrays.mp4
03:57
16 – JavaScript Decision Making
-
001 What Matters In This Section.mp4
01:40 -
002 Decision Making With Code.mp4
02:00 -
003 Comparison Operators.mp4
05:19 -
004 Equality Triple Vs. Double Equals.mp4
05:39 -
006 Console, Alert, & Prompt.mp4
05:03 -
007 Running JavaScript From A Script!.mp4
05:46 -
008 If Statements.mp4
06:25 -
010 Else-If.mp4
08:32 -
011 Else.mp4
08:48 -
013 Nesting Conditionals.mp4
05:55 -
015 Truth-y & False-y Values.mp4
05:16 -
016 Logical AND.mp4
05:00 -
018 Logical OR.mp4
09:07 -
019 Logical NOT.mp4
05:40 -
020 The Switch Statement Is…A Lot.mp4
09:31
15 – JavaScript Strings and More
-
001 What Matters In This Section.mp4
01:45 -
002 Introducing Strings.mp4
04:16 -
004 Indices & Length.mp4
08:25 -
006 String Methods.mp4
07:35 -
008 String Methods With Arguments.mp4
10:26 -
010 String Template Literals -SUPER USEFUL.mp4
07:01 -
011 Undefined & Null.mp4
03:06 -
012 Random Numbers & The Math Object.mp4
07:32
14 – JavaScript Basics!
-
001 What Matters In This Section.mp4
02:27 -
002 Why JavaScript is Awesome.mp4
08:09 -
003 Primitives & The Console.mp4
06:38 -
004 JavaScript Numbers.mp4
07:43 -
005 WTF is NaN.mp4
02:56 -
006 Quick Numbers Quiz.mp4
01:57 -
007 Variables & Let.mp4
06:31 -
009 Updating Variables.mp4
05:17 -
010 Increment Operator Explanation i++ vs ++i.mp4
03:50 -
011 Const & Var.mp4
04:53 -
014 Booleans.mp4
04:37 -
015 Variable Naming and Conventions.mp4
05:31
13 – OPTIONAL Museum Of Candy Project
-
001 Watch This First! (it’s short).mp4
01:09 -
002 Museum of Candy Project Part 1.mp4
05:16 -
004 Museum of Candy Project Part 2.mp4
14:01 -
005 Museum of Candy Project Part 3.mp4
12:41 -
006 Museum of Candy Project Part 4.mp4
16:39 -
007 Museum of Candy Project Part 5.mp4
09:41
12 – CSS Frameworks Bootstrap
-
001 What Matters In This Section.mp4
03:02 -
002 WTF Is Bootstrap.mp4
08:01 -
003 Including Bootstrap & Containers.mp4
09:38 -
004 Bootstrap Buttons.mp4
09:34 -
005 Bootstrap Typography & Utilities.mp4
08:00 -
006 Badges, Alerts, & Button Groups.mp4
11:30 -
008 Intro to the Bootstrap Grid.mp4
08:05 -
010 Responsive Bootstrap Grids.mp4
11:17 -
011 Useful Grid Utilities.mp4
08:17 -
012 Bootstrap & Forms.mp4
13:17 -
013 Bootstrap Navbars.mp4
13:56 -
014 Bootstrap Icons!.mp4
07:53 -
015 Other Bootstrap Utilities.mp4
11:16 -
016 A Mixed Bag of Other Bootstrap Stuff.mp4
03:46
11 – Pricing Panel Project
-
001 Pricing Panel CodeAlong Pt. 1.mp4
03:55 -
002 Pricing Panel CodeAlong Pt. 2.mp4
03:46 -
003 Pricing Panel CodeAlong Pt. 3.mp4
03:45 -
004 Pricing Panel CodeAlong Pt. 4.mp4
04:43 -
005 Pricing Panel CodeAlong Pt. 5.mp4
03:47 -
006 Pricing Panel CodeAlong Pt. 6.mp4
03:24
20 – NEW Introducing Functions
-
001 What Matters In This Section.mp4
02:38 -
002 Intro to Functions.mp4
04:04 -
003 Our Very First Function.mp4
06:02 -
005 Arguments Intro.mp4
08:07 -
007 Functions With Multiple Arguments.mp4
07:57 -
009 The Return Keyword.mp4
06:52
09 – Other Assorted Useful CSS Properties
-
001 What Matters In This Section.mp4
03:04 -
002 Opacity & The Alpha Channel.mp4
06:32 -
003 The Position Property.mp4
09:40 -
004 CSS Transitions (yay!).mp4
11:17 -
005 The Power of CSS Transforms.mp4
13:13 -
006 Fancy Button Hover Effect CodeAlong.mp4
10:21 -
007 The Truth About Background.mp4
08:45 -
008 Google Fonts is Amazing.mp4
07:47 -
010 Photo Blog CodeAlong Pt. 1.mp4
08:44 -
011 Photo Blog CodeAlong Pt. 2.mp4
08:38
08 – The CSS Box Model
-
001 What Matters In This Section.mp4
02:42 -
002 Box Model Width & Height.mp4
05:40 -
003 Box Model Border & Border-Radius.mp4
12:08 -
005 Box Model Padding.mp4
07:45 -
006 Box Model Margin.mp4
06:11 -
007 The Display Property.mp4
11:46 -
008 CSS Units Revisited.mp4
05:39 -
009 CSS Units ems.mp4
08:20 -
010 CSS Units rems.mp4
07:43
07 – The World of CSS Selectors
-
001 What Matters In This Section.mp4
02:38 -
002 Universal & Element Selectors.mp4
04:57 -
003 The ID Selector.mp4
05:24 -
004 The Class Selector.mp4
04:43 -
006 The Descendant Selector.mp4
05:11 -
008 The Adjacent & Direct-Descendant Selectors.mp4
05:03 -
009 The Attribute Selector.mp4
05:30 -
010 Pseudo Classes.mp4
08:46 -
012 Pseudo Elements.mp4
04:23 -
013 The CSS Cascade.mp4
02:21 -
014 WTF is Specificity.mp4
08:00 -
016 TIP Chrome Dev Tools & CSS.mp4
03:57 -
017 Inline Styles & Important.mp4
03:49 -
018 CSS Inheritance.mp4
05:10
06 – CSS The Very Basics
-
001 What Matters In This Section.mp4
02:51 -
002 What is CSS.mp4
04:55 -
003 CSS is Huge, Don’t Panic!.mp4
04:03 -
004 Including Styles Correctly.mp4
06:15 -
005 Color & Background-Color Properties.mp4
05:15 -
007 Colors Systems RGB & Named Colors.mp4
07:21 -
008 Colors Systems Hexadecimal.mp4
07:38 -
010 A Reminder On Semicolons & CSS.mp4
01:12 -
011 Common Text Properties.mp4
11:16 -
012 Font Size Basics With Pixels.mp4
03:06 -
013 The Font Family Property.mp4
06:01
05 – HTML Forms & Tables
-
010 The All-Important Label.mp4
06:52 -
019 Creating A Marathon Registration Form Solution.mp4
12:20 -
018 Creating A Marathon Registration Form Intro.mp4
02:45 -
017 HTML5 Form Validations.mp4
09:27 -
015 Range & Text Area.mp4
07:02 -
014 Radio Buttons, Checkboxes, & Selects.mp4
10:54 -
013 Hijacking Google & Reddit’s Search.mp4
06:25 -
012 The Name Attribute.mp4
05:26 -
011 HTML Buttons.mp4
05:17 -
001 What Matters In This Section.mp4
02:52 -
009 Common Input Types.mp4
05:27 -
008 The Form Element.mp4
09:18 -
006 Tables Colspan & Rowspan.mp4
04:14 -
005 Tables Thead, Tbody, and Tfoot Elements.mp4
02:15 -
004 Tables TR, TD, and TH Elements.mp4
09:11 -
003 Introducing HTML Tables.mp4
04:08 -
002 Unit Goals.mp4
01:09
04 – HTML Next Steps & Semantics
-
001 What Matters In This Section.mp4
02:26 -
002 What Exactly Is HTML5.mp4
06:27 -
003 Block vs. Inline Elements – Divs and Spans.mp4
08:42 -
004 An Odd Assortment of Elements HR, BR, Sup, & Sub.mp4
06:18 -
005 Entity Codes.mp4
06:01 -
007 Intro to Semantic Markup.mp4
09:01 -
008 Playing With Semantic Elements.mp4
12:18 -
009 Screen Reader Demonstration.mp4
03:33 -
010 VSCode Tip Emmet.mp4
06:12
03 – HTML The Essentials
-
001 What Matters In This Section.mp4
02:12 -
002 Introduction to HTML.mp4
06:54 -
003 Our Very First HTML Page.mp4
05:33 -
004 TIP Mozilla Developer Network.mp4
02:41 -
005 Paragraph Elements.mp4
03:14 -
006 Heading Elements.mp4
06:34 -
008 Introduction to the Chrome Inspector.mp4
03:07 -
009 HTML Boilerplate.mp4
07:25 -
010 VSCode Tip Auto-format.mp4
02:37 -
011 List Elements.mp4
06:39 -
013 Anchor Tags.mp4
07:07 -
014 Images.mp4
06:25 -
015 Comments.mp4
02:31
02 – An Introduction to Web Development
-
001 What Matters In This Section.mp4
03:28 -
002 The Internet in 5 Minutes.mp4
05:41 -
003 Intro to the Web.mp4
06:01 -
004 The RequestResponse Cycle.mp4
04:21 -
005 Front-End and Back-End.mp4
03:59 -
006 What do HTMLCSSJS do.mp4
05:36 -
007 Setting Up Our Developer Environment.mp4
05:59 -
008 OPTIONAL VSCode Theme.mp4
04:28
29 – Prototypes, Classes, & OOP
-
001 What Matters In This Section.mp4
04:43 -
002 What On Earth Are Prototypes.mp4
12:23 -
003 Intro to Object Oriented Programming.mp4
07:13 -
004 Factory Functions.mp4
09:00 -
005 Constructor Functions.mp4
16:59 -
006 JavaScript Classes.mp4
15:04 -
007 More Classes Practice.mp4
10:17 -
008 Extends and Super Keywords.mp4
10:05
37 – Connecting To Mongo With Mongoose
-
001 What Matters In This Section.mp4
02:48 -
002 What is Mongoose.mp4
04:07 -
004 Connecting Mongoose to Mongo.mp4
08:08 -
006 Our First Mongoose Model.mp4
10:19 -
007 Insert Many.mp4
04:20 -
008 Finding With Mongoose.mp4
09:23 -
009 Updating With Mongoose.mp4
10:09 -
010 Deleting With Mongoose!.mp4
04:55 -
011 Mongoose Schema Validations.mp4
08:39 -
012 Additional Schema Constraints.mp4
08:12 -
013 Validating Mongoose Updates.mp4
03:55 -
014 Mongoose Validation Errors.mp4
03:25 -
015 Model Instance Methods.mp4
12:12 -
016 Adding Model Static Methods.mp4
05:00 -
017 Mongoose Virtuals.mp4
06:57 -
018 Defining Mongoose Middleware.mp4
07:13
36 – Our First Database MongoDB
-
001 What Matters In This Section.mp4
03:18 -
002 Introduction to Databases.mp4
04:36 -
003 SQL Vs. NoSQL Databases.mp4
08:50 -
004 Why We’re Learning Mongo.mp4
06:46 -
005 Installing Mongo MacOS.mp4
02:48 -
008 The Mongo Shell.mp4
05:28 -
009 What On Earth Is BSON.mp4
03:07 -
010 Inserting With Mongo.mp4
11:19 -
011 Finding With Mongo.mp4
08:01 -
012 Updating With Mongo.mp4
10:22 -
013 Deleting With Mongo.mp4
04:27 -
014 Additional Mongo Operators.mp4
11:00
35 – Defining RESTful Routes
-
001 What Matters In This Section.mp4
04:05 -
002 Get Vs. Post Requests.mp4
06:33 -
003 Defining Express Post Routes.mp4
04:03 -
004 Parsing The Request Body.mp4
06:28 -
005 Intro to REST.mp4
08:27 -
006 RESTful Comments Overview.mp4
05:23 -
007 RESTful Comments Index.mp4
06:38 -
008 RESTful Comments New.mp4
08:13 -
009 Express Redirects.mp4
05:43 -
010 RESTful Comments Show.mp4
12:10 -
011 The UUID Package.mp4
05:12 -
012 RESTful Comments Update.mp4
10:33 -
013 Express Method Override.mp4
11:47 -
014 RESTful Comments Delete.mp4
10:18
34 – Creating Dynamic HTML With Templating
-
001 What Matters In This Section.mp4
02:38 -
002 What is Templating.mp4
06:23 -
003 Configuring Express For EJS.mp4
05:46 -
004 Setting The Views Directory.mp4
04:32 -
005 EJS Interpolation Syntax.mp4
03:29 -
006 Passing Data To Templates.mp4
04:21 -
007 Subreddit Template Demo.mp4
02:51 -
008 Conditionals in EJS.mp4
07:12 -
009 Loops In EJS.mp4
06:24 -
010 A More Complex Subreddit Demo.mp4
10:52 -
011 Serving Static Assets In Express.mp4
06:40 -
012 Bootstrap + Express.mp4
08:04 -
013 EJS & Partials.mp4
09:58
33 – Creating Servers With Express
-
001 What Matters In This Section.mp4
02:48 -
002 Introducing Express.mp4
05:44 -
003 Our Very First Express App.mp4
09:55 -
004 The Request & Response Objects.mp4
07:44 -
005 Express Routing Basics.mp4
09:56 -
006 Express Path Parameters.mp4
09:14 -
007 Working With Query Strings.mp4
04:56 -
008 Auto-Restart With Nodemon.mp4
03:51
32 – Exploring Modules & The NPM Universe
-
001 What Matters In This Section.mp4
02:52 -
002 Working With module.exports.mp4
09:53 -
003 Requiring A Directory.mp4
05:31 -
004 Introducing NPM.mp4
03:03 -
005 Installing Packages – Jokes & Rainbow.mp4
08:08 -
006 Adding Global Packages.mp4
05:38 -
007 The All-Important Package.json.mp4
07:55 -
008 Installing All Dependencies For A Project.mp4
05:38 -
010 Language Guesser Challenge.mp4
10:04
31 – Our First Brush With Node
-
001 What Matters In This Section.mp4
02:53 -
002 Introducing Node JS.mp4
05:35 -
003 What Is Node Used For.mp4
04:44 -
004 Installing Node.mp4
01:53 -
005 The Node REPL.mp4
04:58 -
006 Running Node Files.mp4
02:48 -
007 Process & Argv.mp4
07:42 -
009 File System Module Crash Course.mp4
14:51
30 – Mastering The Terminal
-
001 What Matters In This Section.mp4
03:51 -
002 Backend Overview.mp4
03:38 -
003 A Pep Talk On Terminal.mp4
03:31 -
004 Why Do We Need To Know Terminal Commands.mp4
08:31 -
006 The Basics LS & PWD.mp4
05:12 -
007 Changing Directories.mp4
04:33 -
008 Relative Vs. Absolute Paths.mp4
05:31 -
009 Making Directories.mp4
03:00 -
010 Man Pages & Flags.mp4
06:19 -
011 The Touch Command.mp4
04:29 -
012 Removing Files & Folders.mp4
05:44
01 – Course Orientation
-
03:47
-
04:12
-
004 When Was The Course Last Updated.mp4
02:17 -
006 Will I Get A Job.mp4
05:45 -
007 Accessing Course Code & Slides.mp4
02:23 -
008 Tips On The Interactive Coding Exercises.mp4
03:25 -
010 Migrating From The Old Version Of This Course.mp4
08:07
28 – AJAX and API’s
-
001 What Matters In This Section.mp4
02:29 -
002 Intro to AJAX.mp4
07:49 -
003 Intro to APIs.mp4
10:26 -
004 WTF is JSON.mp4
07:45 -
005 Using Hoppscotch (or Postman).mp4
07:02 -
006 HTTP Verbs.mp4
03:02 -
007 HTTP Status Codes.mp4
04:30 -
008 Understanding Query Strings.mp4
08:42 -
009 HTTP Headers.mp4
04:00 -
010 Making XHRs.mp4
05:39 -
011 Using The Fetch API.mp4
11:49 -
012 Introducing Axios.mp4
06:27 -
013 Setting Headers With Axios.mp4
11:24 -
014 TV Show Search App.mp4
16:01
27 – Async JavaScript Oh Boy!
-
001 What Matters In This Section.mp4
01:58 -
002 The Call Stack.mp4
11:30 -
003 WebAPIs & Single Threaded.mp4
09:43 -
004 Callback Hell (.mp4
11:58 -
005 Demo fakeRequest Using Callbacks.mp4
09:45 -
006 Demo fakeRequest Using Promises.mp4
12:36 -
007 The Magic Of Promises.mp4
07:38 -
008 Creating Our Own Promises.mp4
10:35 -
009 The Async Keyword.mp4
10:31 -
010 The Await Keyword.mp4
08:10 -
011 Handling Errors In Async Functions.mp4
04:28
26 – Score Keeper CodeAlong
-
001 Score Keeper Pt. 1.mp4
13:03 -
002 Score Keeper Pt. 2.mp4
10:29 -
003 Score Keeper Pt. 3 With Bulma.mp4
13:34 -
004 Score Keeper Pt. 4 Refactoring.mp4
10:11
25 – The Missing Piece DOM Events
-
001 What Matters In This Section.mp4
02:10 -
002 Intro to Events.mp4
06:00 -
003 Inline Events.mp4
05:44 -
005 The Onclick Property.mp4
08:54 -
006 addEventListener.mp4
09:22 -
008 Random Color Exercise.mp4
08:33 -
009 Events & The Keyword This.mp4
07:59 -
010 Keyboard Events & Event Objects.mp4
11:43 -
011 NEW VERSION Form Events & PreventDefault.mp4
08:09 -
012 NEW VERSION Practice With Form Events & PreventDefault.mp4
08:57 -
013 ORIGINAL VERSION Form Events & PreventDefault.mp4
18:42 -
015 Input & Change Events.mp4
05:27 -
017 Event Bubbling.mp4
07:22 -
018 Event Delegation.mp4
07:48
24 – Introducing The World Of The DOM
-
001 What Matters In This Section.mp4
02:08 -
002 Introducing the DOM.mp4
03:44 -
003 The Document Object.mp4
09:52 -
004 getElementById.mp4
06:51 -
006 getElementsByTagName & className.mp4
08:15 -
007 querySelector & querySelectorAll.mp4
07:16 -
009 innerHTML, textContent, & innerText.mp4
12:54 -
011 Attributes.mp4
07:03 -
013 Changing Styles.mp4
11:42 -
016 ClassList.mp4
07:27 -
018 Traversing ParentChildSibling.mp4
07:25 -
019 Append & AppendChild.mp4
11:31 -
021 removeChild & remove.mp4
03:39 -
022 Pokemon Sprites Demo.mp4
10:02
23 – Newer JavaScript Features
-
001 What Matters In This Section.mp4
02:06 -
002 Default Params.mp4
05:58 -
003 Spread in Function Calls.mp4
05:01 -
004 Spread with Array Literals.mp4
03:00 -
005 Spread with Objects.mp4
05:19 -
006 Rest Params.mp4
06:59 -
007 Destructuring Arrays.mp4
03:21 -
008 Destructuring Objects.mp4
05:38 -
009 Destructuring Params.mp4
04:58
22 – Callbacks & Array Methods
-
001 What Matters In This Section.mp4
03:10 -
002 What Is This Section Even About!.mp4
01:43 -
003 The forEach Method.mp4
05:25 -
004 The map Method.mp4
03:49 -
006 Intro to Arrow Functions.mp4
05:15 -
008 Arrow Function Implicit Returns.mp4
04:23 -
009 Arrow Functions Wrapup.mp4
02:34 -
010 setTimeout and setInterval.mp4
06:50 -
011 The filter Method.mp4
06:33 -
013 Some & Every Methods.mp4
03:21 -
015 The Notorious Reduce Method.mp4
10:53 -
016 Arrow Functions & ‘this’.mp4
06:28
21 – Leveling Up Our Functions
-
001 What Matters In This Section.mp4
03:40 -
002 Function Scope.mp4
05:56 -
004 Block Scope.mp4
04:52 -
005 Lexical Scope.mp4
03:42 -
006 Function Expressions.mp4
03:34 -
008 Higher Order Functions.mp4
05:00 -
009 Returning Functions.mp4
10:43 -
010 Defining Methods.mp4
05:45 -
012 The Mysterious Keyword ‘this’.mp4
09:57 -
014 Using TryCatch.mp4
06:09
Student Ratings & Reviews
No Review Yet