English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 721 lectures (73h 55m) | 47.67 GB
10 Hours of React just added. Become a Developer With ONE course – HTML, CSS, JavaScript, React, Node, MongoDB and More!
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
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!
- 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
Table of Contents
Course Orientation
1 Welcome To The Course!
2 Joining The Community Chat & Groups
3 Curriculum Walkthrough
4 When Was The Course Last Updated
5 Course Change Log
6 Will I Get A Job
7 Accessing Course Code & Slides
8 Tips On The Interactive Coding Exercises
9 Course Coding Exercise Solutions
10 Migrating From The Old Version Of This Course
An Introduction to Web Development
11 What Matters In This Section
12 The Internet in 5 Minutes
13 Intro to the Web
14 The RequestResponse Cycle
15 Front-End and Back-End
16 What do HTMLCSSJS do
17 Setting Up Our Developer Environment
18 OPTIONAL VSCode Theme
HTML The Essentials
19 What Matters In This Section
20 Introduction to HTML
21 Our Very First HTML Page
22 TIP Mozilla Developer Network
23 Paragraph Elements
24 Heading Elements
25 Introduction to the Chrome Inspector
26 HTML Boilerplate
27 VSCode Tip Auto-format
28 List Elements
29 Anchor Tags
30 Images
31 Comments
HTML Next Steps & Semantics
32 What Matters In This Section
33 What Exactly Is HTML5
34 Block vs. Inline Elements – Divs and Spans
35 An Odd Assortment of Elements HR, BR, Sup, & Sub
36 Entity Codes
37 Intro to Semantic Markup
38 Playing With Semantic Elements
39 Screen Reader Demonstration
40 VSCode Tip Emmet
HTML Forms & Tables
41 What Matters In This Section
42 Unit Goals
43 Introducing HTML Tables
44 Tables TR, TD, and TH Elements
45 Tables Thead, Tbody, and Tfoot Elements
46 Tables Colspan & Rowspan
47 The Form Element
48 Common Input Types
49 The All-Important Label
50 HTML Buttons
51 The Name Attribute
52 Hijacking Google & Reddit’s Search
53 Radio Buttons, Checkboxes, & Selects
54 Range & Text Area
55 HTML5 Form Validations
56 Creating A Marathon Registration Form Intro
57 Creating A Marathon Registration Form Solution
CSS The Very Basics
58 What Matters In This Section
59 What is CSS
60 CSS is Huge, Don’t Panic!
61 Including Styles Correctly
62 Color & Background-Color Properties
63 Colors Systems RGB & Named Colors
64 Colors Systems Hexadecimal
65 A Reminder On Semicolons & CSS
66 Common Text Properties
67 Font Size Basics With Pixels
68 The Font Family Property
The World of CSS Selectors
69 What Matters In This Section
70 Universal & Element Selectors
71 The ID Selector
72 The Class Selector
73 The Descendant Selector
74 The Adjacent & Direct-Descendant Selectors
75 The Attribute Selector
76 Pseudo Classes
77 Pseudo Elements
78 The CSS Cascade
79 WTF is Specificity
80 TIP Chrome Dev Tools & CSS
81 Inline Styles & Important
82 CSS Inheritance
The CSS Box Model
83 What Matters In This Section
84 Box Model Width & Height
85 Box Model Border & Border-Radius
86 Box Model Padding
87 Box Model Margin
88 The Display Property
89 CSS Units Revisited
90 CSS Units ems
91 CSS Units rems
Other Assorted Useful CSS Properties
92 What Matters In This Section
93 Opacity & The Alpha Channel
94 The Position Property
95 CSS Transitions (yay!)
96 The Power of CSS Transforms
97 Fancy Button Hover Effect CodeAlong
98 The Truth About Background
99 Google Fonts is Amazing
100 IMPORTANT REMINDER How To Find And Download Course Code
101 Photo Blog CodeAlong Pt. 1
102 Photo Blog CodeAlong Pt. 2
Responsive CSS & Flexbox
103 What Matters In This Section
104 What on Earth Is Flexbox
105 Flex-Direction
106 Justify-Content
107 Flex-Wrap
108 Align-Items
109 Align-Content & Align-Self
110 Flex-Basis, Grow, & Shrink
111 Flex Shorthand
112 Responsive Design & Media Queries Intro
113 The Power of Media Queries
114 Building a Responsive Nav
Pricing Panel Project
115 Pricing Panel CodeAlong Pt. 1
116 Pricing Panel CodeAlong Pt. 2
117 Pricing Panel CodeAlong Pt. 3
118 Pricing Panel CodeAlong Pt. 4
119 Pricing Panel CodeAlong Pt. 5
120 Pricing Panel CodeAlong Pt. 6
CSS Frameworks Bootstrap
121 What Matters In This Section
122 WTF Is Bootstrap
123 Including Bootstrap & Containers
124 Bootstrap Buttons
125 Bootstrap Typography & Utilities
126 Badges, Alerts, & Button Groups
127 Intro to the Bootstrap Grid
128 Responsive Bootstrap Grids
129 Useful Grid Utilities
130 Bootstrap & Forms
131 Bootstrap Navbars
132 Bootstrap Icons!
133 Other Bootstrap Utilities
134 A Mixed Bag of Other Bootstrap Stuff
OPTIONAL Museum Of Candy Project
135 Watch This First! (it’s short)
136 Museum of Candy Project Part 1
137 NOTE ABOUT THE NEXT VIDEO!
138 Museum of Candy Project Part 2
139 Museum of Candy Project Part 3
140 Museum of Candy Project Part 4
141 Museum of Candy Project Part 5
JavaScript Basics!
142 What Matters In This Section
143 Why JavaScript is Awesome
144 Primitives & The Console
145 JavaScript Numbers
146 WTF is NaN
147 Quick Numbers Quiz
148 Variables & Let
149 Updating Variables
150 Increment Operator Explanation i++ vs ++i
151 Const & Var
152 Booleans
153 Variable Naming and Conventions
JavaScript Strings and More
154 What Matters In This Section
155 Introducing Strings
156 Indices & Length
157 String Methods
158 String Methods With Arguments
159 String Template Literals -SUPER USEFUL
160 Undefined & Null
161 Random Numbers & The Math Object
JavaScript Decision Making
162 What Matters In This Section
163 Decision Making With Code
164 Comparison Operators
165 Equality Triple Vs. Double Equals
166 Console, Alert, & Prompt
167 Running JavaScript From A Script!
168 If Statements
169 Else-If
170 Else
171 Nesting Conditionals
172 Truth-y & False-y Values
173 Logical AND
174 Logical OR
175 Logical NOT
176 The Switch Statement Is…A Lot
JavaScript Arrays
177 What Matters In This Section
178 Introducing Arrays
179 Array Random Access
180 Push & Pop
181 Shift & Unshift
182 Concat, indexOf, includes & reverse
183 Slice & Splice
184 Reference Types & Equality Testing
185 Arrays + Const
186 Multi-Dimensional Arrays
JavaScript Object Literals
187 What Matters In This Section
188 Introducing Object Literals
189 Creating Object Literals
190 Accessing Data Out Of Objects
191 Modifying Objects
192 Nesting Arrays & Objects
Repeating Stuff With Loops
193 What Matters In This Section
194 Intro to For Loops
195 More For Loops Examples
196 The Perils Of Infinite Loops (
197 Looping Over Arrays
198 Nested Loops
199 Another Loop The While Loop
200 The Break Keyword
201 Writing a Guessing Game
202 Guessing Game Explanation And Bug Fixes
203 The Lovely For…Of Loop
204 Iterating Over Objects
205 Todo List Project Intro
206 Todo List Project CodeAlong
NEW Introducing Functions
207 What Matters In This Section
208 Intro to Functions
209 Our Very First Function
210 Arguments Intro
211 Functions With Multiple Arguments
212 The Return Keyword
Leveling Up Our Functions
213 What Matters In This Section
214 Function Scope
215 Block Scope
216 Lexical Scope
217 Function Expressions
218 Higher Order Functions
219 Returning Functions
220 Defining Methods
221 The Mysterious Keyword ‘this’
222 Using TryCatch
Callbacks & Array Methods
223 What Matters In This Section
224 What Is This Section Even About!
225 The forEach Method
226 The map Method
227 Intro to Arrow Functions
228 Arrow Function Implicit Returns
229 Arrow Functions Wrapup
230 setTimeout and setInterval
231 The filter Method
232 Some & Every Methods
233 The Notorious Reduce Method
234 Arrow Functions & ‘this’
Newer JavaScript Features
235 What Matters In This Section
236 Default Params
237 Spread in Function Calls
238 Spread with Array Literals
239 Spread with Objects
240 Rest Params
241 Destructuring Arrays
242 Destructuring Objects
243 Destructuring Params
Introducing The World Of The DOM
244 What Matters In This Section
245 Introducing the DOM
246 The Document Object
247 getElementById
248 getElementsByTagName & className
249 querySelector & querySelectorAll
250 innerHTML, textContent, & innerText
251 Attributes
252 Changing Styles
253 ClassList
254 Traversing ParentChildSibling
255 Append & AppendChild
256 removeChild & remove
257 Pokemon Sprites Demo
The Missing Piece DOM Events
258 What Matters In This Section
259 Intro to Events
260 Inline Events
261 The Onclick Property
262 addEventListener
263 Random Color Exercise
264 Events & The Keyword This
265 Keyboard Events & Event Objects
266 NEW VERSION Form Events & PreventDefault
267 NEW VERSION Practice With Form Events & PreventDefault
268 ORIGINAL VERSION Form Events & PreventDefault
269 Input & Change Events
270 Event Bubbling
271 Event Delegation
Score Keeper CodeAlong
272 Score Keeper Pt. 1
273 Score Keeper Pt. 2
274 Score Keeper Pt. 3 With Bulma
275 Score Keeper Pt. 4 Refactoring
Async JavaScript Oh Boy!
276 What Matters In This Section
277 The Call Stack
278 WebAPIs & Single Threaded
279 Callback Hell (
280 Demo fakeRequest Using Callbacks
281 Demo fakeRequest Using Promises
282 The Magic Of Promises
283 Creating Our Own Promises
284 The Async Keyword
285 The Await Keyword
286 Handling Errors In Async Functions
AJAX and API’s
287 What Matters In This Section
288 Intro to AJAX
289 Intro to APIs
290 WTF is JSON
291 Using Hoppscotch (or Postman)
292 HTTP Verbs
293 HTTP Status Codes
294 Understanding Query Strings
295 HTTP Headers
296 Making XHRs
297 Using The Fetch API
298 Introducing Axios
299 Setting Headers With Axios
300 TV Show Search App
Prototypes, Classes, & OOP
301 What Matters In This Section
302 What On Earth Are Prototypes
303 Intro to Object Oriented Programming
304 Factory Functions
305 Constructor Functions
306 JavaScript Classes
307 More Classes Practice
308 Extends and Super Keywords
Mastering The Terminal
309 What Matters In This Section
310 Backend Overview
311 A Pep Talk On Terminal
312 Why Do We Need To Know Terminal Commands
313 Windows Terminal Installation Instructions
314 The Basics LS & PWD
315 Changing Directories
316 Relative Vs. Absolute Paths
317 Making Directories
318 Man Pages & Flags
319 The Touch Command
320 Removing Files & Folders
Our First Brush With Node
321 What Matters In This Section
322 Introducing Node JS
323 What Is Node Used For
324 Installing Node
325 The Node REPL
326 Running Node Files
327 Process & Argv
328 File System Module Crash Course
Exploring Modules & The NPM Universe
329 What Matters In This Section
330 Working With module.exports
331 Requiring A Directory
332 Introducing NPM
333 Installing Packages – Jokes & Rainbow
334 Adding Global Packages
335 The All-Important Package.json
336 Installing All Dependencies For A Project
337 IMPORTANT NOTE Fixing Issues — Language Guesser Challenge
338 Language Guesser Challenge
Creating Servers With Express
339 What Matters In This Section
340 Introducing Express
341 Our Very First Express App
342 The Request & Response Objects
343 Express Routing Basics
344 Express Path Parameters
345 Working With Query Strings
346 Auto-Restart With Nodemon
Creating Dynamic HTML With Templating
347 What Matters In This Section
348 What is Templating
349 Configuring Express For EJS
350 Setting The Views Directory
351 EJS Interpolation Syntax
352 Passing Data To Templates
353 Subreddit Template Demo
354 Conditionals in EJS
355 Loops In EJS
356 A More Complex Subreddit Demo
357 Serving Static Assets In Express
358 Bootstrap + Express
359 EJS & Partials
Defining RESTful Routes
360 What Matters In This Section
361 Get Vs. Post Requests
362 Defining Express Post Routes
363 Parsing The Request Body
364 Intro to REST
365 RESTful Comments Overview
366 RESTful Comments Index
367 RESTful Comments New
368 Express Redirects
369 RESTful Comments Show
370 The UUID Package
371 RESTful Comments Update
372 Express Method Override
373 RESTful Comments Delete
Our First Database MongoDB
374 What Matters In This Section
375 Introduction to Databases
376 SQL Vs. NoSQL Databases
377 Why We’re Learning Mongo
378 Installing Mongo MacOS
379 Installing Mongo Windows Installation Tutorial
380 IMPORTANT NOTE About The Mongo Shell
381 The Mongo Shell
382 What On Earth Is BSON
383 Inserting With Mongo
384 Finding With Mongo
385 Updating With Mongo
386 Deleting With Mongo
387 Additional Mongo Operators
Connecting To Mongo With Mongoose
388 What Matters In This Section
389 What is Mongoose
390 A note about solving mongoose connection issues
391 Connecting Mongoose to Mongo
392 A note about the node .load index.js command issue
393 Our First Mongoose Model
394 Insert Many
395 Finding With Mongoose
396 Updating With Mongoose
397 Deleting With Mongoose!
398 Mongoose Schema Validations
399 Additional Schema Constraints
400 Validating Mongoose Updates
401 Mongoose Validation Errors
402 Model Instance Methods
403 Adding Model Static Methods
404 Mongoose Virtuals
405 Defining Mongoose Middleware
Putting It All Together Mongoose With Express
406 What Matters In This Section
407 Express + Mongoose Basic Setup
408 Creating Our Model
409 Products Index
410 Product Details
411 Creating Products
412 Updating Products
413 Tangent On Category Selector
414 Deleting Products
415 BONUS Filtering By Category
YelpCamp Campgrounds CRUD
416 Introducing YelpCamp Our Massive Project
417 How to Access YelpCamp Code
418 Creating the Basic Express App
419 Campground Model Basics
420 Seeding Campgrounds
421 Campground Index
422 Campground Show
423 Campground New & Create
424 Campground Edit & Update
425 Campground Delete
Middleware The Key To Express
426 What Matters In This Section
427 Intro to Express Middleware
428 Using Morgan – Logger Middleware
429 Defining Our Own Middleware
430 More Middleware Practice
431 Setting Up A 404 Route
432 Password Middleware Demo (NOT REAL AUTH)
433 Protecting Specific Routes
YelpCamp Adding Basic Styles
434 A New EJS Tool For Layouts
435 Bootstrap5! Boilerplate
436 Navbar Partial
437 Footer Partial
438 Adding Images
439 Styling Campgrounds Index
440 Styling The New Form
441 Styling Edit Form
442 Styling Show Page
Handling Errors In Express Apps
443 What Matters In This Section
444 Express’ Built-In Error Handler
445 Defining Custom Error Handlers
446 Our Custom Error Class
447 Handling Async Errors
448 Handling More Async Errors!
449 Defining An Async Utility
450 Differentiating Mongoose Errors
YelpCamp Errors & Validating Data
451 Where To Next With YelpCamp
452 Client-Side Form Validations
453 Basic Error Handler
454 Defining ExpressError Class
455 More Errors
456 Defining Error Template
457 JOI Schema Validations
458 JOI Validation Middleware
Data Relationships With Mongo
459 What Matters In This Section
460 Introduction to Mongo Relationships
461 SQL Relationships Overview
462 Note Solving an upcoming code issue with mongoose version 7
463 One to Few
464 One to Many
465 Mongoose Populate
466 One to Bajillions
467 Mongo Schema Design
Mongo Relationships With Express
468 What Matters In This Section
469 Defining Our Farm & Product Models
470 Note about Farm model
471 Creating New Farms
472 Farms Show Page
473 Creating Products For A Farm
474 Finishing Touches
475 Deletion Mongoose Middleware
YelpCamp Adding The Reviews Model
476 Defining The Review Model
477 Adding The Review Form
478 Creating Reviews
479 Validating Reviews
480 Displaying Reviews
481 Styling Reviews
482 Deleting Reviews
483 Campground Delete Middleware
Express Router & Cookies
484 What Matters In This Section
485 Express Router Intro
486 Express Router & Middleware
487 Introducing Cookies
488 Sending Cookies
489 Cookie Parser Middleware
490 Signing Cookies
491 OPTIONAL HMAC Signing
Express Session & Flash
492 What Matters In This Section
493 Introduction to Sessions
494 Express Session
495 More Express Session
496 Intro to Flash
497 Res.locals & Flash
YelpCamp Restructuring & Flash
498 Breaking Out Campground Routes
499 Breaking Out Review Routes
500 Serving Static Assets
501 Configuring Session
502 Setting Up Flash
503 Flash Success Partial
504 Flash Errors Partial
Authentication From Scratch
505 What Matters In This Section
506 Authentication Vs. Authorization
507 How to (not) Store Passwords
508 Cryptographic Hashing Functions
509 Password Salts
510 Intro to Bcrypt
511 Auth Demo Setup
512 Auth Demo Registering
513 Auth Demo Login
514 Auth Demo Staying Logged In With Session
515 Auth Demo Logout
516 Auth Demo Require Login Middleware
517 Auth Demo Refactoring To Model Methods
YelpCamp Adding In Authentication
518 Introduction to Passport
519 Creating Our User Model
520 Configuring Passport
521 Register Form
522 Register Route Logic
523 Login Routes
524 isLoggedIn Middleware
525 IMPORTANT Fixing Logout
526 Adding Logout
527 currentUser Helper
528 Fixing Register Route
529 IMPORTANT Passport.js Updates — Fixing The returnToRedirect Issue
530 ReturnTo Behavior
YelpCamp Basic Authorization
531 Adding an Author to Campground
532 Showing and Hiding EditDelete
533 Campground Permissions
534 Authorization Middleware
535 Reviews Permissions
536 More Reviews Authorization
YelpCamp Controllers & Star Ratings
537 Refactoring To Campgrounds Controller
538 Adding a Reviews Controller
539 A Fancy Way To Restructure Routes
540 Displaying Star Ratings
541 Star Rating Form
YelpCamp Image Upload
542 Intro To Image Upload Process
543 The Multer Middleware
544 Cloudinary Registration
545 Environment Variables with dotenv
546 Uploading To Cloudinary Basics
547 Storing Uploaded Image Links In Mongo
548 Displaying Images In A Carousel
549 Fixing Our Seeds
550 Adding Upload to Edit Page
551 Customizing File Input
552 A Word Of Warning!
553 Deleting Images Form
554 Deleting Images Backend
555 Adding a Thumbnail Virtual Property
YelpCamp Adding Maps
556 Registering For Mapbox
557 Geocoding Our Locations
558 Working With GeoJSON
559 Displaying A Map
560 Centering The Map On A Campground
561 Fixing Our Seeds Bug
562 Customizing Map Popup
YelpCamp Fancy Cluster Map
563 Intro To Our Cluster Map
564 Adding Earthquake Cluster Map
565 Reseeding Our Database (again)
566 Basic Clustering Campgrounds
567 Tweaking Clustering Code
568 Changing Cluster Size and Color
569 Adding Custom Popups
YelpCamp Styles Clean Up
570 Styling Home Page
571 Additional Home Page Styling
572 Styling Login Form
573 Styling Register Form
574 Spacing Campgrounds
575 Removing Inline Map Styles
576 Adding Map Controls
YelpCamp Common Security Issues
577 Mongo Injection
578 Cross Site Scripting (XSS)
579 Sanitizing HTML w JOI
580 Minor Changes to SessionCookies
581 Hiding Errors
582 IMPORTANT Helmet Updates — Fixing Issues
583 Using Helmet
584 Content Security Policy Fun
YelpCamp Deploying
585 Setting Up Mongo Atlas
586 IMPORTANT connect-mongo — Handling Updates
587 Using Mongo For Our Session Store
588 Heroku Setup
589 Pushing to Heroku
590 Fixing Heroku Errors
591 Configuring Heroku Env Variables
Introducing React
592 How The React Content Works
593 Introducing React
594 Setting Up Code Sand Box
595 The Basics of JSX
596 Basic React App Structure
597 Our First React Component
JSX In Detail
598 Importing and Exporting Components
599 The Rules of JSX
600 React Fragments
601 Evaluating JS Expressions in JSX
602 Creating. a Die Component
603 Component Decomposition
604 Styling Components
605 Random PokeCard Exercise
606 GET THE POKEMON IMAGE URL HERE
Local React Apps With Vite
607 Creating React Apps With Vite
608 A Note About Create React App
609 A Tour of A Vite App
Working With Props
610 Introducing Props
611 Non-String Props
612 Setting Default Prop Values
613 Passing Arrays and Objects
614 React Conditionals
615 The React Developer Tools
616 Adding Dynamic Component Styles
617 Rendering Arrays With Map
618 Slot Machine Exercise
Shopping List Demo keys, prop types, and more!
619 Creating A Shopping List Component
620 The Key Prop
621 The Shopping List Item Component
622 Rental Property Exercise
623 Rental Properties Exercise STARTER DATA
624 Configuring ESLint
625 PropTypes Library Crash Course
React Events
626 Intro to React Events
627 Non-Click Events
628 Working With The Event Object
629 Clicker Exercise
The Basics of React State
630 Introducing State
631 Working With The useState() Hook
632 Creating a Toggler Component
633 Multiple Pieces of State In A Component
634 useState() and Rendering
635 Color Box Exercise INTRO
636 Color Box Exercise SOLUTION
Intermediate State Concepts
637 Setting State With An Updater Function
638 State Initializer Functions
639 When Does React Re-Render
640 Working With Objects In State
641 Arrays In State
642 Generating Ids with UUID
643 Deleting From Arrays The React Way
644 Common Array Updating Patterns
645 Updating All Elements In An Array
646 Score Keeper Exercise
Component Design
647 Introducing The Lucky7 Game
648 Formulating Our Component Gameplan
649 Building Die and Dice Components
650 The LuckyN Component
651 State As Props
652 Passing Functions As Props
653 Passing Functions That Update State
654 Practice Passing State Updating Functions
React Forms
655 Controlled Components
656 The htmlFor Property
657 Working With Multiple Inputs
658 A Better Signup Form
659 Computed Property Names in HandleChange()
660 Creating a Shopping List Form
661 Shopping List Component
662 Finishing The Shopping List Component
663 Form Validation From Scratch
664 Validations using React Hook Form
Effects
665 Introducing Effects
666 The useEffect Hook
667 useEffect Dependencies
668 Fetching Initial Data From an API
669 Adding a Loader
670 Github Profile Search
Material UI
671 Introducing Material UI
672 Installing Material UI
673 The Rating Component
674 Material Forms
675 The SX Prop and Custom Styles
Building a Todo List With Material UI & Local Storage
676 Creating The Application
677 The TodoList Component
678 Removing Todos
679 Toggling Todos
680 The New Todo Form
681 Adding LocalStorage
682 Tweaking the Todo Icons and Ids
683 Final Styles
BONUS Fancy, More Advanced Todolist
684 Check Out This Fancy Todo List
The End (
685 What’s Next and Goodbye!
LEGACY CONTENT (The Old Version Of This Course)
686 LEGACY Download Introduction To This Course
687 LEGACY Download Introduction To Front End Development
688 LEGACY Download Introduction to HTML
689 LEGACY Download Intermediate HTML
690 LEGACY Download Introduction to CSS
691 LEGACY Download Intermediate CSS
692 LEGACY Download Bootstrap
693 LEGACY Download Bootstrap 4
694 LEGACY Download Bootstrap 4 Flexbox & Layout
695 LEGACY Download Introduction to JavaScript
696 LEGACY Download JavaScript Basics Control Flow
697 LEGACY Download JavaScript Basics Functions
698 LEGACY Download JavaScript Basics Arrays
699 LEGACY Download JavaScript Basics Objects
700 LEGACY Download DOM Manipulation
701 LEGACY Download Advanced DOM Manipulation
702 LEGACY Download Color Game Project
703 LEGACY Download Intro to jQuery
704 LEGACY Download Advanced jQuery
705 LEGACY Download Todo List Projects
706 LEGACY Download Patatap Clone
707 LEGACY Download Backend Basics
708 LEGACY Download The Command Line
709 LEGACY Download Node JS
710 LEGACY Download Server Side Frameworks
711 LEGACY Download Intermediate Express
712 LEGACY Download Working With APIs
713 LEGACY Download YelpCamp Basics
714 LEGACY Download Databases
715 LEGACY Download YelpCamp Data Persistence
716 LEGACY Download RESTful Routing
717 LEGACY Download Data Associations
718 LEGACY Download YelpCamp Comments
719 LEGACY Download Authentication
720 LEGACY Download YelpCamp Adding Authentication
721 LEGACY Download YelpCamp Cleaning Up
Resolve the captcha to access the links!