The Complete Web Development Bootcamp
4.8 /5- Offered byUDEMY
The Complete Web Development Bootcamp at UDEMY Overview
Duration | 62 hours |
Total fee | ₹12,800 |
Mode of learning | Online |
Difficulty level | Intermediate |
Official Website | Go to Website  |
Credential | Certificate |
The Complete Web Development Bootcamp at UDEMY Highlights
- Compatible on Mobile and TV
- Earn a Cerificate on successful completion
- Get Full Lifetime Access
- Course Instructor : Angela Yu
The Complete Web Development Bootcamp at UDEMY Course details
- 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
- Be able to build ANY website you want
- Craft a portfolio of websites to apply for junior developer jobs
- Build fully-fledged websites and web apps for your startup or business
- Work as a freelance web developer
- Understand the latest frameworks and technologies, including Bootstrap 4, MongoDB, NodeJS, Express, .
- Learn professional developer best practices
- Welcome to the Complete Web Development Bootcamp, the only course you need to learn to code and become a full-stack web developer. With over 12,000 ratings and a 4.8 average my Web Development course is one of the HIGHEST RATED courses in the history of Udemy! Ã?¢Ã??Ã?? At 43+ 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 a taught by the lead instructor at the App Brewery, London's leading in-person programming bootcamp . The course has been updated to be 2019 ready and you'll be learning the latest tools and technologies that are used in 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 three years , with student testing and feedback. We've taught over 100,000 students how to code and many have gone on to change their lives by becoming professional developers or start 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 30 hours of HD video tutorials and builds your programming knowledge while making real world websites and web apps. Throughout the 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 Web Design Deployment with GitHub Pages, Heroku and MongoDB Atlas 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 15+ websites that you can show off to any potential employer. Sign up today, and look forward to: Video Lectures Code Challenges and Exercises Fully Fledged Projects Quizzes Programming Resources and Cheatsheets Downloads Our best selling 12 Rules to Learn to Code eBook $12,000+ web development bootcamp course materials and 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 thing 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 or logic. I can say she must spent a lot of energy creating this great course. Thank you and I recommend 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 talks to herself, but she is actually explaining things. She keeps on giving a really usefull 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 to 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.
The Complete Web Development Bootcamp at UDEMY Curriculum
Front-End Web Development
What You'll Get in This Course
Syllabus Download
Bookmark the Course Resources
How to Get the Most Out of the Course
Download the 12 Rules to Learn to Code eBook
How Does the Internet Actually Work?
How Do Websites Actually Work?
What You'll Need to Get Started - Setup Your Local Web Development Environment
How to Get Help When You're Stuck
Pathfinder
Introduction to HTML
Introduction to HTML
The Anatomy of an HTML Tag
What we're building - HTML Personal Site
What is The HTML Boilerplate?
How to Structure Text in HTML
HTML Lists
HTML Image Elements
HTML Links and Anchor Tags
Feedback Time!
Intermediate HTML
HTML Tables
Using HTML Tables for Layout
HTML Tables Code Challenge
How to Type Emojis
HTML Tables Solution Walkthrough
HTML Forms
Forms in Practice - Create a Contact Me Form
Publish Your Website!
Tip from Angela - Habit Building with the Calendar Trick
Get Monthly Tips and Tools to Level Up as a Developer
Feedback Time!
Introduction to CSS
Introduction to CSS
Inline CSS
A Quick Note About the Next Lesson
Internal CSS
External CSS
How to Debug CSS Code
The Anatomy of CSS Syntax
CSS Selectors
Classes vs. Ids
Tip from Angela - Dealing with Distractions
Join the Student Community
Feedback Time!
Intermediate CSS
What We'll Make - Stylised Personal Site
What Are Favicons?
HTML Divs
The Box Model of Website Styling
CSS Display Property
Learn More About Web Design
CSS Static and Relative Positioning
Absolute positioning
The Dark Art of Centering Elements with CSS
Font Styling in Our Personal Site
Learn More About Typography
Adding Content to Our Website
CSS Sizing
Font Properties Challenge 1 - Change the Font Colour
Font Properties Challenge 2 - Change the Font Weight
Font Properties Challenge 3 - Change the Line Height
CSS Font Property Challenge Solutions
CSS Float and Clear
CSS Challenge
Stylised Personal Site Solution Walkthrough
[Optional] Get More Practice HTML and CSS
Tip from Angela - Nothing Easy is Worth Doing!
Feedback Time!
Introduction to Bootstrap 4
What is Bootstrap?
Installing Bootstrap
Web Design 101 - Wireframing
The Bootstrap Navigation Bar
What We'll Make: TinDog
Download the Starting Files
Setting Up Our New Project
Bootstrap Grid Layout System
Getting Montserrat Black and other Font Weights
Adding Grid Layouts to Our Website
A Note About CSS Link Order
Bootstrap Containers
Bootstrap Buttons & Font Awesome
Styling Our Website Challenges and Solutions
Bootstrap Challenge 1
Solution to Bootstrap Challenge 1
Tip from Angela - How to Deal with Procrastination
Feedback Time!
Intermediate Bootstrap
The Bootstrap Carousel Part 1
The Bootstrap Carousel Part 2
Bootstrap Cards
The CSS Z-Index and Stacking Order
Media Query Breakpoints
Bootstrap Challenge 2
Bootstrap Challenge 2 Solution
How to become a Better Programmer - Code Refactoring
Put it into Practice - Refactor our Website Part 1
Advanced CSS - Combining Selectors
Refactoring our Website Part 2
Advanced CSS - Selector Priority
Completing the Website
Download the Completed Website
Tip from Angela - Building a Programming Habit
Feedback Time!
Introduction to Javascript ES6
Introduction to Javascript
Javascript Alerts - Adding Behaviour to Websites
Data Types
Javascript Variables
Naming and Naming Conventions for Javascript Variables
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
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
Functions Part 3: Outputs & Return Values
Challenge: Create a BMI Calculator
Challenge: BMI Calculator Solution
Tip from Angela - Set Your Expectations
Feedback Time!
Intermediate Javascript
Random Number Generation in Javascript: Building a Love Calculator
Control Statements: Using If-Else Conditionals & Logic
Comparators and Equality
Combining Comparators
Collections: Working with Javascript Arrays
Adding Elements and Intermediate Array Techniques
Control Statements: While Loops
Solution to the 99 Bottles Challenge
Control Statements: For Loops
Tip from Angela - Retrieval is How You Learn
Feedback Time!
The Document Object 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
Feedback Time!
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
Feedback Time!
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
Feedback Time!
jQuery
What is jQuery?
How to Incorporate jQuery into Websites
How Minification Works to Reduce File Size
Selecting Elements with jQuery
Manipulating Styles with jQuery
Manipulating Text with jQuery
Manipulating Attributes with jQuery
Adding Event Listeners with jQuery
Adding and Removing Elements with jQuery
Website Animations with jQuery
Tip from Angela - Mixing Knowledge
Feedback Time!
Boss Level Challenge 2 - The Simon Game
What You'll Make: The Simon Game
Play the Game
Step 0 - Download the Starting Files
Step 1 - Add Javascript and jQuery
Step 1 - Answer
Step 2 - Create A New Pattern
Step 2 - Answer
Step 3 - Show the Sequence to the User with Animations and Sounds
Step 3 - Answer
Step 4 - Check Which Button is Pressed
Step 4 - Answer
Step 5 - Add Sounds to Button Clicks
Step 5 - Answer
Step 6 - Add Animations to User Clicks
Step 6 - Answer
Step 7 - Start the Game
Step 7 - Answer
Step 8 - Check the User's Answer Against the Game Sequence8
Step 8 - Answer
Step 9 - Game Over
Step 9 - Answer
Step 10 - Restart the Game
Step 10 - Answer
Download the Completed Project Code
Tip from Angela - Dealing with Frustration
Feedback Time!
The Unix Command Line
Installing the Hyper Terminal
Command Line Hyper Setup
Understanding the Command Line. Long Live the Command Line!
Command Line Techniques and Directory Navigation
Creating, Opening, and Removing Files through the Command Line
Tip from Angela - Sleep is My Secret Weapon
Feedback Time!
Backend Web Development
Backend Web Development Explained
Node.js
What is Node.js?
Install Node.js on Mac
Install Node.js on Windows
The Power of the Command Line and How to Use Node
The Node REPL (Read Evaluation Print Loops)
How to Use the Native Node Modules
The NPM Package Manager and Installing External Node Modules
Feedback Time!
Express.js with Node.js
What is Express?
Creating Our First Server with Express
Handling Requests and Responses: the GET Request
Nodemon Installation
Understanding and Working with Routes
What We'll Make: A Calculator
Calculator Setup Challenge
Calculator Setup: Challenge Solution
Responding to Requests with HTML Files
Processing Post Requests with Body Parser
BMI Routing Challenge
Solution to the BMI Routing Challenge
Tip from Angela - How to Solidify Your Knowledge
Feedback Time!
Git, Github and Version Control
Introduction to Version Control and Git
Version Control Using Git and the Command Line
GitHub and Remote Repositories
GitHub Private Repos are now Free! ?
Gitignore
Cloning
Branching and Merging
Forking and Pull Requests
Optional Git Challenge
Tip from Angela - Spaced Repetition
Feedback Time!
APIs - Application Programming Interfaces
What are APIs? Application Programming Interfaces Demystified
Using the Request Module to Get Data from an API
Understanding the JSON Format and Working with JSON
API Calls with Parameters
What We'll Make: A MailChimp Newsletter Sign Up Page
Setting Up the Newsletter Page
Posting Data to MailChimp's Servers
Adding Success and Failure Pages to the Website
Deploy the Project to Heroku and Make it Live!
Tip from Angela - Location, Location, Location!
Feedback Time!
EJS
Download the Starting Files
What We'll Make: A ToDoList
Linter Errors with EJS
Templates? Why Do We Need Templates?
Creating Your First EJS Templates
Running Code Inside the EJS Template
Passing Data from Your Webpage to Your Server
The Concept of Scope in the Context of Javascript
Adding Pre-Made CSS Stylesheets to Your Website
Understanding Templating vs. Layouts
Understanding Node Module Exports: How to Pass Functions and Data between Files
Tip from Angela - Use Accountability in your Favour
Feedback Time!
Boss Level Challenge 3 - Blog Website
A New Challenge Format and What We'll Make: A Blog
Setting Up the Blog Project
Challenge 1
Challenge 1 Solution
Challenge 2
Challenge 2 Solution
Challenge 3
Challenge 3 Solution
Challenge 4
Challenge 4 Solution
Challenge 5
Challenge 5 Solution
Challenge 6
Challenge 6 Solution
Challenge 7
Challenge 7 Solution
Challenge 8
Challenge 8 Solution
Challenge 9
Challenge 9 Solution
Challenge 10
Challenge 10 Solution
Challenge 11
Challenge 11 Solution
Challenge 12
Challenge 12 Solution
Challenge 13
Challenge 13 Solution
Challenge 14 and Solution
Challenge 15
Challenge 15 Solution
Express Routing Parameters
Challenge 16
Challenge 16 Solution
Challenge 17
Challenge 17 Solution
Challenge 18
Challenge 18 Solution
Challenge 19
Challenge 19 Solution
Challenge 20
Challenge 20 Solution
Challenge 21
Challenge 21 Solution
Tip from Angela - When Life Gives You Lemons
Feedback Time!
Databases
Databases Explained: SQL vs. NOSQL
SQL
SQL Commands: CREATE Table and INSERT Data
SQL Commands: READ, SELECT, and WHERE
Updating Single Values and Adding Columns in SQL
SQL Commands: DELETE
Understanding SQL Relationships, Foreign Keys and Inner Joins
Tip from Angela - Find All the Hard Working People
Feedback Time!
MongoDB
Installing MongoDB on Mac
Installing MongoDB on Windows
MongoDB CRUD Operations in the Shell: Create
MongoDB CRUD Operations in the Shell: Reading & Queries
MongoDB CRUD Operations in the Shell: Update
MongoDB CRUD Operations in the Shell: Delete
Relationships in MongoDB
Working with The Native MongoDB Driver
If You Have Forgotten to Quit the Mongod Server
Tip from Angela - Daily Routines
Feedback Time!
Mongoose
Introduction to Mongoose
Reading from Your Database with Mongoose
Data Validation with Mongoose
Updating and Deleting Data Using Mongoose
Establishing Relationships and Embedding Documents using Mongoose
Tip from Angela - Deep Work
Feedback Time!
Putting Everything Together
Let's take the ToDoList Project to the Next Level and Connect it with Mongoose
Rendering Database Items in the ToDoList App
Adding New Items to our ToDoList Database
Deleting Items from our ToDoList Database
Creating Custom Lists using Express Route Parameters
Adding New Items to the Custom ToDo Lists
Revisiting Lodash and Deleting Items from Custom ToDo Lists
Tip from Angela - One Step at a Time
Feedback Time!
Deploying Your Web Application
How to Deploy Web Apps with a Database
How to Setup MongoDB Atlas
Deploying an App with a Database to Heroku
Tip from Angela - Discipline Breeds Discipline
Feedback Time!
Boss Level Challenge 4 - Blog Website Upgrade
Challenge: Give your Blog a Database
Step 0 - Download the Starting Files
Step 1 - Save Composed Posts with MongoDB
Step 2 - Get the Home Page to Render the Posts
Step 3 - Fix the bug
Step 4 - Render the correct blog post based on post _id
Completed Blog with Database Solution
Tip from Angela - Dealing with Limitations
Feedback Time!
Build Your Own RESTful API From Scratch
What is REST?
Creating a Database with Robo 3T
Set Up Server Challenge
Set Up Server Solution
GET All Articles
POST a New Article
DELTE All Articles
Chained Route Handlers Using Express
GET a Specific Article
PUT a Specific Article
PATCH a Specific Article
DELETE a Specific Article
Download the Completed Project Code
Feedback Time!
Working with RESTful API Challenge
What We'll Make - Wikipedia Clone - Mykipedia
Step 0 - Download the Additional Files
Step 1 - Render the Home Page
Step 1 - Solution
Step 2 - Show all the Articles on the Home.ejs Page
Step 2 - Solution
Step 3 - Create a New Article
Step 3 - Solution
Step 4 - Delete All Articles
Authentication & Security
Introduction to Authentication
Getting Set Up
Level 1 - Register Users with Username and Password
How to Review the Source Code
Level 2 - Database Encryption
Using Environment Variables to Keep Secrets Safe
Level 3 - Hashing Passwords
Hacking 101 â���²�£��?�¨
Level 4 - Salting and Hashing Passwords with bcrypt
What are Cookies and Sessions?
Using Passport.js to Add Cookies and Sessions
Level 6 - OAuth 2.0 & How to Implement Sign In with Google
Finishing Up the App - Letting Users Submit Secrets
Download the Completed Project Code
Feedback Time!
React.js
What is React?
What we will make in this React module
Introduction to Code Sandbox and the Structure of the Module
Introduction to JSX and Babel
JSX Code Practice
Javascript Expressions in JSX & ES6 Template Literals
Javascript Expressions in JSX Practice
JSX Attributes & Styling React Elements
Inline Styling for React Elements
React Styling Practice
React Components
React Components Practice
Javascript ES6 - Import, Export and Modules
Javascript ES6 Import, Export and Modules Practice
[Windows]â�����£ Local Environment Setup for React Development
[Mac] Local Environment Setup for React Developmentâ�����£
Keeper App Project - Part 1 Challenge
Keeper App Part 1 Solution
React Props
React Props Practice
React DevTools
Mapping Data to Components
Mapping Data to Componentsâ�����£ Practice
Javascript ES6 Map/Filter/Reduce
Javascript ES6 Arrow functions
Keeper App Project - Part 2
React Conditional Rendering with the Ternary Operator & AND Operator
Conditional Rendering Practice
State in React - Declarative vs. Imperative Programming
React Hooks - useState
useState Hook Practice
Javascript ES6 Object & Array Destructuring
Javascript â�����£ES6 Destructuring Challenge Solution
Event Handling in React
React Forms
Class Components vs. Functional Components
Changing Complex State
Changing Complex State Practice
Javascript ES6 Spread Operator
Javascript ES6 Spread Operator Practice
Managing a Component Tree
Managing a Component Tree Practice
Keeper App Project - Part 3
React Dependencies & Styling the Keeper App
Feedback Time!
Bonus Module: Design School 101
Designer vs. Non-Designer Thinking
Understanding the Mood of Your Colour Palette
How to Combine Colours to Create Colour Palettes
Tools for Designing with Colour
Introduction to Typography
The Serif Type Family - Origin and Use
The Sans-Serif Type Family - Origin and Use
How Typography Determines Readability
How to Combine Fonts Like a Pro
What is User Interface (UI) Design?
The Tour Guide Approach to UI Design
The Importance of Alignment
What is Good Practice in Interaction Design
Colour in User Interface Design
The Many Ways of Designing Text Overlays
How to Be an Attention Architect
Feedback Time!
Bonus Module: Ask Angela Anything
AAA 1 - How to Soak in Programming Concepts and more...
AAA 2 - Schedule for Learning to Code and more...
AAA 3 - How to Start Freelancing and more...
Feedback Time!
Next Steps
Vote for the Next Module!
Other courses offered by UDEMY
Student Forum
Anything you would want to ask experts?