logo


your one source for IT & AV

Training Presentation Systems Services & Consulting Cloud Services Purchase Client Center Computer Museum
Arrow Course Schedule | Classroom Rentals | Student Information | Free Seminars | Client Feedback | Partners | Survey | Standby Discounts

HTML5 & CSS3 Advanced for Responsive Web Design

SS Course: 3000237

Course Overview

TOP
In this hands-on, two-day Advanced HTML5 & CSS3 for Responsive Web Design training course, you will learn web development and web design by getting the best and latest HTML5 and CSS3 advanced techniques and features. You will also be introduced to JavaScript, jQuery, and jQuery Mobile in this web designing course.
                                                                  

Scheduled Classes

TOP

What You'll Learn

TOP
The topics covered in the course include understanding what responsive HTML5 is, setting up a development environment using tools like Brackets and Code Editor, learning the difference between HTML5 and HTML, exploring new features of HTML5, and working with frameworks and HTML5. You will learn responsive design by working with CSS3 responsive layouts, and by using JavaScript and responsive interactive design.

Outline

TOP
Viewing outline for:

1. HTML5 for Modern Responsive Web Layout
Three-Tiered approach: HTML-structure, CSS-design, JavaScript-interaction
Blocks resize and flow with browser changes if we write our code well

2. Environment
Code Editor: Brackets, Visual Studio, Notepad++
Browser: Chrome, Webkit

3. HTML, CSS and JavaScript syntax Overview
“Hello World” with HTML, CSS and JavaScript
Syntactical rules for each environment

4. The DOM: Document object model
Breaking DOM into blocks
• Divs vs Semantic tags
• 508 issues
• ARIA roles
Viewing DOM as hierarchy

5. CSS3 Responsive Layout
Measurements: EM, %
Meyers Reset
Flowing Blocks in Grid layout: Positioning
Parent Child relationships
CSS Specificity
Media Queries

6. JavaScript for responsive sizing
Create JavaScript file to scale entire site
JavaScript can also:
• Alter HTML
• Quickly select and alter DOM elements
Only works if CSS rules were followed
JavaScript Basics
• Syntax
• Where to put it
• What we can do with it

7. Working with Advanced HTML5 APIs, JavaScript and tags
Video and Audio
Canvas
Local Storage
JSON

8. Responsive layout utilizing CSS, JavaScript techniques for adapting
Menu created dynamically from data and injected with JavaScript
Page will respond to changes in size and orientation by adjusting layout

 

 

Disclaimer: All course objectives and outlines are used as a guideline and are subject to change to ensure the latest information is covered to support real world use of the technology.

Prerequisites

TOP

Students need to have completed our HTML & HTML5 Introduction wtih CSS course or have working knowledge in all topics covered in the Introduction outline. 

    Who Should Attend

    TOP
    • Developers
    • Programmers
    • Website Authors

    Next Step Courses

    TOP

    Dreamweaver ACA Training & Certification Training PackJavaScript & jQuery IntroJavaScript & jQuery Advanced with JSON & Ajax