HTML5 & CSS3 Courses, HTML5 and CSS3 Advanced Training.

HTML5 and CSS3 Advanced

This course is for you if you:

Web developers and specialists engaged in page layout

Duration

18 hours

Number of lessons

9 lessons

Course start

Start expected

Our graduates work in

Your way

Course program

Each session is a live online lesson with practical assignments and feedback.

01
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
02
Animation and Gradients
• Transition property
• Creating transitions
• Types of transformations
• Transformation matrix
• Combining transformations with transitions
• 3D transformations
• Animations
• Using gradients
03
Working with graphics on the client side
• Basics of SVG
• Path and coordinates
• Various possibilities with shapes
04
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.
05
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.
06
Introduction to Node.js and Webpack
• Overview of Node.js
• Creating a project and installing Webpack packages
• Configuring project startup
07
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
08
Practice
Developing a page layout using the studied web technologies.
09
Practice
Developing a page layout using the studied web technologies.
Start expected

Try
HTML5 and CSS3 Advanced for free

The first full-fledged lesson with a trainer.

How is the training going?

Simple and clear

Lesson structure

120 minutes

Theory

Code analysis

Q&A

Theory - 60 minutes

Code analysis - 45 minutes

Q&A session - 10 minutes

When are classes held?

Group 1

Group 2

Mo

Tu

We

Th

Fr

Sa

Su

19:00 - 21:00

Live session with a trainer

Ask questions in real time

1

Live online classes with a trainer

Group classes are held online. This is an effective live communication. All lessons are recorded and available for re-watching.

2

Doing homework

Practical tasks have been developed for each lesson, which must be completed and submitted in a special LMS system.

3

Check HW and feedback

All student work is checked and feedback with a score and recommendations is provided for each assignment.

4

Testing and certification

After completing the course, students take a final test and receive a certificate confirming their level of knowledge.

Certification

Confirm your knowledge

Personalized certificate upon completion of the course

After completing the course and passing the test, you will receive a personalized certificate from CyberBionic Systematics and TestProvider.com, a platform recognized by leading Ukrainian IT companies.

Testing and certification of IT professionals takes place on our own platform TestProvider.com
You receive a certified certificate from CyberBionic Systematics, which confirms the level of your knowledge and increases your chances of successful employment.
Each certificate has a serial number, the employer can check it and verify the authenticity of the certificate.
Certificate
Registration is open

Ready to start studying?

Submit an application and secure your tuition discount

Let's clarify the details and reserve a place.

You'll take the first lesson without cost

Finish your career in IT

Reserve a seat

Leave your contacts — we will call you and tell you the details

Student reviews
What do those who have already studied say?
Reviews from our students
photo
Влад Коржиков
FrontEnd Developer
Star Star Star Star Star
Про курсы я узнал от своих друзей, которые также учились в CyberBionic Systematics. Специальность мне интересна разнообразностью и тем, что постоянно есть какие-то новшества. Материал временами был сложный, особенно под конец курса. Были некоторые сложности в коде, как для новичка. Помогали видео уроки ITVDN, в которых и объяснялись темы, пройденные на лекции. Новичкам, прежде чем идти на курсы, нужно: • Иметь некоторое представление о специальности. • По возможности просмотреть видео курсы перед уроком (определенный курс перед каждой лекцией). Что касается тренера, то сначала у нас был один тренер, которого заменили на Сергея Патёху. Сергей - хороший специалист в этой сфере. Всегда объяснял материал доступно. Если же было не понятно, объяснял персонально. Внимание уделял каждому, у кого возникали вопросы. Все, кто будет интересоваться FrontEnd специальностью, буду советовать идти к Сергею Патёхе в CyberBionic Systematics.
photo
Marharyta Chernikova
Java Developer
Star Star Star Star Star
Хочу поділитися своїм досвідом по проходженню курсу Java dev в CyberBionic Systematics. І хочу сказати, що я надзвичайно задоволена їх підходом до викладання. Теорія + практика. Курс чітко структурований, на уроках викладач дає теоретичну частину з прикладами, відповідає на питання та перевіряє домашнє завдання. Інколи перевірка буває в режимі, коли викладач дає завдання і необхідно його вирішувати в онлайн режимі. Дуже крута практика з погляду підготовки до співбесіди. Спочатку страшно, але потім звикаєш. Тому думаю на співбесіді в мене вже не будуть труситися колінки)) Зручний формат подачі матеріалу. Протягом навчання в мене є особистий кабінет в LMS з усіма завданнями, а також доступ до окремого джерела з онлайн уроками по моєму напряму, на користування якими взагалі необхідна підписка, але вони входять в програму курсу, тому для студентів CyberBionic Systematics доступ до них безкоштовний. І звичайно ведеться відеозапис кожного урока, так що можна переглядати в будь-який час. Крутий тренер. Окремо хочу виділити нашого тренера Вадима Кожевнікова, який є справжнім професіоналом свого діла і пояснює складні речі на дуже простих прикладах, а також морально підтримує в моменти тупняків. Відчувається, що він має досвід не тільки у програмуванні, а і у викладанні. Дуже вдячна за якісну подачу матеріалу, а також за завдання на «посушити голову»))) Буває складно, але саме це розвиває мислення і мені особисто так цікавіше) Коли йшла на курс, то дуже боялася зтикнутися з байдужістю тренерів і відсутністю перевірки прогресу. Тут ви такого не зустрінете)) зріз знань буде регулярно, але м’яко, без травмування психіки та іноді з гумором))) Тому дуже рекомендую!
photo
Юрій Руденко
FrontEnd Developer
Star Star Star Star Star
Дізнався про CyberBionic Systematics з інтернету. Спеціальність Frontend зацікавила через свою перспективність. Навчання цікаве, багато матеріалу. Труднощі виникали в тих моментах, коли давали багато інформації, і не встигаєш все освоїти за короткий час. Тренер просто супер! Пояснював дуже цікаво і детально. Менеджер відповідав завжди на всі питання і перевіряв ДЗ швидко в найкоротший час. Так як спеціальність перспективна і високооплачувана, то я рекомендую її для вивчення майбутнім студентам. Дякую за навчання!
icon

Reviews from DOU

icon

Reviews from Facebook

icon

Reviews from Google

Education price

Choose your format

Group training with a trainer

2 classes per week

2 hours

360

or × 7 payments

Payment in installments

Monobank

7 payments
PrivatBank

7 payments
Consultation

Still have questions?

We'll tell you where to start, what specialty to choose, and how to find your first job in IT.

Phone

0 800 337 146

Or write to us in messengers:

We will contact you soon