[Last updated 8/2024] The Complete 2024 Web Development Bootcamp (Udemy – Vietsub and Engsub)
About Course
Views
:
What you’ll learn:
You will learn the latest technologies, including Javascript, React, Node and even Web3 development.
You will master both front and back-end development, becoming a full-stack developer by the end of the course.
You will build 16 web development projects for your portfolio, ready to apply for junior developer jobs.
Build fully-fledged websites and web apps for your startup or business.
Work as a freelance web developer.
Master backend development with Node
Master frontend development with React
Learn professional developer best practices.
Time video:
62 hours (380
Lessons
+ Documents)
Teacher:
Dr. Angela Yu
Total weight:
39.75 GB
Original link:
https://www.udemy.com/course/the-complete-web-development-bootcamp/
Course Content
33 – PostgreSQL
-
001 Introduction to Postgres.mp4
08:10 -
003 Understand how to use keys, Postgres types and keywords.mp4
10:31 -
005 Use pgAdmin to CREATE a TABLE.mp4
17:05 -
006 READ data from a Postgres database.mp4
23:08 -
007 Query data using SELECT, WHERE, and LIKE.mp4
19:18 -
008 UNIQUE and NOT NULL Travel Tracker Part 1.mp4
18:50 -
009 INSERT and add Data Travel Tracker Part 2.mp4
17:12 -
010 Travel Tracker Part 3.mp4
11:25 -
011 One to One Relationships & Inner Joins.mp4
11:59 -
012 One to Many Relationships.mp4
13:23 -
013 Many to Many Relationships & Aliases.mp4
12:28 -
014 The Family Travel Tracker.mp4
34:49 -
015 How to update and delete data & tables.mp4
18:57 -
016 Permalist Project.mp4
29:59 -
017 Tip from Angela – Daily Routines.mp4
02:34
22 – Backend Web Development
-
001 Backend Web Development Explained.mp4
15:13 -
002 Backend Tools and Technologies – Which one to learn.mp4
05:40
23 – Node.js
-
001 What is Node.js.mp4
10:39 -
004 Using Node.js.mp4
08:23 -
005 How to Use the Native Node Modules.mp4
12:12 -
006 The NPM Package Manager and Installing External Node Modules.mp4
16:21 -
007 [Project] QR Code Generator.mp4
15:49 -
008 Tip from Angela – Step Up to the Challenge.mp4
01:14
24 – Express.js with Node.js
-
001 What is Express.mp4
06:59 -
002 Creating Our First Server with Express.mp4
21:35 -
003 HTTP Requests.mp4
23:44 -
004 Postman.mp4
19:15 -
005 Introduction to Middlewares.mp4
18:25 -
006 Custom Middlewares.mp4
19:28 -
007 Secrets Access Project.mp4
08:21 -
008 Tip from Angela – How to Solidify Your Knowledge.mp4
02:55
25 – EJS
-
001 What is EJS.mp4
22:54 -
002 EJS Tags.mp4
17:43 -
003 Passing Data to EJS Templates.mp4
16:45 -
004 EJS Partials and Layouts.mp4
18:08 -
005 Band Generator Project.mp4
12:01 -
006 Tip from Angela – Location, Location, Location!.mp4
02:06
27 – Git, Github and Version Control
-
001 Introduction to Version Control and Git.mp4
02:04 -
002 Version Control Using Git and the Command Line.mp4
14:18 -
003 GitHub and Remote Repositories.mp4
10:22 -
004 Gitignore.mp4
10:59 -
005 Cloning.mp4
09:28 -
006 Branching and Merging.mp4
10:29 -
008 Forking and Pull Requests.mp4
15:17 -
009 Tip from Angela – Spaced Repetition.mp4
04:01
28 – Application Programming Interfaces (APIs)
-
001 Introduction to APIs.mp4
19:27 -
002 Structuring API Requests.mp4
14:22 -
003 What is JSON.mp4
17:56 -
004 Making Server-Side API Requests with Axios.mp4
18:00 -
005 API Authentication.mp4
37:45 -
006 REST APIs.mp4
25:17 -
007 Secrets Project.mp4
12:01 -
008 Tip from Angela – Use Accountability in your Favour.mp4
02:55
30 – Build Your Own API
-
001 Building your own APIs.mp4
17:48 -
002 Creating GET Routes.mp4
20:57 -
003 Creating POST, PUT, and PATCH Routes.mp4
14:36 -
004 Creating the DELETE Route.mp4
06:32 -
005 Build your own API for a Blog.mp4
14:54 -
006 Tip from Angela – How to Get a Job as Programmer.mp4
02:06
31 – Databases
-
001 Databases Explained SQL vs. NoSQL.mp4
15:44 -
002 Tip from Angela – When Life Gives You Lemons.mp4
06:01
32 – SQL
-
001 SQL Commands CREATE Table and INSERT Data.mp4
13:48 -
002 SQL Commands READ, SELECT, and WHERE.mp4
03:10 -
003 Updating Single Values and Adding Columns in SQL.mp4
04:42 -
004 SQL Commands DELETE.mp4
01:32 -
005 Understanding SQL Relationships, Foreign Keys and Inner Joins.mp4
11:13 -
006 Tip from Angela – Find All the Hard Working People.mp4
02:01
21 – The Unix Command Line
-
001 Install Git Bash on Windows.mp4
02:45 -
002 Understanding the Command Line. Long Live the Command Line!.mp4
05:25 -
003 Command Line Techniques and Directory Navigation.mp4
09:44 -
004 Creating, Opening, and Removing Files through the Command Line.mp4
08:38 -
005 Tip from Angela – Sleep is My Secret Weapon.mp4
03:48
35 – Authentication & Security
-
001 Introduction to Authentication.mp4
05:46 -
002 Getting Set Up.mp4
07:26 -
003 Level 1 – Register Users with Username and Password.mp4
14:42 -
005 Level 2 – Database Encryption.mp4
16:34 -
006 Using Environment Variables to Keep Secrets Safe.mp4
17:40 -
007 Level 3 – Hashing Passwords.mp4
15:25 -
008 Hacking 101 ☣️.mp4
12:28 -
009 Level 4 – Salting and Hashing Passwords with bcrypt.mp4
20:41 -
010 What are Cookies and Sessions.mp4
08:19 -
011 Using Passport.js to Add Cookies and Sessions.mp4
29:30 -
012 Level 6 – OAuth 2.0 & How to Implement Sign In with Google.mp4
47:46 -
013 Finishing Up the App – Letting Users Submit Secrets.mp4
13:40 -
015 Tip from Angela – How to Work as a Freelancer.mp4
01:37
36 – React.js
-
036 React Forms.mp4
13:40 -
025 Javascript ES6 MapFilterReduce.mp4
20:21 -
026 Javascript ES6 Arrow functions.mp4
09:55 -
027 Keeper App Project – Part 2.mp4
10:23 -
028 React Conditional Rendering with the Ternary Operator & AND Operator.mp4
19:24 -
029 Conditional Rendering Practice.mp4
06:33 -
030 State in React – Declarative vs. Imperative Programming.mp4
09:37 -
031 React Hooks – useState.mp4
18:09 -
032 useState Hook Practice.mp4
07:24 -
033 Javascript ES6 Object & Array Destructuring.mp4
17:44 -
034 Javascript ES6 Destructuring Challenge Solution.mp4
05:48 -
035 Event Handling in React.mp4
11:10 -
024 Mapping Data to Components Practice.mp4
17:30 -
037 Class Components vs. Functional Components.mp4
06:24 -
038 Changing Complex State.mp4
19:43 -
039 Changing Complex State Practice.mp4
07:08 -
040 Javascript ES6 Spread Operator.mp4
10:58 -
041 Javascript ES6 Spread Operator Practice.mp4
12:20 -
042 Managing a Component Tree.mp4
22:37 -
043 Managing a Component Tree Practice.mp4
08:27 -
044 Keeper App Project – Part 3.mp4
25:05 -
045 React Dependencies & Styling the Keeper App.mp4
16:38 -
046 Tip from Angela – How to Build Your Own Product.mp4
02:14 -
012 React Components Practice.mp4
05:01 -
002 What we will make in this React module.mp4
01:34 -
003 Introduction to Code Sandbox and the Structure of the Module.mp4
05:50 -
004 Introduction to JSX and Babel.mp4
16:12 -
005 JSX Code Practice.mp4
07:34 -
006 Javascript Expressions in JSX & ES6 Template Literals.mp4
11:42 -
007 Javascript Expressions in JSX Practice.mp4
08:34 -
008 JSX Attributes & Styling React Elements.mp4
16:58 -
009 Inline Styling for React Elements.mp4
08:41 -
010 React Styling Practice.mp4
09:59 -
011 React Components.mp4
15:47 -
001 What is React.mp4
07:28 -
013 Javascript ES6 – Import, Export and Modules.mp4
11:10 -
014 Javascript ES6 Import, Export and Modules Practice.mp4
04:04 -
015 [Windows] Local Environment Setup for React Development.mp4
13:52 -
016 [Mac] Local Environment Setup for React Development.mp4
13:40 -
018 Keeper App Project – Part 1 Challenge.mp4
04:57 -
019 Keeper App Part 1 Solution.mp4
14:07 -
020 React Props.mp4
16:44 -
021 React Props Practice.mp4
13:19 -
022 React DevTools.mp4
17:19 -
023 Mapping Data to Components.mp4
10:20
37 – Web3 Decentralised App (DApp) Development with the Internet Computer
-
001 What is Web3.mp4
07:38 -
002 How does the Blockchain actually work.mp4
25:45 -
003 What are DApps (Decentralised Apps) and how do you develop them.mp4
09:18 -
004 What is the Internet Computer (ICP).mp4
09:18 -
006 [Mac Users] Installation and Setup for Web3 Development.mp4
07:03 -
007 [Windows Users] Installation and Setup for Web3 Development.mp4
12:45
38 – Build Your First Defi (Decentralised Finance) DApp – DBANK
-
001 What You’ll Build – DBANK (Inspired by Compound).mp4
02:16 -
002 Introduction to the Motoko Language.mp4
12:36 -
003 Motoko Functions and the Candid User Interface.mp4
16:00 -
004 Motoko Conditionals and Type Annotations.mp4
05:34 -
005 Query vs. Update Methods.mp4
08:09 -
006 Orthogonal Persistance.mp4
08:03 -
007 Tracking Time and Calculating Compound Interest.mp4
17:35 -
009 Adding HTML and CSS to Create the Frontend for DBANK.mp4
07:35 -
010 Connecting the Motoko Backend to our JS Frontend.mp4
27:07
39 – Deploying to the ICP Live Blockchain
-
001 What are Cycles and the ICP Token.mp4
07:07 -
003 How to Claim Free Cycles from Dfinity.mp4
05:21 -
004 How to Deploy to the ICP Network.mp4
03:05 -
005 How to Convert ICP into Cycles.mp4
05:57 -
006 [Optional] How to Deploy a Static Website onto the ICP Blockchain for Hosting.mp4
07:38
40 – Building DApps on ICP with a React Frontend
-
001 How to Configure a DFX Created Project to Use React.mp4
11:25 -
002 Storing Data on a Canister.mp4
16:04 -
003 Retrieving Data from a Canister.mp4
11:58 -
004 Deleting and Persistance.mp4
16:35
41 – Create Your Own Crypto Token
-
001 Tokens and Coins What are they and how are they used.mp4
09:17 -
002 Download and Configure the Skeleton Project.mp4
06:10 -
003 Using Motoko Hashmaps to Store Token Balances.mp4
19:34 -
004 Showing the User’s Token Balance on the Frontend.mp4
13:58 -
005 Creating the Faucet Functionality Using the Shared Keyword.mp4
15:16 -
006 Creating the Transfer Functionality.mp4
20:52 -
007 Using the Transfer Functionality in the Faucet.mp4
06:39 -
008 Persisting Non-Stable Types Using the Pre- and Postupgrade Methods.mp4
15:43 -
009 What is the Internet Identity.mp4
05:29 -
010 Authenticating with the Internet Identity.mp4
07:56 -
011 [Optional] Live Deployment to Test Internet Identity Authentication.mp4
18:27
42 – Minting NFTs and Building an NFT Marketplace like OpenSea
-
001 What You’ll Build – A Website to Mint, Buy and Sell NFTs.mp4
10:23 -
002 Minting NFTs.mp4
16:43 -
003 Viewing the NFT on the Frontend.mp4
20:02 -
004 Enabling the Minting Functionality on the Frontend.mp4
30:38 -
005 Displaying Owned NFTs Using the React Router.mp4
36:39 -
006 Listing NFTs for Sale.mp4
33:48 -
007 Styling the Listed NFTs.mp4
11:16 -
008 Creating the Discover Page.mp4
22:37 -
009 Buying NFTs.mp4
32:02
43 – Optional Module Ask Angela Anything
-
001 AAA 1 – How to Soak in Programming Concepts and more.mp4
39:42 -
002 AAA 2 – Schedule for Learning to Code and more.mp4
39:08 -
003 AAA 3 – How to Start Freelancing and more.mp4
25:19 -
004 AAA 4 – The Live AMA.mp4
59:52
11 – Bootstrap
-
001 What is Bootstrap.mp4
15:35 -
002 Bootstrap Layout.mp4
21:13 -
003 Bootstrap Components.mp4
31:39 -
004 [Project] TinDog Startup Website.mp4
31:22
02 – Introduction to HTML
-
002 What is HTML.mp4
04:18 -
003 How to Download the Course Resources.mp4
02:43 -
004 HTML Heading Elements.mp4
14:24 -
005 HTML Paragraph Elements.mp4
08:40 -
006 Self Closing Tags.mp4
11:40 -
007 [Project] Movie Ranking.mp4
05:43 -
008 How to Ace this Course.mp4
01:24
03 – Intermediate HTML
-
001 The List Element.mp4
10:32 -
002 Nesting and Indentation.mp4
14:09 -
003 Anchor Elements.mp4
10:45 -
004 Image Elements.mp4
08:17 -
005 [Project] Birthday Invite.mp4
04:01 -
006 Tip from Angela – Habit Building with the Calendar Trick.mp4
02:52
04 – Multi-Page Websites
-
001 Computer File Paths.mp4
19:20 -
002 What are Webpages.mp4
12:55 -
003 The HTML Boilerplate.mp4
12:53 -
004 [Project] Portfolio Website.mp4
08:34 -
005 How to Host Your Website for Free with GitHub.mp4
08:33 -
006 Introduction to Capstone Projects.mp4
05:05
05 – Introduction to CSS
-
001 Why do we need CSS.mp4
08:44 -
002 How to add CSS.mp4
15:19 -
004 CSS Selectors.mp4
22:56 -
005 [Project] Colour Vocab Website.mp4
09:08 -
006 Tip from Angela – Dealing with Distractions.mp4
02:28
06 – CSS Properties
-
001 CSS Colours.mp4
07:05 -
002 Font Properties.mp4
21:26 -
003 Inspecting CSS.mp4
11:52 -
004 The CSS Box Model – Margin, Padding and Border.mp4
20:45 -
005 [Project] Motivational Poster Website.mp4
07:37
07 – Intermediate CSS
-
001 The Cascade – Specificity and Inheritance.mp4
25:28 -
002 Combining CSS Selectors.mp4
23:12 -
003 CSS Positioning.mp4
22:50 -
004 [Project] CSS Flag.mp4
17:54 -
005 Tip from Angela – Nothing Easy is Worth Doing!.mp4
03:35
08 – Advanced CSS
-
001 CSS Display.mp4
11:30 -
002 CSS Float.mp4
11:39 -
003 How to Create Responsive Websites.mp4
18:44 -
004 Media Queries.mp4
10:32 -
005 [Project] Web Design Agency Website.mp4
07:06 -
006 Tip from Angela – How to Deal with Procrastination.mp4
04:07
09 – Flexbox
-
001 Display Flex.mp4
14:21 -
002 Flex Direction.mp4
13:43 -
003 Flex Layout.mp4
19:22 -
004 Flex Sizing.mp4
24:27 -
005 [Project] Pricing Table.mp4
10:07 -
006 Tip from Angela – Building a Programming Habit.mp4
02:46
10 – Grid
-
001 Display Grid.mp4
14:55 -
002 Grid Sizing.mp4
23:32 -
003 Grid Placement.mp4
26:17 -
004 [Project] Mondrian Painting.mp4
06:45
01 – Front-End Web Development
-
03:08
-
05:27
-
006 How Do Websites Actually Work.mp4
08:22 -
007 How to Get the Most Out of the Course.mp4
09:33 -
008 How to Get Help When You’re Stuck.mp4
06:39
12 – Web Design School – Create a Website that People Love
-
001 Introduction to Web Design.mp4
03:55 -
002 Understanding Colour Theory.mp4
09:04 -
003 Understanding Typography and How to Choose a Font.mp4
10:28 -
004 Manage ATTENTION with effective User Interface (UI) Design.mp4
10:27 -
005 User Experience (UX) Design.mp4
13:39 -
006 Web Design in Practice – Let’s apply what we’ve learnt!.mp4
18:20
14 – Introduction to Javascript ES6
-
015 Challenge Changing String Casing Solution.mp4
08:59 -
031 Tip from Angela – Set Your Expectations.mp4
02:35 -
029 Challenge BMI Calculator Solution.mp4
05:39 -
027 Challenge Create a BMI Calculator.mp4
01:49 -
026 Functions Part 3 Outputs & Return Values.mp4
11:16 -
025 Life in Weeks Solution.mp4
03:44 -
023 Functions Part 2 Parameters and Arguments.mp4
09:52 -
020 Functions Part 1 Challenge – The Karel Robot.mp4
09:08 -
019 Functions Part 1 Creating and Calling Functions.mp4
10:35 -
017 Increment and Decrement Expressions.mp4
02:28 -
016 Basic Arithmetic and the Modulo Operator in Javascript.mp4
06:14 -
002 Introduction to Javascript.mp4
11:49 -
014 Challenge Changing Casing in Text.mp4
03:39 -
013 Slicing and Extracting Parts of a String.mp4
08:56 -
012 String Lengths and Retrieving the Number of Characters.mp4
06:24 -
011 String Concatenation.mp4
03:07 -
009 Naming and Naming Conventions for Javascript Variables.mp4
07:09 -
008 Javascript Variables Exercise Solution.mp4
03:27 -
006 Javascript Variables Exercise Start.mp4
02:48 -
005 Javascript Variables.mp4
09:35 -
004 Data Types.mp4
04:06 -
003 Javascript Alerts – Adding Behaviour to Websites.mp4
14:20
15 – Intermediate Javascript
-
001 Random Number Generation in Javascript Building a Love Calculator.mp4
11:15 -
002 Control Statements Using If-Else Conditionals & Logic.mp4
04:48 -
003 Comparators and Equality.mp4
02:51 -
004 Combining Comparators.mp4
02:46 -
006 Introducing the Leap Year Code Challenge.mp4
04:16 -
008 Leap Year Solution.mp4
03:03 -
009 Collections Working with Javascript Arrays.mp4
09:01 -
010 Adding Elements and Intermediate Array Techniques.mp4
15:58 -
012 Who’s Buying Lunch Solution.mp4
03:43 -
013 Control Statements While Loops.mp4
07:52 -
015 Control Statements For Loops.mp4
06:10 -
016 Introducing the Fibonacci Code Challenge.mp4
06:37 -
018 Fibonacci Solution.mp4
08:16 -
019 Tip from Angela – Retrieval is How You Learn.mp4
02:52
16 – The Document Object Model (DOM)
-
001 Adding Javascript to Websites.mp4
10:43 -
002 Introduction to the Document Object Model (DOM).mp4
12:28 -
004 Selecting HTML Elements with Javascript.mp4
14:17 -
005 Manipulating and Changing Styles of HTML Elements with Javascript.mp4
05:01 -
006 The Separation of Concerns Structure vs Style vs Behaviour.mp4
05:57 -
007 Text Manipulation and the Text Content Property.mp4
02:37 -
008 Manipulating HTML Element Attributes.mp4
02:27 -
009 Tip from Angela – The 20 Minute Method.mp4
02:38
17 – Boss Level Challenge 1 – The Dicee Game
-
001 Challenge The Dicee Challenge.mp4
02:14 -
009 The Solution to the Dicee Challenge.mp4
14:43 -
011 Tip from Angela – Learning Before you Eat.mp4
02:06
18 – Advanced Javascript and DOM Manipulation
-
001 What We’ll Make Drum Kit.mp4
01:19 -
003 Adding Event Listeners to a Button.mp4
14:29 -
004 Higher Order Functions and Passing Functions as Arguments.mp4
12:40 -
006 How to Play Sounds on a Website.mp4
11:11 -
007 A Deeper Understanding of Javascript Objects.mp4
12:04 -
008 How to Use Switch Statements in Javascript.mp4
05:22 -
009 Objects, their Methods and the Dot Notation.mp4
06:28 -
011 Using Keyboard Event Listeners to Check for Key Presses.mp4
07:37 -
012 Understanding Callbacks and How to Respond to Events.mp4
11:35 -
013 Adding Animation to Websites.mp4
08:30 -
015 Tip from Angela – Dealing with Lack of Progress.mp4
03:08
19 – jQuery
-
001 What is jQuery.mp4
03:44 -
002 How to Incorporate jQuery into Websites.mp4
09:08 -
003 How Minification Works to Reduce File Size.mp4
03:58 -
004 Selecting Elements with jQuery.mp4
02:01 -
005 Manipulating Styles with jQuery.mp4
05:13 -
006 Manipulating Text with jQuery.mp4
03:36 -
007 Manipulating Attributes with jQuery.mp4
03:44 -
008 Adding Event Listeners with jQuery.mp4
07:47 -
009 Adding and Removing Elements with jQuery.mp4
02:58 -
010 Website Animations with jQuery.mp4
08:13 -
011 Tip from Angela – Mixing Knowledge.mp4
02:20
20 – Boss Level Challenge 2 – The Simon Game
-
001 What You’ll Make The Simon Game.mp4
01:00 -
025 Tip from Angela – Dealing with Frustration.mp4
02:31
Student Ratings & Reviews
No Review Yet