HTML5 & CSS3 Courses in Kyiv, HTML5 and CSS3 Advanced Training.

HTML5 and CSS3 Advanced

Course start
Expected

Who is this course for

Web developers and specialists engaged in page layout

Prerequisites

• Knowledge of JavaScript
• Understanding of basic HTML tags and CSS attributes
• Basic knowledge of C# (for writing web services when working with WebSockets and XmlHttpRequest)

HTML5 and CSS3 Advanced

Course start
Expected
Duration:
18 hours
Number of lessons:
9 Lessons
Price:
360 USD
USD
EUR

Form of learning

Online learning
Corporate

Course description
HTML5 and CSS3 Advanced

HTML5 has already been implemented in a wide range of browsers, and soon we will witness an unprecedented rise in the performance, interactivity, and scalability of web applications.
By completing this course, you will learn how to apply cutting-edge technologies based on HTML5 to develop applications that fully leverage the capabilities of modern browsers. The course covers new HTML5 tools for web developers and, through simple examples, helps you grasp fundamental concepts, setting the right foundation for mastering this new web standard. This course will be an excellent starting point for your journey into this advanced technology.

Course program
  • 1
    Grid Layout Principles. Website Templates
    • Definition of CSS3 Grid Layout
    • Browser support for Grid Layout
    • Defining grids, columns, and rows
    • Grid properties for container rendering
    • Methods for positioning individual elements
    • Nested grids
    • Grid areas
  • 2
    Animation and Gradients
    • Transition property
    • Creating transitions
    • Types of transformations
    • Transformation matrix
    • Combining transformations with transitions
    • 3D transformations
    • Animations
    • Using gradients
  • 3
    Working with graphics on the client side
    • Basics of SVG
    • Path and coordinates
    • Various possibilities with shapes
  • 4
    Canvas
    • Introduction to the tag.
    • Drawing lines.
    • Creating rectangular areas.
    • Filling borders and gradients.
    • Clearing a rectangular area.
    • Drawing curves and arcs.
    • Adding images.
    • Gradient fills.
    • Adding text and shadows to elements.
    • Setting transparency.
    • Transforming canvas elements.
    • Reviewing examples.
  • 5
    Geolocation and Map settings for a website
    • Checking geolocation functionality in modern browsers.
    • Geolocation API structure.
    • JavaScript functions in markup for location detection.
    • Reverse geocoding function.
  • 6
    Introduction to Node.js and Webpack
    • Overview of Node.js
    • Creating a project and installing Webpack packages
    • Configuring project startup
  • 7
    Sass Basics
    • Definition of SASS and converting SASS to CSS
    • Nesting
    • Using variables
    • Using @mixin
    • Variable interpolation
    • The @if directive in SASS
    • Importing and extending files
    • The @if directive in SASS
  • 8
    Practice
    Developing a page layout using the studied web technologies.
  • 9
    Practice
    Developing a page layout using the studied web technologies.

What you will get in the course

Online lessons with a mentor in Zoom

Practical lessons and homework review

Free video course

Online testing and certification

Certificate

Upon course completion

Having a CyberBionic Systematics Training Center certificate confirms your mastery of new knowledge and skills, allowing you to stand out among other candidates and increasing your chances of successful employment or career advancement. To obtain the certificate after completing the course, you must successfully pass the corresponding test on Testprovider.com.

Sign up for a course

Expected

Sign up
for a trial lesson
Please wait...
Your application has been accepted! A training center manager will contact you shortly. An error occurred. Please try again later!
Мессенджер: