Rapid Introduction to HTML, CSS, and JavaScript

  4.7 out of 5 based on 62 Ratings

In this class, students get a rapid hands-on introduction to client-side programming with HTML, CSS, and JavaScript. The course is meant for students who want to need to get a jump start on all three technologies. Students should be prepared to cover a lot and to be ready to spend some time afterward reviewing the content on their own to solidify and build upon the skills taught in class.

Location

Public Classes: Delivered live online via WebEx and guaranteed to run . Join from anywhere!

Private Classes: Delivered at your offices , or any other location of your choice.

Goals
  1. Learn the basics of web development.
  2. Learn to create links in HTML documents.
  3. Learn to add images to HTML documents.
  4. Learn the benefits of CSS.
  5. Learn to avoid using deprecated HTML tags and attributes.
  6. Learn CSS syntax.
  7. Learn to use <div> and <span> tags appropriately.
  8. Learn some common CSS properties and their values.
  9. Learn to use CSS resets and normalizers.
  10. Learn best practices for choosing units of measurement.
  11. Learn how to select CSS fonts and to download and use new fonts.
  12. Learn about color and opacity.
  13. Learn how JavaScript is used.
  14. Learn JavaScript syntax.
  15. Learn about objects, methods, and properties.
  16. Learn to work with JavaScript variables.
  17. Learn to create your own functions in JavaScript.
  18. Learn to write flow control logic in JavaScript.
  19. Learn to listen for and handle events, such as mouse clicks and page loads, with JavaScript.
