The Complete Full-Stack Web Development Bootcamp
Embark on a comprehensive journey into the world of professional software development. This course is meticulously designed to take you from a foundat...
Rating
5 /5
Enrolled
0
Community
0 Q&A
Course Objectives
Master core concepts through structured step-by-step guidance.
Build real-world projects that you can feature in your portfolio.
Understand industry-standard best practices and advanced methods.
Acquire practical skills designed to help you succeed immediately.
What You'll Learn
Optimizing application performance, latency, and memory usage.
Mastering Version Control with Git and Collaborative Workflows.
Learning Front-end State Management (Redux, Vuex, etc.).
Implementing SEO best practices for web applications.
Implementing advanced algorithms and complex data structures.
Understanding Containerization with Docker and Kubernetes.
Developing production-ready applications with modern frameworks.
Using professional debugging and automated testing workflows.
Understanding Database Design (SQL & NoSQL) for efficient storage.
Mastering CSS Preprocessors and modern styling techniques.
Mastering industry-standard coding practices and clean code principles.
Implementing Responsive Design principles for all screen sizes.
Working with RESTful APIs and GraphQL for data management.
Building Real-time features with WebSockets and Socket.io.
Exploring Backend concurrency and multi-threading concepts.
Learning to write high-quality technical documentation.
Building scalable and maintainable software architectures from scratch.
Developing a portfolio-ready Capstone project.
Course Curriculum
39 Sections • 523 Lessons • 60h 51m Total Length
002 What is HTML
Locked003 How to Download the Course Resources
Locked004 2.1 Heading Element
Locked004 HTML Heading Elements
Locked005 2.2 Paragraph Element
Locked005 HTML Paragraph Elements
Locked006 2.3 Void Elements
Locked006 Self Closing Tags
Locked007 [Project] Movie Ranking
Locked007 2.4 Movie Ranking Project
Locked008 Goal Setting Questions
Locked008 How to Ace this Course
Lockedexternal links
Locked001 3.0 List Elements
Locked001 The List Element
Locked002 3.1 Nesting and Indentation
Locked002 Nesting and Indentation
Locked003 3.2 Anchor Elements
Locked003 Anchor Elements
Locked004 3.3 Image Elements
Locked004 Image Elements
Locked005 [Project] Birthday Invite
Locked005 3.4 Birthday Invite Project
Locked006 Tip from Angela Habit Building with the Calendar Trick
Lockedexternal links
Locked001 4.0 File Paths
Locked001 Computer File Paths
Locked002 4.1 Webpages
Locked002 What are Webpages
Locked003 The HTML Boilerplate
Locked004 [Project] Portfolio Website
Locked004 4.3 HTML Portfolio Project
Locked005 How to Host Your Website for Free with GitHub
Locked006 Introduction to Capstone Projects
Lockedexternal links
Locked001 Why do we need CSS
Locked002 5.1 Adding CSS
Locked002 How to add CSS
Locked004 5.3 CSS Selectors
Locked004 CSS Selectors
Locked005 [Project] Colour Vocab Website
Locked005 5.4 Color Vocab Project
Locked006 Tip from Angela Dealing with Distractions
Lockedexternal links
Locked001 6.0 CSS Colors
Locked001 CSS Colours
Locked002 6.1 Font Properties
Locked002 Font Properties
Locked003 Inspecting CSS
Locked004 6.3 CSS Box Model
Locked004 The CSS Box Model Margin, Padding and Border
Locked005 [Project] Motivational Poster Website
Locked005 6.4 Motivation Meme Project
Lockedexternal links
Locked001 7.0 CSS Cascade
Locked001 The Cascade Specificity and Inheritance
Locked002 7.1 Combining Selectors
Locked002 Combining CSS Selectors
Locked003 7.2 CSS Positioning
Locked003 CSS Positioning
Locked004 [Project] CSS Flag
Locked004 7.3 Flag Project
Locked005 Tip from Angela Nothing Easy is Worth Doing!
Lockedexternal links
Locked001 8.0 CSS Display
Locked001 CSS Display
Locked002 8.1 CSS Float
Locked002 CSS Float
Locked003 8.2 Responsiveness
Locked003 How to Create Responsive Websites
Locked004 8.3 Media Query
Locked004 Media Queries
Locked005 [Project] Web Design Agency Website
Locked005 8.4 Web Design Agency Project
Locked006 Tip from Angela How to Deal with Procrastination
Lockedexternal links
Locked001 9.0 Display Flex
Locked001 Display Flex
Locked002 9.1 Flex Direction
Locked002 Flex Direction
Locked003 Flex Layout
Locked004 Flex Sizing
Locked005 [Project] Pricing Table
Locked005 9.4 Flexbox Pricing Table Project
Locked006 Tip from Angela Building a Programming Habit
Lockedexternal links
Locked001 10.0 Display Grid
Locked001 Display Grid
Locked002 10.1 Grid Sizing
Locked002 Grid Sizing
Locked003 10.2 Grid Placement
Locked003 Grid Placement
Locked004 [Project] Mondrian Painting
Locked004 10.3 Mondrian Project
Locked001 11.0 Bootstrap Intro
Locked001 What is Bootstrap
Locked002 Bootstrap Layout
Locked003 11.2 Bootstrap Components
Locked003 Bootstrap Components
Locked004 [Project] TinDog Startup Website
Locked004 11.3 TinDog Project
Locked001 Introduction to Web Design
Locked002 Understanding Colour Theory
Locked003 Understanding Typography and How to Choose a Font
Locked004 Manage ATTENTION with effective User Interface (UI) Design
Locked005 User Experience (UX) Design
Locked006 Web Design in Practice Let's apply what we've learnt!
Lockedexternal links
Locked001 Introduction to Javascript
Locked002 Javascript Alerts Adding Behaviour to Websites
Locked003 Data Types
Locked004 Javascript Variables
Locked005 Javascript Variables Exercise Start
Locked007 Javascript Variables Exercise Solution
Locked008 Naming and Naming Conventions for Javascript Variables
Locked010 String Concatenation
Locked011 String Lengths and Retrieving the Number of Characters
Locked012 Slicing and Extracting Parts of a String
Locked013 Challenge Changing Casing in Text
Locked014 Challenge Changing String Casing Solution
Locked015 Basic Arithmetic and the Modulo Operator in Javascript
Locked016 Increment and Decrement Expressions
Locked018 Functions Part 1 Creating and Calling Functions
Locked019 Functions Part 1 Challenge The Karel Robot
Locked022 Functions Part 2 Parameters and Arguments
Locked024 Life in Weeks Solution
Locked025 Functions Part 3 Outputs & Return Values
Locked026 Challenge Create a BMI Calculator
Locked028 Challenge BMI Calculator Solution
Locked030 Tip from Angela Set Your Expectations
Lockedexternal links
Locked001 Random Number Generation in Javascript Building a Love Calculator
Locked002 Control Statements Using If Else Conditionals & Logic
Locked003 Comparators and Equality
Locked004 Combining Comparators
Locked006 Introducing the Leap Year Code Challenge
Locked008 Leap Year Solution
Locked009 Collections Working with Javascript Arrays
Locked010 Adding Elements and Intermediate Array Techniques
Locked012 Who's Buying Lunch Solution
Locked013 Control Statements While Loops
Locked015 Control Statements For Loops
Locked016 Introducing the Fibonacci Code Challenge
Locked018 Fibonacci Solution
Locked019 Tip from Angela Retrieval is How You Learn
Lockedexternal links
Locked001 Adding Javascript to Websites
Locked002 DOM Challenge Starting Files
Locked002 Introduction to the Document Object Model (DOM)
Locked004 Selecting HTML Elements with Javascript
Locked005 Manipulating and Changing Styles of HTML Elements with Javascript
Locked006 The Separation of Concerns Structure vs Style vs Behaviour
Locked007 Text Manipulation and the Text Content Property
Locked008 Manipulating HTML Element Attributes
Locked009 Tip from Angela The 20 Minute Method
Lockedexternal links
Locked001 Challenge The Dicee Challenge
Locked002 Dicee Challenge Starting Files
Locked009 The Solution to the Dicee Challenge
Locked010 Dicee Challenge Completed
Locked011 Tip from Angela Learning Before you Eat
Lockedexternal links
Locked001 What We'll Make Drum Kit
Locked002 Drum Kit Starting Files
Locked003 Adding Event Listeners to a Button
Locked004 Higher Order Functions and Passing Functions as Arguments
Locked006 How to Play Sounds on a Website
Locked007 How to Use Switch Statements in Javascript
Locked008 A Deeper Understanding of Javascript Objects
Locked009 Objects, their Methods and the Dot Notation
Locked011 Using Keyboard Event Listeners to Check for Key Presses
Locked012 Understanding Callbacks and How to Respond to Events
Locked014 Drum Kit Completed
Locked015 Tip from Angela Dealing with Lack of Progress
Lockedexternal links
Locked001 What is jQuery
Locked002 How to Incorporate jQuery into Websites
Locked003 How Minification Works to Reduce File Size
Locked004 Selecting Elements with jQuery
Locked005 Manipulating Styles with jQuery
Locked006 Manipulating Text with jQuery
Locked007 Manipulating Attributes with jQuery
Locked008 Adding Event Listeners with jQuery
Locked009 Adding and Removing Elements with jQuery
Locked010 Website Animations with jQuery
Locked011 Tip from Angela Mixing Knowledge
Lockedexternal links
Locked001 What You'll Make The Simon Game
Locked003 Simon Game Challenge Starting Files
Locked005 Simon Game Challenge Step 1 Answer
Locked007 Simon Game Challenge Step 2 Answer
Locked009 Simon Game Challenge Step 3 Answer
Locked011 Simon Game Challenge Step 4 Answer
Locked013 Simon Game Challenge Step 5 Answer
Locked015 Simon Game Challenge Step 6 Answer
Locked017 Simon Game Challenge Step 7 Answer
Locked019 Simon Game Challenge Step 8 Answer
Locked021 Simon Game Challenge Step 9 Answer
Locked023 Simon Game Challenge Step 10 Answer
Locked024 Simon Game Challenge Completed
Locked025 Tip from Angela Dealing with Frustration
Lockedexternal links
Locked001 Install Git Bash on Windows
Locked002 Understanding the Command Line. Long Live the Command Line!
Locked003 Command Line Techniques and Directory Navigation
Locked004 Creating, Opening, and Removing Files through the Command Line
Locked005 Tip from Angela Sleep is My Secret Weapon
Lockedexternal links
Locked001 Backend Web Development Explained
Locked002 Backend Tools and Technologies Which one to learn
Locked001 What is Node.js
Locked004 2.1 Using Node
Locked004 Using Node.js
Locked005 2.2 Native Modules
Locked005 How to Use the Native Node Modules
Locked006 2.3 NPM
Locked006 The NPM Package Manager and Installing External Node Modules
Locked007 [Project] QR Code Generator
Locked007 2.4 QR Code Project
Locked008 Tip from Angela Step Up to the Challenge
Lockedexternal links
Locked001 What is Express
Locked002 3.1 Express Server
Locked002 Creating Our First Server with Express
Locked003 3.2 HTTP Requests
Locked003 HTTP Requests
Locked004 3.3 Postman
Locked004 Postman
Locked005 3.4 Middleware
Locked005 Introduction to Middlewares
Locked006 3.4 Middleware
Locked006 Custom Middlewares
Locked007 3.5 Secrets Project
Locked007 Secrets Access Project
Locked008 Tip from Angela How to Solidify Your Knowledge
Locked001 4.0 EJS
Locked001 What is EJS
Locked002 4.1 EJS Tags
Locked002 EJS Tags
Locked003 4.2 Passing Data
Locked003 Passing Data to EJS Templates
Locked004 4.3 EJS Partials
Locked004 EJS Partials and Layouts
Locked005 4.4 Band Generator Project
Locked005 Band Generator Project
Locked006 Tip from Angela Location, Location, Location!
Locked001 Introduction to Version Control and Git
Locked002 Version Control Using Git and the Command Line
Locked003 GitHub and Remote Repositories
Locked004 Gitignore
Locked004 Test
Locked005 Cloning
Locked006 Branching and Merging
Locked008 Forking and Pull Requests
Locked009 Tip from Angela Spaced Repetition
Lockedexternal links
Locked001 Introduction to APIs
Locked002 Structuring API Requests
Locked003 5.2 JSON
Locked003 What is JSON
Locked004 5.3 Axios
Locked004 Making Server Side API Requests with Axios
Locked005 5.4 API Authentication
Locked005 API Authentication
Locked006 5.5 REST APIs
Locked006 REST APIs
Locked007 5.6 Secrets Project
Locked007 Secrets Project
Locked008 Tip from Angela Use Accountability in your Favour
Locked001 Building your own APIs
Locked002 6.0 DIY API
Locked002 Creating GET Routes
Locked003 Creating POST, PUT, and PATCH Routes
Locked004 Creating the DELETE Route
Locked005 6.1 Blog API Project
Locked005 Build your own API for a Blog
Locked006 Tip from Angela How to Get a Job as Programmer
Lockedexternal links
Locked001 Databases Explained SQL vs. NoSQL
Locked002 Tip from Angela When Life Gives You Lemons
Locked001 SQL Commands CREATE Table and INSERT Data
Locked002 SQL Commands READ, SELECT, and WHERE
Locked003 Updating Single Values and Adding Columns in SQL
Locked004 SQL Commands DELETE
Locked005 Understanding SQL Relationships, Foreign Keys and Inner Joins
Locked006 Tip from Angela Find All the Hard Working People
Lockedexternal links
Locked001 Introduction to Postgres
Locked003 Understand how to use keys, Postgres types and keywords
Locked005 Use pgAdmin to CREATE a TABLE
Locked006 8.2 Postgres READ
Locked006 READ data from a Postgres database
Locked006 World Capital Quiz
Locked007 Query data using SELECT, WHERE, and LIKE
Locked008 8.3 Travel Tracker
Locked008 UNIQUE and NOT NULL Travel Tracker Part 1
Locked009 INSERT and add Data Travel Tracker Part 2
Locked010 Travel Tracker Part 3
Locked011 8.5 Family Travel Tracker
Locked011 One to One Relationships & Inner Joins
Locked012 One to Many Relationships
Locked013 Many to Many Relationships & Aliases
Locked014 8.5 Family Travel Tracker
Locked014 The Family Travel Tracker
Locked015 How to update and delete data & tables
Locked016 Permalist Project
Locked016 Permalist Project
Locked017 Tip from Angela Daily Routines
Locked001 Introduction to Authentication
Locked002 9.1 Authentication Lv.1
Locked002 Level 1 Registering Users with Email and Password
Locked003 9.2 Authentication Lv.2
Locked003 Level 2 Encryption and Hashing
Locked004 How to Hack Passwords
Locked005 Level 3 How to Salt Passwords for Improved Encryption
Locked006 9.3 Sessions and Cookies
Locked006 Managing Cookies and Sessions
Locked007 9.4 Environment Variables
Locked007 Level 5 Hide your Secrets with Environment Variables
Locked009 9.5 Authentication Lv.3
Locked009 Level 6 OAuth Implement Sign In with Google
Locked010 9.6 Secrets Project
Locked010 Finish the app let users submit secrets
Locked011 Tip from Angela How to Work as a Freelancer
Lockedexternal links
Locked001 What is React
Locked002 What we will make in this React module
Locked003 Introduction to Code Sandbox and the Structure of the Module
Locked005 279 intro to jsx completed
Locked005 279 intro to jsx start
Locked005 Introduction to JSX and Babel
Locked006 280 jsx code challenge completed
Locked006 280 jsx code challenge start
Locked006 JSX Code Practice
Locked007 281 javascript expressions in jsx completed
Locked007 281 javascript expressions in jsx start
Locked007 Javascript Expressions in JSX & ES6 Template Literals
Locked008 282 javascript expressions in jsx practice completed
Locked008 282 javascript expressions in jsx practice start
Locked008 Javascript Expressions in JSX Practice
Locked009 283 jsx attributes and styling completed
Locked009 283 jsx attributes and styling start
Locked009 JSX Attributes & Styling React Elements
Locked010 284 inline styling in jsx completed
Locked010 284 inline styling in jsx start
Locked010 Inline Styling for React Elements
Locked011 285 react styling practice completed
Locked011 285 react styling practice start
Locked011 React Styling Practice
Locked012 286 react components completed
Locked012 286 react components start
Locked012 React Components
Locked013 287 react components practice completed
Locked013 287 react components practice start
Locked013 React Components Practice
Locked014 288 es6 import export and modules completed
Locked014 288 es6 import export and modules start
Locked014 Javascript ES6 Import, Export and Modules
Locked015 289 es6 import export practice completed
Locked015 289 es6 import export practice start
Locked015 Javascript ES6 Import, Export and Modules Practice
Locked016 293 keeper app part 1 challenge start
Locked016 Keeper App Project Part 1 Challenge
Locked017 294 keeper app part 1 completed
Locked017 Keeper App Part 1 Solution
Locked018 295 react props completed
Locked018 295 react props start
Locked018 React Props
Locked019 296 react props practice completed
Locked019 296 react props practice start
Locked019 React Props Practice
Locked020 297 react devtools completed
Locked020 297 react devtools start
Locked020 React DevTools
Locked021 298 mapping components completed
Locked021 298 mapping components start
Locked021 Mapping Data to Components
Locked022 299 mapping components practice completed
Locked022 299 mapping components practice start
Locked022 Mapping Data to Components Practice
Locked023 300 map filter reduce completed
Locked023 300 map filter reduce start
Locked023 Javascript ES6 MapFilterReduce
Locked024 301 es6 arrow functions completed
Locked024 301 es6 arrow functions start
Locked024 Javascript ES6 Arrow functions
Locked025 302 keeper app part 2 completed
Locked025 302 keeper app part 2 start
Locked025 Keeper App Project Part 2
Locked026 303 conditional rendering completed
Locked026 303 conditional rendering start
Locked026 React Conditional Rendering with the Ternary Operator & AND Operator
Locked027 304 conditional rendering practice completed
Locked027 304 conditional rendering practice start
Locked027 Conditional Rendering Practice
Locked028 305 introduction to state completed
Locked028 State in React Declarative vs. Imperative Programming
Locked029 306 useState hook completed
Locked029 306 useState hook start
Locked029 React Hooks useState
Locked030 307 useState hook practice completed
Locked030 307 useState hook practice start
Locked030 useState Hook Practice
Locked031 308 es6 destructuring start
Locked031 Javascript ES6 Object & Array Destructuring
Locked032 309 es6 destructuring completed
Locked032 Javascript ES6 Destructuring Challenge Solution
Locked033 310 event handling in react completed
Locked033 310 event handling in react start
Locked033 Event Handling in React
Locked034 311 react forms completed
Locked034 311 react forms start
Locked034 React Forms
Locked035 312 class components vs hooks start
Locked035 Class Components vs. Functional Components
Locked036 313 changing complex state completed
Locked036 313 changing complex state start
Locked036 Changing Complex State
Locked037 314 changing complex state practice completed
Locked037 314 changing complex state practice start
Locked037 Changing Complex State Practice
Locked038 315 es6 spread operator completed
Locked038 315 es6 spread operator start
Locked038 Javascript ES6 Spread Operator
Locked039 316 es6 spread operator practice completed
Locked039 316 es6 spread operator practice start
Locked039 Javascript ES6 Spread Operator Practice
Locked040 317 managing a component tree completed
Locked040 317 managing a component tree start
Locked040 Managing a Component Tree
Locked041 318 managing a component tree practice completed
Locked041 318 managing a component tree practice start
Locked041 Managing a Component Tree Practice
Locked042 319 keeper app part 3 completed
Locked042 319 keeper app part 3 start
Locked042 Keeper App Project Part 3
Locked044 320 styling the keeper app completed
Locked044 320 styling the keeper app start
Locked044 React Dependencies & Styling the Keeper App
Locked045 Tip from Angela How to Build Your Own Product
Lockedexternal links
Locked001 What is Web3
Locked002 How does the Blockchain actually work
Locked003 What are DApps (Decentralised Apps) and how do you develop them
Locked004 What is the Internet Computer (ICP)
Locked006 [Mac Users] Installation and Setup for Web3 Development
Locked006 Installation and Setup for Macs
Locked007 [Windows Users] Installation and Setup for Web3 Development
Locked007 Installation and Setup for Windows
Lockedexternal links
Locked001 What You'll Build DBANK (Inspired by Compound)
Locked002 Introduction to the Motoko Language
Locked003 Motoko Functions and the Candid User Interface
Locked004 Motoko Conditionals and Type Annotations
Locked005 Query vs. Update Methods
Locked006 Orthogonal Persistance
Locked007 Tracking Time and Calculating Compound Interest
Locked009 Adding HTML and CSS to Create the Frontend for DBANK
Locked009 index
Locked009 main
Locked010 Connecting the Motoko Backend to our JS Frontend
Locked010 dbank completed
Lockedexternal links
Locked001 What are Cycles and the ICP Token
Locked003 How to Deploy to the ICP Network
Locked004 How to Convert ICP into Cycles
Locked005 [Optional] How to Deploy a Static Website onto the ICP Blockchain for Hosting
Locked005 CSS My Site Completed
Lockedexternal links
Locked001 How to Configure a DFX Created Project to Use React
Locked001 package
Locked002 Storing Data on a Canister
Locked003 Retrieving Data from a Canister
Locked004 Deleting and Persistance
Locked004 dkeeper completed
Lockedexternal links
Locked001 Tokens and Coins What are they and how are they used
Locked002 Download and Configure the Skeleton Project
Locked002 token
Locked003 Using Motoko Hashmaps to Store Token Balances
Locked004 Showing the User's Token Balance on the Frontend
Locked005 Creating the Faucet Functionality Using the Shared Keyword
Locked006 Creating the Transfer Functionality
Locked007 Using the Transfer Functionality in the Faucet
Locked008 Persisting Non Stable Types Using the Pre and Postupgrade Methods
Locked009 What is the Internet Identity
Locked010 Authenticating with the Internet Identity
Locked011 [Optional] Live Deployment to Test Internet Identity Authentication
Locked011 token completed
Lockedexternal links
Locked001 What You'll Build A Website to Mint, Buy and Sell NFTs
Locked002 Minting NFTs
Locked002 opend 1
Locked002 opend starting
Locked003 opend 2
Locked003 Viewing the NFT on the Frontend
Locked004 CryptoDunks
Locked004 Enabling the Minting Functionality on the Frontend
Locked004 opend 3
Locked005 Displaying Owned NFTs Using the React Router
Locked005 opend 4
Locked006 Listing NFTs for Sale
Locked006 opend 5
Locked007 opend 6
Locked007 Styling the Listed NFTs
Locked008 Creating the Discover Page
Locked008 opend 7
Locked009 Buying NFTs
Locked009 opend 8
Locked009 token local
Lockedexternal links
Locked001 AAA 1 How to Soak in Programming Concepts and more
Locked002 AAA 2 Schedule for Learning to Code and more
Locked003 AAA 3 How to Start Freelancing and more
Locked004 AAA 4 The Live AMA
LockedCourse Description
Why This Course is Different
• Deep dive into modern architectural patterns and best practices.
• Hands-on experience with the latest industry frameworks and tools.
• Portfolio-focused projects that demonstrate your engineering capabilities.
• Guidance on passing technical interviews and landing your dream job.
A Comprehensive Learning Journey
From the very first module, you'll be immersed in practical, hands-on activities designed to bridge the gap between knowledge and action. We cover everything from foundational principles to advanced techniques that even many industry veterans overlook. By the end of this course, you won't just 'know' the subject; you will have the confidence and the evidence (through your projects) to prove your mastery to yourself and to the world at large. Welcome to the elite level of performance.
Requirements
- Familiarity with command-line tools is helpful but not required.
- Motivation to practice coding daily and solve problems.
- Basic understanding of programming logic and syntax.
Target Audience
- Self-taught programmers wanting to solidify their knowledge.
- Computer science students seeking practical, real-world skills.
- Professionals transitioning into software engineering.
Feedback Reviews
Course Price
This Course Includes:
Secure Payment Processing: SSL-AES256
Secured
Eternal
Flash
Total Price