Rapid Introduction to HTML, CSS, and JavaScript Objectives

Key Point of Training Programs

• Rapid Introduction to HTML, CSS, and JavaScript Prerequisites

  Programming Experience
  A basic understanding of how the web works

• Rapid Introduction to HTML, CSS, and JavaScript Training Format

  In-Person

  Online

• Rapid Introduction to HTML, CSS, and JavaScript Outline

  A Quick Overview of Web Development
  Client-side Programming
  HTML
  Cascading Style Sheets
  JavaScript 1
  Ajax
  JavaScript Frameworks
  Server-side Programming
  Java EE
  ASP.NET
  Python
  PHP
  ColdFusion
  Node.js
  Introduction to HTML
  Getting Started
  A Simple HTML Document
  The HTML Skeleton
  The Element
  The Element
  Whitespace
  HTML Elements
  Attributes
  Empty vs. Container Tags
  Blocks and Inline Elements
  Comments
  Special Characters
  History of HTML
  lang Attribute
  Paragraphs, Headings, and Text
  Paragraphs
  Breaks and Horizontal Rules
  Creating an HTML Page
  Quoted Text
  Preformatted Text
  Text-Level Semantic Elements
  HTML Links
  Text Links
  Absolute vs. Relative Paths
  Absolute Paths
  Relative Paths
  Default Pages
  Targeting New Windows
  Email Links
  Adding Links
  Targeting a Specific Location on the Page
  The title Attribute
  HTML Images
  Inserting Images
  Making Images Accessible
  Alternative Text
  Long Descriptions
  Height and Width Attributes
  Image Links
  Adding Images to the Page
  HTML Lists
  Unordered Lists
  Nesting Unordered Lists
  Ordered Lists
  Nesting Ordered Lists
  The type Attribute
  The start Attribute
  Definition Lists
  Creating Lists
  Crash Course in CSS
  Benefits of Cascading Style Sheets
  CSS Rules
  CSS Comments
  Selectors
  Type Selectors
  Class Selectors
  ID Selectors
  Attribute Selectors
  The Universal Selector
  Grouping
  Combinators
  Descendant Combinators
  Child Combinators
  General Sibling Combinators
  Adjacent Sibling Combinators
  Precedence of Selectors
  How Browsers Style Pages
  CSS Resets
  CSS Normalizers
  External Stylesheets, Embedded Stylesheets, and Inline Styles
  External Stylesheets
  Embedded Stylesheets
  Inline Styles
  Exercise: Creating an External Stylesheet
  Exercise: Creating an Embedded Stylesheet
  Exercise: Adding Inline Styles

  and
  Exercise: Divs and Spans
  Media Types
  Units of Measurement
  Absolute vs. Relative Units
  Pixels
  Ems and Rems
  Percentages
  Other Units
  Inheritance
  The inherit Value
  CSS Fonts
  font-family
  Specifying by Font Name
  Specifying Font by Category
  @font-face
  Getting Fonts
  font-size
  Relative font-size Terms
  Best Practices
  font-style
  font-variant
  font-weight
  line-height
  font
  Exercise: Styling Fonts
  Color and Opacity
  About Color and Opacity
  Color and Opacity Values
  Color Keywords
  RGB Hexadecimal Notation
  RGB Functional Notation
  HSL Functional Notation
  color
  opacity
  Exercise: Adding Color and Opacity to Text
  CSS Text
  letter-spacing
  text-align
  text-decoration
  text-indent
  text-shadow
  text-transform
  white-space
  word-break
  word-spacing
  Exercise: Text Properties
  JavaScript Basics
  The Name ``JavaScript``
  What is ECMAScript?
  The HTML DOM
  JavaScript Syntax
  Accessing Elements
  Dot Notation
  Square Bracket Notation
  Where Is JavaScript Code Written?
  JavaScript Objects, Methods and Properties
  Variables, Arrays, and Operators
  JavaScript Variables
  A Loosely-Typed Language
  Google Chrome DevTools
  Variable Naming
  Storing User-Entered Data
  Constants
  Arrays
  Associative Arrays
  Array Properties and Methods
  Playing with Array Methods
  JavaScript Operators
  The Modulus Operator
  The Default Operator
  JavaScript Functions
  Global Objects and Functions
  parseFloat(object)
  parseInt(object)
  isNaN(object)
  User-defined Functions
  Function Syntax
  Passing Values to Functions
  Returning Values from Functions
  Built-In JavaScript Objects
  String
  Math
  Date
  Helper Functions
  Conditionals and Loops
  Conditionals
  if - else if - else Conditions
  Short-circuiting
  Switch / Case
  Ternary Operator
  Truthy and Falsy
  Loops
  while Loop Syntax
  do while Loop Syntax
  for Loop Syntax
  for of Loop Syntax
  for in Loop Syntax
  break and continue
  Array: forEach()
  Event Handlers and Listeners
  On-Event Handlers
  The getElementById() Method
  The addEventListener() Method
  Capturing Key Events
  Benefits of Event Listeners
  Timers