logo
ABD
LiveZilla Live Chat Software



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
While System Source is working from home, we are still available for all of your calls and support needs.

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. What is Responsive HTML5
Three Tiered Approach to Responsive Layout
HTML
CSS
JavaScript

2. Setting up Development Environment
Browser
Code Editor
Brackets
Dreamweaver
Notepad++
Local Server
XAMPP
WAMPP
MAMPP
LAMPP
Local Server is required for external data calls
Open Source Solutions for Working with JavaScript and JQuery

3. HTML5 vs HTML
The DOM
Semantic Tags
Additional Media Elements
Extended Attributes for Existing Elements
APIs

4. CSS3 Responsive Layout
Working with Custom Fonts
Using relative units of measure
Working with the box model
Parent child relationship and precise positioning of elements
Creative formatting of DOM Elements
Media Queries and responsive layout
Transitions and Transformations
CSS Pseudo Classes
Working with Gradients and CSS3
Open source tools for testing and publishing of HTML5 apps/web apps

5. JavaScript and Responsive Interactive Design
JavaScript basics
Syntax
Variables
Events
Linking to JavaScript from HTMLBest practices for beginning to use JavaScript
Using JQuery to Simplify Coding and select DOM objects
Adding Interactivity With JavaScript
Dynamically alter CSS and HTML
Animation of DOM Elements via JQuery

6. Explore Some New Features of HTML5
New input types and test on mobile devices
The Video and Audio Tags
Working with the Canvas Tag and JavaScript
Replace cookies with localStorage and sessionStorage API

7. Working with Framesworks and HTML5
What is a Framework
Implementing a Simple Framework for Mobile Web Apps
HTML5 Publishing Options

Disclaimer:

All course objectives and outlines are a guide for students. To ensure student satisfaction, these course topics and order may be modified or added to ensure the latest information is covered to support real world use of the technology.

ThinkBIG LLC 2019. All Rights Reserved.

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