HTML5 CSS3 and JavaScript Training

How To Take This Class

Live Instructor-Led Online Class

Cost: $1,300.00

  • Open enrollment class for individuals
  • Live class with an instructor
  • Free class retakes forever!
  • Six months of instructor email support
  • Hands-on exercises and student labs
  • Classes never cancelled due to low enrollment
  • Money-back guarantee

Onsite or Offsite Group Training

Cost: Based on number of students

  • For groups as small as 3 people
  • Class Held at our location or yours
  • Hands-on exercises and student labs
  • Customization at no extra charge
  • Six months of instructor email support
  • All-inclusive pricing
  • Money-back guarantee
Request Group Pricing Proposal

Course Duration

4 Days

What Students Receive

Each student will receive:
  • A printed courseware manual for use during and after class, with hands-on HTML5, CSS3 and JavaScript labs and exercises.
  • A PC headset for communicating with the instructor and fellow students during the training Class
  • A course completion certificate upon successful completion of the training course
  • Six months of post-class email support from a web development Instructor

Course Description

In this HTML5 CSS3 and JavaScript Training course, students will quickly get up to speed on the latest standards for developing web applications for both browsers and touch-enabled devices. This course provides a quick introduction to the basics of HTML and then dives deep into new HTML5 tags and attributes. From there, students will learn the latest in CSS3 techniques to create unique and compelling interfaces for their web pages and applications. The course concludes by introducing JavaScript and showing students how to use it for client-side operations, storing data and manipulating graphics. The course also introduces debugging your web pages and applications and deploying them to various end-points. This course can also be used as preparation for students interested in taking the Microsoft Technology Associate Exam #98-375. It can also serve as a stepping stone to the Microsoft Certified Technology Specialist exams.

Course Objectives

After successful completion of this course, students will be able to:
  • Use new HTML5 tags and attributes
  • Use Lists, Data Lists and Text Areas to display text
  • Create forms for user input
  • Organize page content using layout tags and attributes
  • Use HTML5 to display video and play audio
  • Manage content flow with CSS
  • Use CSS layouts to arrange the user interface
  • Use CSS effects for text and objects
  • Monitor events using JavaScript
  • Draw images and text using the Canvas
  • Access data using JavaScript
  • Respond to Touch Interface events
  • Debug and test HTML5 applications

Course Audience

This course is designed for students who either have some experience using HTML/HTML5 or CSS/CSS3 or those who are new to web development. The course provides an intensive introduction to the core technologies used in web development today.

Course Prerequisites

Students should have a familiarity and comfort level using the Windows operating system and a basic understanding of directories, file locations, use of a web browser, URL's, and basic networking concepts such as the difference between a client and a server.

Certification Exam

This course helps students prepare for the Microsoft Technology Associate Exam 98-375

