Курсы HTML5 & CSS3, обучение HTML5 и CSS3 Углубленный

Курс HTML5 и CSS3 Углубленный

Для кого этот курс

Программисты, верстальщики, web-разработчики.

Предварительные требования

• Знание JavaScript
• Знание новой семантической разметки HTML5 и основных атрибутов.
Купить
Duration

Продолжительность

18 ч.
Count

Количество уроков

9 занятий
Price

Стоимость обучения

130
Included

Курс входит в

Специальности FrontEnd Разработчик + AI Skills

Программа курса

1
Принципы построения разметки Grid. Шаблоны сайтов
• Определение CSS3 Grid Layout.
• Поддержка Grid Layout браузерами.
• Определение сеток, колонок и строчек.
• Свойства Grid для изображения контейнеров.
• Методы отдельных элементов для изображения.
• Вложенные Grid.
• Области Grid.
2
Анимации и градиенты
• Свойство transition.
• Создание переходов.
• Разновидности трансформации.
• Матрица трансформации.
• Совместное использование трансформации с переходом.
• 3D-трансформация.
• Анимация.
• Использование градиентов.
3
Работа с графикой на стороне клиента
• Основы SVG
• Path и координаты
• Различные возможности с фигурами
4
Canvas
• Знакомство с тегом canvas.
• Прорисовка линий.
• Рисование прямоугольной области.
• Заливка границ и градиента.
• Очистка прямоугольной области.
• Рисование кривых и дуг.
• Добавление img.
• Градиентная заливка.
• Добавление текста и тени в элементы.
• Установка прозрачности.
• Трансформация элементов холста.
• Рассмотрение примеров.
5
Геолокация и настройка карт для сайта
• Проверка функционала геолокации в современных браузерах.
• Структура геолокации API.
• Функции JavaScript в разметке для поиска местоположения.
• Функция обратного геокодирования.
6
Знакомство с node.js и Webpack
• Знакомство с nodeJS
• Создание проекта и установка пакетов webpack
• Настройка запуска проекта
7
Sass основы
• Определение SASS и преобразование формата SASS в CSS
• Вложенность
• Использование переменных
• Использование @mixin
• Интерполяция переменных
• Директива @if в SASS
• Импорт и расширение файлов
• Директива @if в SASS.
8
Практика.
Написание макета страницы с использованием изученных интернет-технологий
9
Практика

Попробуй бесплатно

Полноценное занятие с тренером

Что входит в курс

18 часов живого обучения с тренером

Практические занятия и проверка ДЗ

Общение с группой

Поддержка ментора и ассистента

Тестирование и Сертификат

Видео курс от ITVDN

Как проходит обучение

1 Arrow

Живые онлайн занятия
с тренером

Занятия группы проходят онлайн. Это эффективное живое общение. Все уроки записываются и доступны для просмотра.
2 Arrow

Выполнение
домашних заданий

К каждому уроку есть практические задачи, которые надо выполнять и сдавать в специальной LMS системе.
3 Arrow

Проверка ДЗ
и фидбек

Все работы студентов проверяются по каждому заданию предоставляется фидбек с оценкой и рекомендациями.
4

Тестирование
и сертификация

После каждого модуля программы студенты проходят тестирование и получают сертификаты, подтверждающие уровень знаний.

Сертификат после прохождения курса

Certificate

Сертификат после прохождения курса

Icon Тестирование и сертификация ИТ специалистов проходит на нашей собственной платформе TestProvider.com
Icon Вы получаете заверенный сертификат от CyberBionic Systematics, подтверждающий уровень ваших знаний и увеличивающий шансы на успешное трудоустройство.
Icon Каждый сертификат имеет серийный номер, работодатель может его проверить и убедиться в подлинности сертификата.

Готов
начать обучение?

Отправляй заявку и зафиксируй свою скидку на обучение

Преподователи курса

Отзывы наших студентов
icon

Отзывы с DOU

icon

Отзывы с Facebook

icon

Отзывы с Google

photo
Назар Есипчук
FrontEnd Developer
Я ученик 11 класса и решил для себя попробовать курсы по специальности Frontend Developer. О CyberBionic Systematics я узнал, когда просто искал курсы в интернете, просматривал разные рейтинги. По поводу самого курса - я доволен. Для меня все было достаточно легко, а когда были сложные моменты, тренера всегда помогали. Тренер раскрывал все темы очень четко и отвечал на все возникшие вопросы. Новичкам советую стараться не откладывать на потом то, что они могут сделать сразу. О дальнейших перспективах в этой специальности - я хотел бы попасть на программу получения опыта в CyberBionic Systematics, а дальше найти еще что-то.

показать весь

photo
Богдан Карзюк
Отличный курс. Всё четко и по делу. Никакой лишней информации. Прекрасные менторы и сам центр. Всем советую.

показать весь

photo
Артём Билас
Узнал о данном учебном центре и пошел сюда учиться по совету друга. Опыта до этого в программировании не было, потому решил идти на FrontEnd, так как у него минимальный порог вхождения. Касательно специальности могу сказать то, что намного проще вырабатывается понимание вначале, а именно – при изучении HTML & CSS, так как ты видишь, что делаешь. Что касается логики – тут сложнее, но после практики приходит понимание. Преимущества – в этом учебном центре хорошая база, где ты понимаешь, что и как работает в итоге. Легко было в HTML & CSS, Bootstrap 4, Flex/Grid, а также при изучении препроцессоров. Что касается JS – это сложнее. Самое интересное было с TypeScript, но на его изучение нужно время. Angular интересный и сложный, он требует времени и практики, также открывает больше перспектив для дальнейшей работы в фирме, где ты позиционируешься не как простой верстальщик. Большое спасибо хочу сказать наставникам Ксении и Виталию. Помогали фактически 24/7. Спасибо за терпение и время. Приобрел навыки верстки и написания логики, структурирования своего приложения в web. Советы для тех, кто только начал: делайте домашку и не бойтесь спрашивать!

показать весь

Компании, в которых работают наши студенты
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work

Остались вопросы?

Подскажем, с чего начать, какую специальность выбрать и как найти первую работу.

Image

О курсе HTML5 и CSS3 Углубленный

В курсе HTML5 и CSS3 Углубленный изучаются технологии, которые позволят вам использовать весь функционал HTML5 в наборе с JavaScript. Вы познакомитесь с такими технологиями, как Flexbox, Grid, также на курсе будут детально рассмотрены основы синтаксиса и семантики, такие элементы, как встроенное аудио и видео, геолокация, элемент Canvas, а также многие другие нововведения HTML5.