Microsoft Silver Partner
Make a request

Course - HTML5 & CSS3

Изображение к курсу HTML5 & CSS3
Course HTML5 & CSS3
Duration 10 days / 20 hours
Lessons number 10

Fulltime studies

3170 UAH Schedule

Online learning

3170 UAH Schedule

Video trainings



The HTML5 and CSS3 course describes technologies of web development according to standards of new generation, using real and simple examples. Already now the major browsers and also mobile devices support many HTML5 and CSS3 specifications. These technologies give a foundation for the next generation of Internet applications. Advantages of new technologies are obvious: the comfort and wide functional possibilities for users and for web programmers they are easier to develop and further support.
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.
• HTML, CSS knowledge.
• JavaScript knowledge.
Programmers-beginners, web-designers, web - developers.
Lesson 1

Lesson 1. Basic of syntax and semantics and the newest practices of a layout.

DOCTYPE announcement.
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.
HTML5 validation.

Lesson 2

Lesson 2. Forms. Built-in audio and video.

Input for contact information.
Using input fields for date and time information.
Numerical input.
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.
Autocomplete disabling.
Value limitation.
Simple form creating.
HTML5-audio and audio stream control adding.
Audio player creating.
HTML5-video adding.
Cross-browser support for video and video resolution setting.
Loop video playback.

Lesson 3

Lesson 3. Microdata and user data. Geolocation.

Adding microdata to layout.
Microdata use.
Adding of user data to a layout.
Access to user data using JavaScript.
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
Progress bar

Lesson 4

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.

Lesson 5

Lesson 5. Access elements and advanced JavaScript possibilities in HTML5.

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.
Local storage.
Application caching.
Web sockets.
Local files.

Lesson 6

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

Lesson 7. Transitions in CSS. Gradients in CSS3. Forms improvement.

Time functions.
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.
About CSS3-selectors.
Making input fields.
Example of CSS3using.

Lesson 8

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

Lesson 9. Work with borders, text and font. Useful pseudo-classes.

Word-wrap property.
Text-overflow property.
Word-wrap property.
@font-face property.
Work with borders.
Using conditional comments.
Adding the author's style.
Useful pseudo-classes.

Lesson 10

Lesson 10. Adaptive design.

Introduction to the adaptive design.
Fluid grid.
Fluid images.
Media queries.
CSS Regions.
Mobile first.

• Understand HTML5 и CSS3 specifications.
• Use technologies, studied at the course, in the real projects.
• Create modern web-solutions.
Check mark Register for classes Separator Online registration form
Three times per week Everyday Specialities Weekends
Start date End date Time

Did not find a suitable course in the timetable? Make a order

Three times per week Everyday Specialities Weekends
Start date End date Time

Did not find a suitable course in the timetable? Оформите заявку