Html5/css3, Javascript (Advanced Training)

Course Details

Introduction to Advanced training: HTML5/CSS3, JavaScript/DOM, and Responsive Design

• Why HTML5?

• Tag format

• HTML, CSS, XHTML, XML, and and HTML5 standards

• W3C and validators

• Encoding logic, ISO-8859-1, UTF-8,.

A reminder of the basics

• Types of tags

• style rule syntax

• CSS positioning (relative, absolute, flaunt, display)

• Practical workshop: Create an XHTML/CSS site

Switching to HTML5

• Syntax, new doctype and tools

• structure and semantics

• Div and span

• New HTML5 tags

• Practical workshop: Rebuilding our site in HTML5/CSS3

Media Tags

• insert an image (Tags <figure>)

• insert video (Tags <video>)

• insert a sound (Tags <audio>)

• Browser compatibility

• Hands-on workshop: Using JavaScript to control audio and video objects

The Forms

• New types for <input>

• New attributes

• New elements::: <output>,

• Form validations in HTML5v

• Practical workshop: Create an HTML5 form

Draw: Dynamic creation of images in JavaScript

• The Canvasv tag

• SVGv

• Drawing shapes (rectangle, circle, etc.)

• Colors, fills, and gradients

• Practical workshop: Improving the playback of our video with a progress bar

Geolocation

Overview

• Position yourself (latitude, longitude)

CSS3

• Overview

• Syntax, CSS3 prefixes

• Rounded corners

• Shadows cast

• Text-Shadow

• Box-shadow

• Linear gradient

• font-face

• Attribute selector

Benefits :

• Course material for each participant

• Trainer support after training

• We offer you in public session:

  • Tea, coffee

  • Parking (only in certain cities)

  • Wireless internet connection

Goals :

• Master HTML5/CSS3

• Implement responsive web design techniques