6900725 41a6

The Complete Web Development Bootcamp

  • All levels
course author avatar

by Admin

Free
Enroll now

Course content

17 chapters • 234 lessons • 61hr 44min total time
  • • Build 16 web development projects for your portfolio, ready to apply for junior developer jobs.
  • • Learn the latest technologies, including JavaScript, React, Node, and Web3 development.

  • 1.1: What You'll Get in This Course
  • 1.2: Download the Course Syllabus
  • 1.3: Download the 12 Rules to Learn to Code eBook [Latest Edition]
  • 1.4: Download the Required Software
  • 1.5: How Does the Internet Actually Work?
  • 1.6: How Do Websites Actually Work?
  • 1.7: How to Get the Most Out of the Course
  • 1.8: How to Get Help When You're Stuck
  • 1.9: Pathfinder
  • 1.10: A Note About 2023 Course Updates

  • 1.1: What is HTML?
  • 1.2: How to Download the Course Resources
  • 1.3: HTML Heading Elements
  • 1.4: HTML Paragraph Elements
  • 1.5: Self Closing Tags
  • 1.6: [Project] Movie Ranking
  • 1.7: How to Ace this Course
  • 1.8: The List Element
  • 1.9: Nesting and Indentation
  • 1.10: Anchor Elements
  • 1.11: Image Elements
  • 1.12: [Project] Birthday Invite
  • 1.13: Tip from Angela - Habit Building with the Calendar Trick
  • 1.14: Get Access to the Monthly App Brewery Newsletter
  • 1.15: Computer File Paths
  • 1.16: What are Webpages?
  • 1.17: The HTML Boilerplate
  • 1.18: [Project] Portfolio Website
  • 1.19: How to Host Your Website for Free with GitHub
  • 1.20: Introduction to Capstone Projects
  • 1.21: Instructions for Capstone Project 1 - Online Resume

  • 1.1: Why do we need CSS?
  • 1.2: How to add CSS
  • 1.3: CSS Quiz (3 questions)
  • 1.4: CSS Selectors
  • 1.5: [Project] Colour Vocab Website
  • 1.6: Tip from Angela - Dealing with Distractions
  • 1.7: Join the Student Community
  • 1.8: CSS Colours
  • 1.9: Font Properties
  • 1.10: Inspecting CSS
  • 1.11: The CSS Box Model - Margin, Padding and Border
  • 1.12: [Project] Motivational Poster Website
  • 1.13: The Cascade - Specificity and Inheritanc
  • 1.14: Combining CSS Selectors
  • 1.15: CSS Positioning
  • 1.16: [Project] CSS Flag
  • 1.17: Tip from Angela - Nothing Easy is Worth Doing!
  • 1.18: CSS Display
  • 1.19: CSS Float
  • 1.20: How to Create Responsive Websites
  • 1.21: Media Queries
  • 1.22: [Project] Web Design Agency Website
  • 1.23: Tip from Angela - How to Deal with Procrastination
  • 1.24: Display: Flex
  • 1.25: Flex Direction
  • 1.26: Flex Layout
  • 1.27: Flex Sizing
  • 1.28: [Project] Pricing Table
  • 1.28: Tip from Angela - Building a Programming Habit
  • 1.29: Display: Grid
  • 1.30: Grid Sizing
  • 1.31: Grid Placement
  • 1.32: [Project] Mondrian Painting

     

  • 1.1: Introduction to JavaScript
  • 1.2: JavaScript Alerts - Adding Behaviour to Websites
  • 1.3: Data Types
  • 1.4: JavaScript Variables
  • 1.5: JavaScript Variables Exercise Start
  • 1.6: JavaScript Variables Exercise (1 question)
  • 1.7: JavaScript Variables Exercise Solution
  • 1.8: Naming and Naming Conventions for JavaScript Variables
  • 1.9: JavaScript Variable Naming Quiz (2 questions)
  • 1.10: String Concatenation
  • 1.11: String Lengths and Retrieving the Number of Characters
  • 1.12: Slicing and Extracting Parts of a String
  • 1.13: Challenge: Changing Casing in Text
  • 1.14: Challenge: Changing String Casing Solution
  • 1.15: Basic Arithmetic and the Modulo Operator in JavaScript
  • 1.16: Increment and Decrement Expressions
  • 1.17: JavaScript Numbers Quiz (3 questions)
  • 1.18: Functions Part 1: Creating and Calling Functions
  • 1.19: Functions Part 1 Challenge - The Karel Robot
  • 1.20: The Karel Chess Board Solution
  • 1.21: A Quick Note About the Next Lesson
  • 1.22: Functions Part 2: Parameters and Arguments
  • 1.23: Life in Weeks Coding Exercise (1 question)
  • 1.24: Life in Weeks Solution
  • 1.25: Functions Part 3: Outputs & Return Values
  • 1.26: Challenge: Create a BMI Calculator
  • 1.27: BMI Calculator Challenge (1 question)
  • 1.28: Challenge: BMI Calculator Solution
  • 1.29: JavaScript Functions Quiz (5 questions)
  • 1.30: Tip from Angela - Set Your Expectations
  • 1.31: Random Number Generation in JavaScript: Building a Love Calculator
  • 1.32: Control Statements: Using If-Else Conditionals & Logic
  • 1.33: Comparators and Equality
  • 1.34: Combining Comparators
  • 1.35: BMI Calculator Advanced (IF/ELSE) (1 question)
  • 1.36: Introducing the Leap Year Code Challenge
  • 1.37: Leap Year Challenge Exercise (1 question)
  • 1.38: Leap Year Solution
  • 1.39: Collections: Working with JavaScript Arrays
  • 1.40: Adding Elements and Intermediate Array Techniques
  • 1.41: Who's Buying Lunch? Code Challenge (1 question)
  • 1.42: Who's Buying Lunch Solution
  • 1.43: Control Statements: While Loops
  • 1.44: Solution to the 99 Bottles Challenge
  • 1.45: Control Statements: For Loops
  • 1.46: Introducing the Fibonacci Code Challenge
  • 1.47: The Fibonacci Exercise (1 question)
  • 1.48: Fibonacci Solution
  • 1.49: Tip from Angela - Retrieval is How You Learn
  • 1.50: Adding JavaScript to Websites
  • 1.51: Introduction to the Document Object Model (DOM)
  • 1.52: Solution to the DOM Challenge
  • 1.53: Selecting HTML Elements with JavaScript
  • 1.54: Manipulating and Changing Styles of HTML Elements with JavaScript
  • 1.55: The Separation of Concerns: Structure vs Style vs Behaviour
  • 1.56: Text Manipulation and the Text Content Property
  • 1.57: Manipulating HTML Element Attributes
  • 1.58: Tip from Angela - The 20 Minute Method
  • 1.59: Challenge: The Dicee Challenge
  • 1.60: Dicee Challenge Steps (Various)
  • 1.61: The Solution to the Dicee Challenge
  • 1.62: Download the Completed Website
  • 1.63: Tip from Angela - Learning Before you Eat
  • 1.64: What We'll Make: Drum Kit
  • 1.65: Download the Starting Files
  • 1.66: Adding Event Listeners to a Button
  • 1.67: Higher Order Functions and Passing Functions as Arguments
  • 1.68: Higher Order Function Challenge Solution
  • 1.69: How to Play Sounds on a Website
  • 1.70: How to Use Switch Statements in JavaScript
  • 1.71: A Deeper Understanding of JavaScript Objects
  • 1.72: Objects, their Methods and the Dot Notation
  • 1.73: A Quick Note About the Next Lesson
  • 1.74: Using Keyboard Event Listeners to Check for Key Presses
  • 1.75: Understanding Callbacks and How to Respond to Events
  • 1.76: Adding Animation to Websites
  • 1.79: Download the Completed Website
  • 1.80: Tip from Angela - Dealing with Lack of Progress
  • 1.1: What is jQuery?
  • 1.2: How to Incorporate jQuery into Websites
  • 1.3: How Minification Works to Reduce File Size
  • 1.4: Selecting Elements with jQuery
  • 1.5: Manipulating Styles with jQuery
  • 1.6: Manipulating Text with jQuery
  • 1.7: Manipulating Attributes with jQuery
  • 1.8: Adding Event Listeners with jQuery
  • 1.9: Adding and Removing Elements with jQuery
  • 1.10: Website Animations with jQuery
  • 1.11: Tip from Angela - Mixing Knowledge
  • 1.1: What You'll Make: The Simon Game
  • 1.2: Play the Game
  • 1.3: Step-by-Step Instructions for the Simon Game (Various)
  • 1.4: Download the Completed Project Code
  • 1.5: Tip from Angela - Dealing with Frustration
  • 1.1: Install Git Bash on Windows
  • 1.2: Understanding the Command Line
  • 1.3: Command Line Techniques and Directory Navigation
  • 1.4: Creating, Opening, and Removing Files through the Command Line
  • 1.5: Backend Web Development Explained
  • 1.6: Backend Tools and Technologies - Which one to learn?
  • 1.7: What is Node.js?
  • 1.8: Install Node.js on Mac
  • 1.9: Install Node.js on Windows
  • 1.10: Using Node.js
  • 1.11: How to Use the Native Node Modules
  • 1.12: The NPM Package Manager and Installing External Node Module
  • 1.13: [Project] QR Code Generator
  • 1.1: What is Express?
  • 1.2: Creating Our First Server with Express
  • 1.3: HTTP Requests
  • 1.4: Postman
  • 1.5: Introduction to Middlewares
  • 1.6: Custom Middlewares
  • 1.7: Secrets Access Project
  • 1.1: What is EJS?
  • 1.2: EJS Tags
  • 1.3: Passing Data to EJS Templates
  • 1.4: EJS Partials and Layouts
  • 1.6: Band Generator Project
  • 1.1: Introduction to Version Control and Git
  • 1.2: Version Control Using Git and the Command Line
  • 1.3: GitHub and Remote Repositories
  • 1.4: Gitignore
  • 1.5: Cloning
  • 1.7: Branching and Merging
  • 1.8: Optional Git Challenge
  • 1.9: Forking and Pull Requests
  • 1.1 Introduction to APIs
  • 1.2: Structuring API Requests
  • 1.3: What is JSON?
  • 1.4: Making Server-Side API Requests with Axios
  • 1.5: API Authentication
  • 1.6: REST APIs
  • 1.7: Secrets Project
  • 1.1: Databases Explained: SQL vs. NoSQL
  • 1.2: SQL Commands: CREATE Table and INSERT Data
  • 1.3: SQL Commands: READ, SELECT, and WHERE
  • 1.4: Updating Single Values and Adding Columns in SQL
  • 1.5: SQL Commands: DELETE
  • 1.6: Understanding SQL Relationships, Foreign Keys and Inner Joins
  • 1.7: Introduction to Postgres
  • 1.8: How to Install PostgreSQL and pgAdmin
  • 1.1: Introduction to Authentication
  • 1.2: Level 1 - Registering Users with Email and Password
  • 1.3: Level 2 - Encryption and Hashing
  • 1.14: How to Hack Passwords
  • 1.5: Level 3 - How to Salt Passwords for Improved Encryption
  • 1.6: Managing Cookies and Sessions
  • 1.7: Level 5 - Hide your Secrets with Environment Variables
  • 1.8: Set up your Google OAuth Credentials
  • 1.9: Level 6 - OAuth: Implement "Sign In with Google"
  • 1.1: What is React?
  • 1.2: Introduction to JSX and Babel
  • 1.3: React Components
  • 1.4: React Props
  • 1.5: React Hooks - useState
  • 1.1: What is Web3?
  • 1.2: How does the Blockchain actually work?
  • 1.3: What are DApps (Decentralised Apps) and how do you develop them?
  • 1.4: What is the Internet Computer (ICP)?
  • 1.1: What You'll Build - DBANK (Inspired by Compound)
  • 1.2: Introduction to the Motoko Language
  • 1.3: Adding HTML and CSS to Create the Frontend for DBANK
  • 1.4: Connecting the Motoko Backend to our JS Frontend
  • 1.5: What You'll Build - A Website to Mint, Buy and Sell NFTs
  • 1.6: Minting NFTs
  • 1.7: Viewing the NFT on the Frontend
  • 1.8: Buying NFTs

Course Rating

No Review Yet.

Free
Enroll now