The Complete 2023 Web Development Bootcamp
Requirements
- No programming experience needed - I'll teach you everything you need to know
- A computer with access to the internet
- No paid software required
- I'll walk you through, step-by-step how to get all the software installed and set up
Description
Welcome to the Complete Web Development Bootcamp, the only course you need to learn to code and become a full-stack web developer. With 150,000+ ratings and a 4.8 average, my Web Development course is one of the HIGHEST RATED courses in the history of Udemy!
At 65+ hours, this Web Development course is without a doubt the most comprehensive web development course available online. Even if you have zero programming experience, this course will take you from beginner to mastery. Here's why:
The course is taught by the lead instructor at the App Brewery, London's leading in-person programming bootcamp.
The course has been updated to be 2023 ready and you'll be learning the latest tools and technologies used at large companies such as Apple, Google and Netflix.
This course doesn't cut any corners, there are beautiful animated explanation videos and tens of real-world projects which you will get to build.
The curriculum was developed over a period of four years, with comprehensive student testing and feedback.
We've taught over a million students how to code and many have gone on to change their lives by becoming professional developers or starting their own tech startup.
You'll save yourself over $12,000 by enrolling, but still get access to the same teaching materials and learn from the same instructor and curriculum as our in-person programming bootcamp.
The course is constantly updated with new content, with new projects and modules determined by students - that's you!
We'll take you step-by-step through engaging video tutorials and teach you everything you need to know to succeed as a web developer.
The course includes over 65 hours of HD video tutorials and builds your programming knowledge while making real-world websites and web apps.
Throughout this comprehensive course, we cover a massive amount of tools and technologies, including:
Front-End Web Development
HTML 5
CSS 3
Bootstrap 4
Javascript ES6
DOM Manipulation
jQuery
Bash Command Line
Git, GitHub and Version Control
Backend Web Development
Node.js
NPM
Express.js
EJS
REST
APIs
Databases
SQL
MongoDB
Mongoose
Authentication
Firebase
React.js
React Hooks
Web Design
Deployment with GitHub Pages, Heroku and MongoDB Atlas
Web3 Development on the Internet Computer
Blockchain technology
Token contract development
NFT minting, buying and selling logic
By the end of this course, you will be fluently programming and be ready to make any website you can dream of.
You'll also build a portfolio of over 32+ websites that you can show off to any potential employer.
Sign up today, and look forward to:
Animated Video Lectures
Code Challenges and Coding Exercises
Beautiful Real-World Projects
Quizzes & Practice Tests
Downloadable Programming Resources and Cheatsheets
Our best selling 12 Rules to Learn to Code eBook
$12,000+ worth of web development bootcamp course materials and course curriculum
Don't just take my word for it, check out what existing students have to say about the course:
"Angela is just incredible, awesome and just fantastic in this course. I've never had such an instructor; detailed in every aspect of the course, gives precise explanations, gives you the anxiety to learn etc. She's got that ability to make fun while explaining things for better understanding. I really love this course." - Ekeu MonkamUlrich
"Angela is very thorough without ever being boring. I've taken MANY online courses in my life including my Bachelors and Masters degrees. She is by far the best instructor I've ever had. This course is packed with thousands of dollars worth of great instruction, and paced well enough for anyone to pick coding up and run with it- Thank you!" - J Carlucci
"Love the way Angela explains things. Easy to follow and full of logic. I can say she must have spent a lot of energy creating this great course. Thank you and I recommend it to all who's interested in coding!" - Yiqing Zheng
"So far (on my third day) this course has taught me more than I was able to learn in multiple other programming courses. This course is clearly outlined and builds upon itself gradually in an easy to understand way." - Normal Ramsey
"This course will take you from beginner to intermediate level for real. If you don't know how to put together the pieces of web development this is what you're looking for. Angela explains in an amazing way by creating projects all the way during this course, explaining the concepts in real practice. Thank you very much, Angela. I will always consider you my mentor. Look forward to taking more courses with you." - Moises Dionisio Cruz
"An amazing course, perfect for absolute beginners at the start of their coding journey! Angela is an amazing tutor and can explain in the most simple and comprehensible way even complex coding notions. Learning web development cannot get any more fun!" - Zoe Moyssoglou
"It's a different approach to teaching Web Development. I like that you are given everything possible to succeed from the onset." - Ronick Thomas
The tutor is simply AMAZING, by far the best tutor I have ever had. I would give her 10 stars out of 5. She is not just punching the code and talking to herself, but she is actually explaining things. She keeps on giving really useful hints and she will give you a great load of other references. I always knew what I was doing and why I was doing it. All the extra challenges have just made me remember and understand things better. - Peter Dlugos
REMEMBER… I'm so confident that you'll love this course that we're offering a FULL money-back guarantee for 30 days! So it's a complete no-brainer, sign up today with ZERO risk and EVERYTHING to gain.
So what are you waiting for? Click the buy now button and join the world's highest-rated web development course.
Who this course is for:
- If you want to learn to code through building fun and useful projects, then take this course.
- If you want to start your own startup by building your own websites and web apps.
- If you are a seasoned programmer, then take this course to to get up to speed quickly with the latest frameworks and NodeJS
- If you want to take ONE COURSE and learn everything you need to know about web development, take this course
Curriculum
- 18 Sections
- 151 Lessons
- 5 Quizzes
- 65h 33m Duration
Front-end web development
- What will you get in this course?
- Download the Course Syllabus
- Download the Course Resources
- Download the 12 Rules to Learn to Code eBook [Latest Edition]
- How Does the Internet Actually Work?
- How Do Websites Actually Work?
- How to Get the Most Out of the Course
- Pathfinder
Introduction to HTML
- A Note About 2023 Course Updates
- What is HTML?
- How to Download the Course Resources
- HTML Heading Elements
- HTML Paragraph Elements
- Self Closing Tags
- [Project] Movie Ranking
- How to Ace this Course
Intermediate HTML
- The List Element
- Nesting and Indentation
- Anchor Elements
- Image Elements
- [Project] Birthday Invite
- Tip from Angela - Habit Building with the Calendar Trick
- Get Monthly Tips and Tools to Level Up as a Developer
Multi-Page Websites
- Computer File Paths
- What are Webpages?
- The HTML Boilerplate
- [Project] Portfolio Website
- How to Host Your Website for Free with GitHub
- Introduction to Capstone Projects
- Instructions for Capstone Project 1 - Online Resume
Introduction to CSS
- Introduction to CSS
- How to add CSS
- CSS Quiz
- CSS Selectors
- [Project] Colour Vocab Website
- Tip from Angela - Dealing with Distractions
- Join the Student Community
CSS Properties
- CSS Colours
- Font Properties
- Inspecting CSS
- The CSS Box Model - Margin, Padding and Border
- [Project] Motivational Poster Website
Intermediate CSS
- The Cascade - Specificity and Inheritance
- Combining CSS Selectors
- CSS Positioning
- [Project] CSS Flag
- Tip from Angela - Nothing Easy is Worth Doing!
Advanced CSS
- CSS Display
- CSS Float
- How to Create Responsive Websites
- Media Queries
- [Project] Web Design Agency Website
- Tip from Angela - How to Deal with Procrastination
Flexbox
- Display: Flex
- Flex Direction
- Flex Sizing
- [Project] Pricing Table
- Tip from Angela - Building a Programming Habit
Grid
- Display: Grid
- Grid Sizing
- Grid Placement
- [Project] Mondrian Painting
Bootstrap
- What is Bootstrap?
- Bootstrap Layout
- Bootstrap Components
- [Project] TinDog Startup Website
Web Design School - Create a Website that People Love
- Introduction to Web Design
- Understanding Colour Theory
- Understanding Typography and How to Choose a Font
- Manage ATTENTION with effective User Interface (UI) Design
- User Experience (UX) Design
- Web Design in Practice - Let's apply what we've learnt!
Introduction to Javascript ES6
- Introduction to Javascript
- Javascript Alerts - Adding Behaviour to Websites
- Data Types
- Javascript Variables
- Javascript Variables Exercise Start
- Javascript Variables Exercise
- Javascript Variables Exercise Solution
- Naming and Naming Conventions for JavaScript variables
- Javascript Variable Naming Quiz
- String Concatenation
- String Lengths and Retrieving the Number of Characters
- Slicing and Extracting Parts of a String
- Challenge: Changing Casing in Text
- Challenge: Changing String Casing Solution
- Basic Arithmetic and the Modulo Operator in Javascript
- Increment and Decrement Expressions
- Javascript Numbers Quiz
- Functions Part 1: Creating and Calling Functions
- Functions Part 1 Challenge - The Karel Robot
- The Karel Chess Board Solution
- A Quick Note About the Next Lesson
- Functions Part 2: Parameters and Arguments
- Life in Weeks Coding Exercise
- Life in Weeks Solution
- Functions Part 3: Outputs & Return Values
- Challenge: Create a BMI Calculator
- BMI Calculator Challenge Challenge: BMI Calculator Solution
- JavaScript Functions Quiz
- Tip from Angela - Set Your Expectations
Intermediate Javascript
- Random Number Generation in Javascript: Building a Love Calculator
- Control Statements: Using If-Else Conditionals & Logic
- Comparators and Equality
- Combining Comparators
- BMI Calculator Advanced (IF/ELSE)
- Introducing the Leap Year Code Challenge
- Leap Year Challenge Exercise
- Leap Year Solution
- Collections: Working with Javascript Arrays
- Adding Elements and Intermediate Array Techniques
- Who's Buying Lunch? Code Challenge
- Who's Buying Lunch Solution
- Control Statements: While Loops
- Solution to the 99 Bottles Challenge
- Control Statements: For Loops
- Introducing the Fibonacci Code Challenge
- The Fibonacci Exercise
- Fibonacci Solution
- Tip from Angela - Retrieval is How You Learn
The Document Objet Model (DOM)
- Adding Javascript to Websites
- Introduction to the Document Object Model (DOM)
- Solution to the DOM Challenge
- Selecting HTML Elements with Javascript
- Manipulating and Changing Styles of HTML Elements with Javascript
- The Separation of Concerns: Structure vs Style vs Behaviour
- Text Manipulation and the Text Content Property
- Manipulating HTML Element Attributes
- Tip from Angela - The 20 Minute Method
Boss Level Challenge 1 - The Dicee Game
- Challenge: The Dicee Challenge
- Dicee Challenge Step 0 - Download the Skeleton Project
- Dicee Challenge Step 1 - Create an External Javascript File
- Dicee Challenge Step 2 - Add Dice Images
- Dicee Challenge Step 3 - Create a Random Number
- Dicee Challenge Step 4 - Change the to a Random Dice
- Dicee Challenge Step 5 - Change both Elements
- Dicee Challenge Step 6 - Change the Title to Display a Winner
- The Solution to the Dicee Challenge
- Download the Completed Website
- Tip from Angela - Learning Before you Eat
Advanced Javascript and DOM Manipulation
- What We'll Make: Drum Kit
- Download the Starting Files
- Adding Event Listeners to a Button
- Higher Order Functions and Passing Functions as Arguments
- Higher Order Function Challenge Solution
- How to Play Sounds on a Website
- A Deeper Understanding of Javascript Objects
- How to Use Switch Statements in Javascript
- Objects, their Methods and the Dot Notation
- A Quick Note About the Next Lesson
- Using Keyboard Event Listeners to Check for Key Presses
- Understanding Callbacks and How to Respond to Events
- Adding Animation to Websites
- Download the Completed Website
- Tip from Angela - Dealing with Lack of Progress
PART TWO OF THE COURSE HERE
- PART 2