HTML5 and CSS3 Advanced

This course is for you if you:

Web developers and specialists engaged in page layout

4.5/5 DOU

96% Facebook

4.6/5 Google

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.

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

Animation and Gradients

• Transition property
• Creating transitions
• Types of transformations
• Transformation matrix
• Combining transformations with transitions
• 3D transformations
• Animations
• Using gradients

Working with graphics on the client side

• Basics of SVG
• Path and coordinates
• Various possibilities with shapes

Canvas

• Introduction to the

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.

Introduction to Node.js and Webpack

• Overview of Node.js
• Creating a project and installing Webpack packages
• Configuring project startup

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

Practice

Developing a page layout using the studied web technologies.

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

19:00 - 21:00

Live session with a trainer

Ask questions in real time

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.

Doing homework

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

Check HW and feedback

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

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.

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

Student reviews

What do those who have already studied say?

Reviews from our students

Александр Веремеев

FrontEnd developer

О CyberBionic Systematics узнал из поисковика google.com. Искал школу для прохождения обучения, и по версии DOU.ua, этот учебный центр входит в пятерку лучших в Киеве. Выбрал специальность FrontEnd Developer, т.к. в ней уделяется много времени на JavaScript и его фреймворкам. Что не очень понравилось – так это сжатые сроки. Хотелось бы больше времени для практики. Новичкам хочу пожелать уделять как можно больше времени на написане кода, ведь когда его пишешь своей рукой, намного больше откладывается в голове. Всем удачи!

Read in full

Confirmed on CyberBionic Systematics

Виктор Смищук

FrontEnd Developer

В первую очередь, это определенный вектор обучения, а не как в других специальностях (типа SEO), когда нужно учить много и из разных областей. Убежден, что хорошим спецом можно быть лишь в нескольких направлениях, плюс будет больше времени, если фокус на чем-то одном. FrontEnd – возможность фриланса, работа в современном офисе, соцпакет, для меня (индивидуально) есть часть знаний, поэтому начинать уже не с нуля. Тяжело потому, что много материала и короткие перерывы между лекциями, всё не успеваешь. Есть вектор и основные темы, которые теперь нужно догонять на самостоятельном обучении. Теперь хотя бы могу понять, что делает определенный код на странице. Тренер Сергей реально доступно дает материал и готов всегда помочь и объяснить на примерах. Чувствуется, что разбирается в материале. Думал, что FrontEnd – это меньше программирования, чем оказалось на самом деле  В связке с маркетингом знания помогут сделать полный цикл разработки и рекламы любой страницы. Курс классный. Ещё бы раз послушал!

Read in full

Confirmed on CyberBionic Systematics

Евгений Евгеньевич

Angular Developer

Пройшов у CyberBionics все що тільки можна)) Близько 5 різних курсів по frontend після чого вже 5 років є Angular розробником і нещодавно піврічний курс по .NET Дякую школі, вона допомогла мені стати тим, хто я є.

Read in full

Confirmed on Facebook