Курс HTML5 и CSS3 Advanced
Для кого этот курс
Программисты, верстальщики, web-разработчики.Предварительные требования
• Знание JavaScript• Знание новой семантической разметки HTML5 и основных атрибутов.
Продолжительность
18 ч.Количество уроков
9 занятийСтоимость обучения
Курс входит в
Специальности FrontEnd Разработчик + AI SkillsПрограмма курса
1
Принципы построения разметки Grid. Шаблоны сайтов
• Определение CSS3 Grid Layout.
• Поддержка Grid Layout браузерами.
• Определение сеток, колонок и строчек.
• Свойства Grid для изображения контейнеров.
• Методы отдельных элементов для изображения.
• Вложенные Grid.
• Области Grid.
• Поддержка Grid Layout браузерами.
• Определение сеток, колонок и строчек.
• Свойства Grid для изображения контейнеров.
• Методы отдельных элементов для изображения.
• Вложенные Grid.
• Области Grid.
2
Анимации и градиенты
• Свойство transition.
• Создание переходов.
• Разновидности трансформации.
• Матрица трансформации.
• Совместное использование трансформации с переходом.
• 3D-трансформация.
• Анимация.
• Использование градиентов.
• Создание переходов.
• Разновидности трансформации.
• Матрица трансформации.
• Совместное использование трансформации с переходом.
• 3D-трансформация.
• Анимация.
• Использование градиентов.
3
Работа с графикой на стороне клиента
• Основы SVG
• Path и координаты
• Различные возможности с фигурами
• Path и координаты
• Различные возможности с фигурами
4
Canvas
• Знакомство с тегом canvas.
• Прорисовка линий.
• Рисование прямоугольной области.
• Заливка границ и градиента.
• Очистка прямоугольной области.
• Рисование кривых и дуг.
• Добавление img.
• Градиентная заливка.
• Добавление текста и тени в элементы.
• Установка прозрачности.
• Трансформация элементов холста.
• Рассмотрение примеров.
• Прорисовка линий.
• Рисование прямоугольной области.
• Заливка границ и градиента.
• Очистка прямоугольной области.
• Рисование кривых и дуг.
• Добавление img.
• Градиентная заливка.
• Добавление текста и тени в элементы.
• Установка прозрачности.
• Трансформация элементов холста.
• Рассмотрение примеров.
5
Геолокация и настройка карт для сайта
• Проверка функционала геолокации в современных браузерах.
• Структура геолокации API.
• Функции JavaScript в разметке для поиска местоположения.
• Функция обратного геокодирования.
• Структура геолокации API.
• Функции JavaScript в разметке для поиска местоположения.
• Функция обратного геокодирования.
6
Знакомство с node.js и Webpack
• Знакомство с nodeJS
• Создание проекта и установка пакетов webpack
• Настройка запуска проекта
• Создание проекта и установка пакетов webpack
• Настройка запуска проекта
7
Sass основы
• Определение SASS и преобразование формата SASS в CSS
• Вложенность
• Использование переменных
• Использование @mixin
• Интерполяция переменных
• Директива @if в SASS
• Импорт и расширение файлов
• Директива @if в SASS.
• Вложенность
• Использование переменных
• Использование @mixin
• Интерполяция переменных
• Директива @if в SASS
• Импорт и расширение файлов
• Директива @if в SASS.
8
Практика.
Написание макета страницы с использованием изученных интернет-технологий
9
Практика
Попробуй бесплатно
Полноценное занятие с тренером
Что входит в курс
18 часов живого обучения с тренером
Практические занятия и проверка ДЗ
Общение с группой
Поддержка ментора и ассистента
Тестирование и Сертификат
Видео курс от ITVDN
Как проходит обучение
1
Живые онлайн занятия
с тренером
2
Выполнение
домашних заданий
3
Проверка ДЗ
и фидбек
4
Тестирование
и сертификация
Сертификат после прохождения курса
Сертификат после прохождения курса
Готов
начать обучение?
Отправляй заявку и зафиксируй свою скидку на обучение
Отзывы наших студентов
Отзывы с DOU
Olha Aliakina
Python developer
Я пройшла курс Python Developer.
Мені сподобалось, Python досить глибоко вивчали, з нуля і до асинхроного програмування, WebSocket... Насправді дуже багато тем розглянули, отримала уявлення як правцювати з БД, Git. Також вивчали Django, вже не так глибоко як Python, але достатньо, щоб робити проекти типу блог, веб магазин.
Домашки у мене займали часу, якщо на базовому курсі все встигати було легко, то починаючи з ООП вже потребували більше часу. Але насправді дуже корисні завдання і різні, щоб мозок запрацював у різних напрямках однієї теми. Щоб виконати дз, у моєму курсі конктетно, треба було також переглядати лекції на ITDVN, не тільки лекцію викладача. Бо часто відповідь як вирішити певну задачку була на лекції ITDVN на відповідну тему.
Після кожного з курсів можна пройти тестування і отримати сертифікацію по курсу. Для джунів це досить хороша опція, бо ці сертифікати можна викладати на лінкедин, щоб було підтвердження навчання. Що я і зробила. Тому рекомендувала б не забивати на тестування, а проходити.
Я б сказала, що пройти курс Python Developer було для мене визванням, встигати робити всі домашки і кінцевий проект не було легко, але було варто того. Нагрузка відчувалась, але якраз нагрузка і запускає роботу мозку в потрібному напрямку. Я задоволена курсом.
Прочитать оригинал
Отзывы с Facebook
Евгений Евгеньевич
Angular Developer
Пройшов у CyberBionics все що тільки можна))
Близько 5 різних курсів по frontend після чого вже 5 років є Angular розробником і нещодавно піврічний курс по .NET
Дякую школі, вона допомогла мені стати тим, хто я є.
Прочитать оригинал
Отзывы с Google
Дмитрий Беляев
.NET Developer
Пройшов курс за спеціальністю .NET розробник, від початку до кінця. Дуже вдячний людям за їхню працю, розуміння та допомогу. Чуйність від персоналу досить висока, так само, як і навички тренера (Михайла Козіна) - впевненість у поданні матеріалу, підкреслення важливих моментів та їх повторення при необхідності. Заняття проходять у комфортній обстановці, без будь-якої напруги. Навчання на останньому уроці не обривається, адже Команда CBS дає змогу отримати досвід роботи в їхній компанії, що є неймовірним бонусом.
Прочитать оригинал
Компании, в которых работают наши студенты
Остались вопросы?
Подскажем, с чего начать, какую специальность выбрать и как найти первую работу.
О курсе HTML5 и CSS3 Advanced
В курсе HTML5 и CSS3 Advanced изучаются технологии, которые позволят вам использовать весь функционал HTML5 в наборе с JavaScript. Вы познакомитесь с такими технологиями, как Flexbox, Grid, также на курсе будут детально рассмотрены основы синтаксиса и семантики, такие элементы, как встроенное аудио и видео, геолокация, элемент Canvas, а также многие другие нововведения HTML5.