Outline
  1. A Quick Overview of Web Development
    1. Client-side Programming
      1. HTML
      2. Cascading Style Sheets
      3. JavaScript 1
      4. Ajax
      5. JavaScript Frameworks
    2. Server-side Programming
      1. Java EE
      2. ASP.NET
      3. Python
      4. PHP
      5. ColdFusion
      6. Node.js
  2. Introduction to HTML
    1. Getting Started
    2. A Simple HTML Document
    3. The HTML Skeleton
      1. The <head> Element
      2. The <body> Element
      3. Whitespace
    4. HTML Elements
      1. Attributes
      2. Empty vs. Container Tags
      3. Blocks and Inline Elements
      4. Comments
    5. Special Characters
    6. History of HTML
    7. lang Attribute
  3. Paragraphs, Headings, and Text
    1. Paragraphs
    2. Breaks and Horizontal Rules
    3. Creating an HTML Page
    4. Quoted Text
    5. Preformatted Text
    6. Text-Level Semantic Elements
  4. HTML Links
    1. Text Links
    2. Absolute vs. Relative Paths
      1. Absolute Paths
      2. Relative Paths
      3. Default Pages
    3. Targeting New Windows
    4. Email Links
    5. Adding Links
    6. Targeting a Specific Location on the Page
    7. The title Attribute
  5. HTML Images
    1. Inserting Images
      1. Making Images Accessible
      2. Alternative Text
      3. Long Descriptions
      4. Height and Width Attributes
    2. Image Links
    3. Adding Images to the Page
  6. HTML Lists
    1. Unordered Lists
      1. Nesting Unordered Lists
    2. Ordered Lists
      1. Nesting Ordered Lists
      2. The type Attribute
      3. The start Attribute
    3. Definition Lists
    4. Creating Lists
  7. Crash Course in CSS
    1. Benefits of Cascading Style Sheets
    2. CSS Rules
      1. CSS Comments
    3. Selectors
      1. Type Selectors
      2. Class Selectors
      3. ID Selectors
      4. Attribute Selectors
      5. The Universal Selector
      6. Grouping
    4. Combinators
      1. Descendant Combinators
      2. Child Combinators
      3. General Sibling Combinators
      4. Adjacent Sibling Combinators
    5. Precedence of Selectors
    6. How Browsers Style Pages
    7. CSS Resets
    8. CSS Normalizers
    9. External Stylesheets, Embedded Stylesheets, and Inline Styles
      1. External Stylesheets
      2. Embedded Stylesheets
      3. Inline Styles
    10. Exercise: Creating an External Stylesheet
    11. Exercise: Creating an Embedded Stylesheet
    12. Exercise: Adding Inline Styles
    13. <div> and <spa>
    14. Exercise: Divs and Spans
    15. Media Types
    16. Units of Measurement
      1. Absolute vs. Relative Units
      2. Pixels
      3. Ems and Rems
      4. Percentages
      5. Other Units
    17. Inheritance
      1. The inherit Value
  8. CSS Fonts
    1. font-family
      1. Specifying by Font Name
      2. Specifying Font by Category
    2. @font-face
      1. Getting Fonts
    3. font-size
      1. Relative font-size Terms
      2. Best Practices
    4. font-style
    5. font-variant
    6. font-weight
    7. line-height
    8. font
    9. Exercise: Styling Fonts
  9. Color and Opacity
    1. About Color and Opacity
    2. Color and Opacity Values
      1. Color Keywords
      2. RGB Hexadecimal Notation
      3. RGB Functional Notation
      4. HSL Functional Notation
    3. color
    4. opacity
    5. Exercise: Adding Color and Opacity to Text
  10. CSS Text
    1. letter-spacing
    2. text-align
    3. text-decoration
    4. text-indent
    5. text-shadow
    6. text-transform
    7. white-space
    8. word-break
    9. word-spacing
    10. Exercise: Text Properties
  11. JavaScript Basics
    1. The Name "JavaScript"
    2. What is ECMAScript?
    3. The HTML DOM
    4. JavaScript Syntax
    5. Accessing Elements
      1. Dot Notation
      2. Square Bracket Notation
    6. Where Is JavaScript Code Written?
    7. JavaScript Objects, Methods and Properties
  12. Variables, Arrays, and Operators
    1. JavaScript Variables
      1. A Loosely-Typed Language
      2. Google Chrome DevTools
      3. Variable Naming
      4. Storing User-Entered Data
    2. Constants
    3. Arrays
      1. Associative Arrays
      2. Array Properties and Methods
    4. Playing with Array Methods
    5. JavaScript Operators
    6. The Modulus Operator
    7. The Default Operator
  13. JavaScript Functions
    1. Global Objects and Functions
      1. parseFloat(object)
      2. parseInt(object)
      3. isNaN(object)
    2. User-defined Functions
      1. Function Syntax
      2. Passing Values to Functions
    3. Returning Values from Functions
  14. Built-In JavaScript Objects
    1. String
    2. Math
    3. Date
    4. Helper Functions
  15. Conditionals and Loops
    1. Conditionals
    2. if - else if - else Conditions
    3. Short-circuiting
    4. Switch / Case
    5. Ternary Operator
    6. Truthy and Falsy
    7. Loops
      1. while Loop Syntax
      2. do while Loop Syntax
      3. for Loop Syntax
      4. for of Loop Syntax
      5. for in Loop Syntax
    8. break and continue
    9. Array: forEach()
  16. Event Handlers and Listeners
    1. On-Event Handlers
      1. The getElementById() Method
    2. The addEventListener() Method
    3. Capturing Key Events
    4. Benefits of Event Listeners
    5. Timers
Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following is required for this HTML class:

  • Working with computers regularly

Experience in the following would be useful for this HTML class:

  • Programming Experience
  • A basic understanding of how the web works

Training for Yourself

$1,980.00 or 4 vouchers

Upcoming Live Online Classes

  • See More Classes

Please select a class.

Training for your Team

Length: 4 Days
  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors

What people say about our training

My learning experience was flexibly tailored to fit my particular needs of managing websites and understanding the languages of website development. The course material is content rich and I was given extra material for future reference ...Thanks!
Rob Rogers
devi mandir
Webucator is really exceptional in providing high-quality technical training courses. Every time we take a class with them, we are assured of getting our money's worth because of excellent instructors. Classes are well-organized and the course materials are very informative and easy to follow.
Rey de los Reyes
Social Security Administration
My Instructor made the experience of learning programming enjoyable and easy. Kudos!
Kyle Towers
Bureau of Land Management
Fantastic Instructor. I did not think an online course could be this fun.
Ahmed Shariff
Katz Group Canada

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

62,706

Students who have taken Instructor-led Training

11,846

Organizations who trust Webucator for their Instructor-led training needs

100%

Satisfaction guarantee and retake option

9.50

Students rated our Rapid Introduction to HTML, CSS, and JavaScript trainers 9.50 out of 10 based on 62 reviews

Contact Us or call 1-877-932-8228