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

Video description

This course is going to take you on a journey where you’ll learn and practice HTML CSS and JavaScript all in one course. This includes various topics in HTML such as how to write and practice HTML, Heading Tags, Update template and lot more. You will be able to understand CSS, Advanced CSS, and Apply CSS in creating a website etc. This course is designed to help you learn and practice front-end coding for website development and design. Source Code and examples are included to get you started quickly. Links to top resources and more all available in one massive course. You will be able to create interactive websites from scratch and allows you to become familiar with coding and creating web pages and applications.

What You Will Learn

  • Create interactive websites from scratch
  • Become familiar with coding and creating web pages and applications

Audience

This course is designed for Web application developers, Web designers, those who wants to learn about web development, complete beginners and for anyone who wants all the contents in one place.

About The Author

Laurence Svekis: Laurence Svekis is an experienced web application developer. He has worked on multiple enterprise-level applications, hundreds of websites, business solutions, and many unique and innovative web applications. He has expertise in HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, and MySQL and is also passionate about web technologies, web application development, programming, and online marketing with a strong focus on social media and SEO. He is always willing to help his students experience what technology has to offer and looks forward to sharing his knowledge and experiences with the world.

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

Product information

  • Title: A Front-End Web Developer MasterClass Using HTML, CSS, and JavaScript
  • Author(s): Laurence Svekis
  • Release date: September 2018
  • Publisher(s): Packt Publishing
  • ISBN: 9781789803358