Front end Web developer introduction course
  • Course introduction
  • Course Resources
  • Web development Resources PDF
  • What is Frontend web development
  • Front end development
Web Design Web developer Tools
  • How to Choose an editor
  • Code editors list - resources
  • Web Design Tools for development
  • Web dev Resources
  • web designers client questions
  • web design process questions for clients
  • Domain registration and hosting
  • Web Tools for web developers
  • webmaster resources
  • Website content trends
Learning HTML
  • Introduction to HTML setup environment
  • HTML page structure
  • Default HTML5 boilerplate
  • HTML website Template
  • Basics of HTML
  • HTML list and Tables
  • HTML images hyperlinks
  • HTML common tags div span
  • HTML add styling
  • HTML form types and fields
  • HTML5 structuring
  • HTML bringing it all together as a template
HTML practice Coding exercises
  • Adding comment in HTML
  • Add comments to an HTML page
  • HTML add paragraphs
  • Create an HTML paragraph element
  • HTML list items ordered lists and underordered lists
  • Create an unordered list
  • HTML adding IDs to HTML elements
  • Create an id for an HTML element
  • Add inline style to HTML element
  • Add a simple inline style to an element
  • HTML adding titles
  • Create a title
  • HTML add style
  • Add a style element
Learning CSS
  • What is CSS and how to you use it
  • Create CSS code
  • CSS template example external CSS
  • CSS selectors Divs Spans and colors
  • CSS working with Text and wording
  • CSS code examples
  • CSS Box model
  • How the box model works
  • CSS management grouping nesting pseudo classes
  • Working with Backgrounds
  • CSS display property
  • CSS Pseudo Elements
  • Use CSS with HTML to create a web template
  • CSS HTML web Template design explained
  • Example CSS HTML template code
CSS practice Coding exercises
  • CSS remove underline from hyperlinks
  • Define a style to remove underlines from all hyperlinks
  • CSS add padding
  • Define a CSS style to set the padding for a specific class
  • CSS nested elements selectors
  • Create a style for a nested element
  • Define a style to set the font color
Web Design
  • Web Design File structure
  • Onsite SEO tips
  • Mobile First thinking
  • Mobile Resources
  • Website structure diagram planning
  • Web Diagram Navigation planning
  • Web Design Process Tools
  • Web Design Tools and Resources
  • Web Design using Classes with CSS
  • Web Design Tags CSS
JavaScript
  • Javascript introduction
  • Javascript how to work with JavaScript
  • Javascript and HTML user interaction
  • Javascript code declaring variables
  • Declare a variable and assign it a string value
  • Javascript code working with functions
  • Javascript code functions return calculations
  • JavaScript Functions Source Code
  • Create a simple function which accepts multiple parameters and returns a computed value
  • Javascript code conditional statements
  • JavaScript Conditions Notes
  • JavaScript Conditions Source Code
  • Javascript code switch statements
  • Complex conditions using if… else if
  • JavaScript switches
  • Javascript code calculations and ternary
  • JavaScript calculations
  • Javascript code Loops
  • JavaScript loops source code