Course Syllabus

  1. Understanding Core Concepts
    • Introduction to HTML5
    • Application Development
    • HTML and W3C
    • CSS and CSS3
    • JavaScript Versus Java
    • HTML Tags and Elements
    • Basic Tag Syntax
    • HTML Elements and Nesting
    • Deprecated Elements
    • Modifying an HTML Element
    • Using Attributes
    • Attributes and Attribute Syntax
    • Required Tags for All Pages
    • The DOCTYPE
    • Character Encoding and Entities
    • Creating a Page with Required Tags
    • Developer Tools and HTML Editors
    • Notepad and Notepad++
    • Microsoft Visual Studio and DreamSpark
    • Adobe Dreamweaver
  2. Displaying Text and Organizing Content
    • Working with Text Elements
    • Headings and Paragraphs
    • Anchors and Hyperlinks
    • HTML Text Elements with New Meaning
    • New HTML5 Text Elements
    • Organizing Content
    • Creating Lists
    • Creating Tables
    • Semantic Elements
    • What is Semantic HTML?
    • Forms and Validation
    • Introducing Forms and Input
    • Input Types and Form Elements
    • Select Lists, Data Lists, and Text Areas
  3. Displaying Graphics and Media
    • Using Tags to Display Graphics
    • Images and Figures
    • Introducing HTML5 Graphics
    • Using Scalable Vector Graphics
    • Creating SVG Graphics
    • Using HTML5 Tags to Play Media
    • HTML5 Video
    • HTML5 Audio
  4. Understanding Core Concepts of CSS
    • Introducing CSS
    • CSS Internal, External, and Inline
    • Understanding CSS Syntax
    • CSS ID’s and Classes
    • CSS and the DIV Element
    • CSS Dimension Properties
    • CSS Text Properties
    • CSS Font Properties
    • CSS Link States and PseudoClasses
    • CSS Pseudo-Classes
    • CSS Nesting Selectors
    • CSS Table Borders and Grouping
    • CSS Managing Content Flow
    • Block and Inline Elements
    • CSS Positioning and Alignment
    • Margins and Center Alignment
    • CSS Manage Content Overflow
    • Content Overflow
    • Scrolling Overflow
    • Visible Overflow
    • Hidden Overflow
  5. Arranging the User Interface Using CSS Layouts
    • The Box Model
    • CSS Flexible Box Layout
    • Changing the Parent Flex Container
    • The Grid Layout Model
  6. Managing the Flow of Text Content Using CSS3
    • Managing Content Flow
    • Creating CSS Regions
    • CSS Region Overflow
    • Multi-Column Layout and Hyphenation
    • CSS3 Hyphenation
    • CSS Exclusions
    • Adobe and CSS Exclusions
  7. Managing the Graphical Interface using CSS3
    • Graphic Effects
    • Rounded Corners
    • Text and Box Shadows
    • Background Gradients
    • Radial Gradients
    • Transparency
    • Text Effects
    • Typography and Web Open
    • Font Format
    • 2D and 3D Transformations
    • 2D Translate
    • 2D Scale
    • 2D Rotate
    • 2D Skew
    • Compound Transformations
    • Transitions and Animations
    • Animations
    • SVG Filter Effects
  8. JavaScript Coding Essentials
    • Introduction to JavaScript
    • Client-side versus Server-side Processing
    • JavaScript in HTML
    • Browser Settings
    • Variables, Data Types, and Operators
    • Variables and Data Types
    • Operators
    • Changing Elements and Listening To Events
    • Finding HTML Elements
    • Manipulating Elements
    • Finding CSS Selectors
    • Listening to and Handling Events
    • Event Listeners and Functions
    • JavaScript Conditions and Loops
    • Loops
    • Using JavaScript Libraries
    • jQuery
    • jQuery Plugins
  9. JavaScript Graphics and Animations
    • JavaScript and the HTML5 Canvas
    • The Canvas Basics
    • Drawing Rectangles and Boxes
    • Drawing Lines
    • Drawing Circles and Arcs
    • Gradients on the Canvas
    • Drawing Text on the Canvas
    • Drawing an Image on the Canvas
    • Create Animations using JavaScript
    • JavaScript Animation using the Canvas
    • JavaScript Libraries for the Canvas
  10. Access Data and Operating System Resources
    • Access Data Using JavaScript
    • Accessing Data
    • IndexedDB
    • Web Storage
    • App Cache
  11. The Touch Interface and Accessing Hardware
    • Responding to the Touch
    • Interface
    • The Touch Interface
    • Touch Event Types
    • Pointer Events
    • Multi-Touch Gestures
    • Coding HTML5 APIs
    • Geolocation API
    • Web Workers API
    • File API
    • Accessing Devices
    • Device Orientation
    • Accessing the Camera and Microphone
  12. Manage the Application Life Cycle
    • Platform Fundamentals
    • The Application Life Cycle
    • Windows Runtime Environment
    • App Package vs App Container
    • Manage Application State
    • Debug and Test HTML5 Applications
    • Validate Your HTML and CSS
    • Validate Your Package
    • Publishing to an App Store