A Front-End Web Developer MasterClass Using HTML, CSS, and JavaScript

Table of contents

1. Chapter 1 : Introduction to web development course
   1. Web development introduction
   2. Welcome to front end web development
2. Chapter 2 : How the internet works
   1. DNS Names and IP addresses
   2. Code of the internet
   3. HTML and CSS how they work
   4. JavaScript Code
   5. Web development and how it works
   6. Dynamic Static Frontend Backend Client Side Server Side
   7. Editors creating frontend code
   8. Web development Browsers
   9. File Structure
   10. Hosting websites
   11. Get your website files to your server
   12. Web developer Resources and info
3. Chapter 3 : Basics of HTML
   1. What is HTML
   2. How to Write and Practice HTML
   3. How to create an HTML boilerplate
   4. Exercise creating a boilerplate HTML file
   5. Self Closing tags Meta tags and attributes
   6. Heading Tags
   7. Update template
   8. Common tags P BR HR separate text
   9. Clean Code Comments and more
   10. HTML preformatted text
   11. HTML Character Codes resources
   12. Exercise Recreate as HTML
4. Chapter 4 : HTML more tags
   1. HTML Markup Examples
   2. HTML hyperlinks
   3. Hyperlink Attributes
   4. How to create HTML bookmarks
   5. email link HTML mailto
   6. Exercise Create Navbar for website
   7. Adding Images to websites
   8. Exercise Create Thumbnail portfolio
   9. Ordered Lists and Unordered lists
   10. HTML Description List
   11. HTML Nested Lists
   12. Exercise List of services
   13. HTML tables
   14. HTML spanning multiple cells
   15. Quick Tip Styling
   16. Exercise HTML table
   17. HTML forms introduction
   18. Contact Form HTML
   19. New HTML5 input types
   20. Form elements HTML
   21. Form content
   22. Exercise Create Contact Form
   23. HTML5 semantic elements
   24. HTML iframe pages
   25. Exercise Create a Website
5. Chapter 5 : Introduction to CSS
   1. Websites with and without CSS
   2. How to add CSS to HTML Pages
   3. Making selections CSS inspector
   4. Divs and spans content selection
   5. CSS selection id tag class
   6. Colors HEX RGB RGBA values
   7. CSS named color values
   8. CSS background images
   9. CSS background shorthand statement
   10. CSS borders shorthand
   11. CSS border Outline
   12. CSS Margins
   13. CSS padding
   14. CSS Box Model Dev Tools
   15. CSS height and Width
   16. Box Model Challenge
   17. Auto Margins Center your elements CSS
   18. CSS font property
   19. CSS Text property
   20. Chrome dev tools editors and options
   21. Adding Font families Google Fonts
   22. Line Height CSS
   23. CSS letter spacing
   24. CSS links
   25. CSS table styling
   26. Display and Hiding elements CSS
   27. Display Inline 4 squares Challenge
   28. CSS position Properties
   29. DevTools Design Tips
   30. Coding Challenge Make a NavBar from an unordered list
   31. Code Challenge Solution
6. Chapter 6 : Using CSS to build webpage layouts
   1. Floats section introduction
   2. More about Floats
   3. Intro to Floats
   4. CSS Float images inline with text
   5. CSS float thumbnails
   6. HTML build basic page layout CSS
   7. 2 column CSS site
   8. Create a 2 column page layout in minutes
   9. Create 3 column webpage
   10. 3 column height background color fix
7. Chapter 7 : Advanced CSS
   1. CSS Combinators
   2. CSS Pseudo Classes
   3. CSS Pseudo Elements
   4. CSS Selectors by attributes
   5. CSS Media Queries secret to responsive design
8. Chapter 8 : Do more with CSS
   1. Multiple Background Images CSS
   2. Element box properties CSS
   3. More border options CSS3
   4. background gradients CSS
   5. CSS3 Animation
9. Chapter 9 : Apply CSS create a website
   1. HTML build a basic website structure with HTML
   2. Apply CSS build a navbar
   3. Build 2 Column main content area CSS
   4. Sidemenu links hover CSS
   5. CSS website tweak
10. Chapter 10 : JavaScript do more on your web page
    1. What is JavaScript
    2. How to add JavaScript to Webpages
    3. Debugging and commenting JavaScript
    4. JavaScript Basic Data Types
    5. JavaScript Variables
    6. JavaScript Variable Rules
    7. Exercise 1 Output to console link to js file
    8. Data type Null vs Undefined JavaScript
    9. Declaring multiple variables at once JavaScript
    10. JavaScript Operators
    11. Increment and Decrement Values JavaScript
    12. Assignment Operators JavaScript
    13. Comparison Operators JavaScript
    14. JavaScript String Operators
    15. JavaScript Logical Operators
11. Chapter 11 : JavaScript coding essentials
    1. prompt and alert JavaScript
    2. Writing content to the HTML document object
    3. JavaScript Objects
    4. JavaScript Objects Dynamic Outputs
    5. JavaScript Objects within Objects
    6. JavaScript update values
    7. JavaScript Arrays
    8. Working with Array Methods JavaScript
    9. Array Methods extended
    10. Sorting and more with Arrays JavaScript
    11. More with Arrays JavaScript
    12. Objects and Arrays together
    13. JavaScript if condition statement
    14. JavaScript switch statement
    15. JavaScript Do while loops
    16. For loops and more JavaScript
    17. Looping items in arrays and objects JavaScript
    18. JavaScript introduction to functions
    19. Working with JavaScript Functions
    20. Global and Local Variables Functions
    21. Self-Executing function
    22. Break out of function JavaScript
    23. JavaScript String Methods
    24. Strings and Arrays
    25. Numbers to strings back to numbers
    26. JavaScript Math Method
    27. JavaScript Date Method
12. Chapter 12 : JavaScript DOM
    1. What is the DOM
    2. Select Node value using JavaScript
    3. JavaScript Objects and selection within the DOM
    4. Windows Object Model
    5. document write method
    6. Selecting Elements by ID
    7. Update Output Div content from input form
    8. Select Elements by Tag Name
    9. Selecting elements by Class
    10. document query Selector
    11. Making Selections like CSS
    12. Traversing the DOM
    13. Add styling to Elements Dynamically
    14. Append and Remove Elements using JavaScript
    15. Add Event listeners to elements using JavaScript
    16. Event listeners click events
    17. Hover over elements make them change background color
    18. Image popup window
13. Chapter 13 : Create a single page website from scratch HTML CSS JavaScript
    1. Single page website section introduction what we are building
    2. development environment setup
    3. webpage setup
    4. Setup Nav Structure and Elements
    5. Style NavBar CSS
    6. Add Placeholder Content to Sections
    7. Tweak Header NavBar and Sections
    8. CSS HTML Build Sections
    9. Build Page Footer
    10. Final Page Tweaks
    11. JavaScript ScrollSpy Effect
    12. Webpage Final Overview