Course - HTML5 & CSS3
Description of HTML5 & CSS3
The course «HTML5 & CSS3» overview in a detail the basics of syntax and semantics, the use of new forms capabilities, built-in audio and video, geolocation, Canvas element, as well as many other innovations.
Who should attend
Lesson 1. Basic of syntax and semantics and the newest practices of a layout.
Encoding and language detection.
Sscript and link optimization.
Adding new HTML5 elements to the document structure.
Article or section element.
Checking and changing of the document structure.
Temporary content hiding.
Management of numbering lists.
Editable page parts creating.
Checking of HTML5 support.
Lesson 2. Forms. Built-in audio and video.
Input for contact information.
Using input fields for date and time information.
Displaying the search input field.
Selecting the value from the numeric list.
Creating an editable drop-down list.
Obligatory fields of the form.
Autofocus on a form field.
Display of the substitutional text.
Simple form creating.
HTML5-audio and audio stream control adding.
Audio player creating.
Cross-browser support for video and video resolution setting.
Loop video playback.
Lesson 3. Microdata and user data. Geolocation.
Adding microdata to layout.
Adding of user data to a layout.
User data managing.
Creating an application for a map with the help of user data.
Getting of basic geolocation data.
An alternative way of obtaining basic geolocation data.
Getting an address by reverse geocoding latitude and longitude.
Address convertion into latitude and longitude.
Drag and drop
Lesson 4. Canvas element.
Drawing on the canvas element.
Using a transparency effect.
Setting the size of the "canvas".
The use of gradients, patterns, and line styles.
Adding external images to the "canvas".
Adjusting the color change.
The use of geometric transformations.
Adding text to the "canvas".
Images cropping on the "canvas."
Adding animation effects to the pictures on the "canvas."
Drawing graphs on the "canvas."
Saving a picture from a "canvas" in the file.
Creation of a text description of the image.
Defining of acronyms and abbreviations.
Page section defining, using ARIA key roles.
Creation of accessible navigational links.
Binding of form fields with labels.
A logical grouping of form fields.
Dynamically turn of fieldset.
Determination of obligatory form fields.
Use of ARIA for dynamic updates.
Lesson 6. Cross-browser properties of CSS3.
Introduction to CSS3.
Simultaneous use of multiple background images.
A practical example with the usage of properties, overviewed at the lesson.
Lesson 7. Transitions in CSS. Gradients in CSS3. Forms improvement.
Delay of transition.
Shorthand of transition with a delay.
Support in browsers.
Complete record of the transition.
State of transition.
Transition of several properties.
Transition of all possible states.
Which properties apply transitions.
A simple example of transitions, using CSS3.
The layout for a simple registration form.
Styles for fields and labels.
Making input fields.
Example of CSS3using.
Lesson 8. Content conversion and adding CSS-animations.
Links to keyframe.
Re-use of animation in a state of hover.
A practical example of the "Creation of image gallery with HTML5 and CSS3».
Lesson 9. Work with borders, text and font. Useful pseudo-classes.
Work with borders.
Using conditional comments.
Adding the author's style.
Lesson 10. Adaptive design.
Introduction to the adaptive design.
Completing this course, you will be able to:
• Use technologies, studied at the course, in the real projects.
• Create modern web-solutions.