CourseLink: The Complete 2022 Web Development Bootcamp By Dr. Angela Yu.
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.
1. HTML ✅
1.1 1_Introduction ✅
1.1.1 1_HTMLIntro.html - ✅
1.1.2 2_HTMLTagAnatomy.html - ✅
1.1.3 3_What_will_we_build.html - ✅
1.1.4 4_HTML_Boilerplate
1.1.4.1 1_HTML-Personal_Site
1.1.4.1.1 Index.html - ✅
1.1.5 5_HTML_Structure
1.1.5.1 1_HTML-Personal_Site
1.1.5.1.1 Index.html - ✅
1.1.6 6_HTML_Lists
1.1.6.1 1_HTML-Personal_Site
1.1.6.1.1 Index.html - ✅
1.1.7 7_HTML_Images
1.1.7.1 1_HTML-Personal_Site
1.1.7.1.1 Index.html - ✅
1.1.8 8_HTML_Anchors_&_Hyperlinks
1.1.8.1 1_HTML-Personal_Site
1.1.8.1.1 Index.html - ✅
1.1.8.1.2 Hobbies.html - ✅
1.1.8.1.3 Contact.html - ✅
1.2 2_Intermediate - ⏳
1.2.1 1_HTML_Tables
1.2.1.1 1_HTML-Personal_Site
1.2.1.1.1 Index.html - ✅
1.2.1.1.2 Hobbies.html - ✅
1.2.1.1.3 Contact.html - ✅
1.2.2 2_HTML_Tables_Layout
1.2.2.1 1_HTML-Personal_Site
1.2.2.1.1 Index.html - ✅
1.2.2.1.2 Hobbies.html - ✅
1.2.2.1.3 Contact.html - ✅
1.2.3 3_HTML_Tables_Challenge
1.2.3.1 1_HTML-Personal_Site
1.2.3.1.1 Index.html - ✅
1.2.3.1.2 Hobbies.html - ✅
1.2.3.1.3 Contact.html - ✅
1.2.4 4_HTML_Forms
1.2.4.1 1_HTML-Personal_Site
1.2.4.1.1 Index.html - ✅
1.2.4.1.2 Hobbies.html - ✅
1.2.4.1.3 Contact.html - ✅
1.2.5 5_HTML_Contact_Forms
1.2.5.1 1_HTML-Personal_Site
1.2.5.1.1 Index.html - ✅
1.2.5.1.2 Hobbies.html - ✅
1.2.5.1.3 Contact.html - ✅
HTML_Code_PlayGround.html - ✅
NOTE: The Structure of HTML Module is in greater detail so you get fimiliar with structure of content, further module will be listed in lesser details.
2. CSS ✅
2.1 1_Introduction
2.1.1 1_CSS_Inline_css - ✅
2.1.2 2_CSS_Internal_css - ✅
2.1.3 3_CSS_External_css - ✅
2.1.4 4_CSS_Debug_CSS - ✅
2.1.5 5_CSS_Syntex - ✅
2.1.6 6_CSS_Selectors - ✅
2.1.7 7_CSS_Classes_Vs_Ids - ✅
2.2 2_Intermediate - ✅
2.2.1 1_CSS-My-Site - ✅
2.2.2 2_CSS-Fevicon - ✅
2.2.3 3_CSS-HTML-Divs - ✅
2.2.4 4_CSS-Box-Model - ✅
2.2.5 5_CSS-Display_property - ✅
2.2.6 6_Learn More About Web Design - ✅
2.2.7 7_CSS-Static-&-Relative-Positioning - ✅
2.2.8 8_CSS-Absolute-Positioning - ✅
2.2.9 9_CSS-Center-Element - ✅
2.2.10 10_CSS-Font-Family - ✅
2.2.11 11_Learn More About Typography - ✅
2.2.12 12_CSS-Site-Content - ✅
2.2.13 13_CSS-Sizing - ✅
2.2.14 14_Challenge_1 - ✅
2.2.15 15_Challenge_2 - ✅
2.2.16 16_Challenge_3 - ✅
2.2.17 17_All_Challenge_and_background - ✅
2.2.18 18_CSS_Float_and_Clear - ✅
2.2.19 19_CSS_Final_Challenge - ✅
2.2.20 20_CSS_Final_Challenge_Completed - ✅
2.2.21 Optional_Practice - ✅
The Website made with HTML and Basic CSS is published at: HTML and Basic CSS CV Website.
3. Bootstrap 4 ✅
3.1 1_Introduction - ✅
3.1.1 1_What_is_Bootstrap - ✅
3.1.2 2_Install-Bootstrap - ✅
3.1.3 3_Wireframing - ✅
3.1.4 4_Bootstrap_Nevigation_bar - ✅
3.1.5 5_What_will_we_make - ✅
3.1.6 6_Tindog_starting_file - ✅
3.1.7 7_Set-up_New_Project - ✅
3.1.8 8_Bootstrap_grid - ✅
3.1.9 9_Get_Correct_GFont_weight - ✅
3.1.10 10_Tindog_grid - ✅
3.1.11 11_CSS_order - ✅
3.1.12 12_Bootstrap_Containers - ✅
3.1.13 13_Bootstrap_Button&Font - ✅
3.1.14 14_Styling_Our_Website_Challenges - ✅
3.1.15 15_Bootstrap_Challenge_1 - ✅
3.1.16 16_Bootstrap_Challenge_1_Solution - ✅
3.2 2_Intermediate ✅
3.2.1 1_Bootstrap_Carousel_Part_1 - ✅
3.2.2 2_Bootstrap_Carousel_Part_2 - ✅
3.2.3 3_Bootstrap_Card - ✅
3.2.4 4_CSS_Z-index_&_stacking_Order - ✅
3.2.5 5_CSS_Media_Query_Breakpoints - ✅
3.2.6 6_Bootstrap_footer_challenge - ✅
3.2.7 7_Why_Refactor- ✅
3.2.8 8_Refactor_Part-1 - ✅
3.2.9 9_Combining Selectors - ✅
3.2.10 10_Refactor_Part-2 - ✅
3.2.11 11_Completed_website - ✅
3.2.12 12_Angela_Website_Files - ✅
4. Sample Projects ✅
4.1 Basic Flipkart Clone - ✅
4.2 Sign Up & Login Page - ✅
5. JavaScript 🏗
This module is done in Browser >> Developer tools >> Console
or
This module is done in Browser >> Developer tools >> Sources >> New Snippet >> Index.js
5.1 1_Introduction Javascript ES6 🏗
5.1.1 1.Alerts - ✅
5.1.2 2.Datatypes - ✅
5.1.3 3.Variable - ✅
5.1.4 4.Variable Exercise - ✅
5.1.5 5.Variable Exercise Solution - ✅
5.1.6 6.Naming Conventions - ✅
5.1.7 7.String Concatenation - ✅
5.1.8 8.String Length - ✅
5.1.9 9.String Slice - ✅
5.1.10 10.String character casing challenge - ✅
5.1.11 11.String character casing challenge Solution - ✅