Сучасна диджитал-освіта для дітей — безоплатне заняття в GoITeens ×
Mazda CX 5
×

Курс “Frontend. HTML & CSS. Основы” (подія в архіві)

Состоялось
20 января 2020 (понедельник)
Место
Киев, ул. Кожемяцкая, 10, Projector
Стоимость
6 500 грн/мес.

Освоим азы frontend-разработки, научимся верстать страницы. 3 месяца, 2 раза в неделю

В веб-разработке многое изменилось буквально за несколько лет — технологии, процессы и подходы.

Сегодня дизайнер сайтов больше не может делать вид, что HTML и CSS его не касаются. Ведь итоговый результат веб-проекта — работающий сайт, а не набор файлов .jpeg.

Хотя бы в общих чертах веб-специалист должен знать технологию, если не хочет стать неандертальцем и окаменеть при первом похолодании.

Мы создали базовый курс, который поможет сделать первые шаги в веб-программировании. А потом принять решение, куда развиваться дальше: нырять во frontend или ограничиться базовым набором для создания качественных веб-интерфейсов.

6 500 грн/мес. Оплачивайте курс помесячно или целиком (со скидкой 5%), возможна оплата в рассрочку
27 занятий. 2 раза в неделю по понедельникам и четвергам с 9:00 до 11:00
20 января 2020. Занятия у новой группы стартуют 20 января
18 мест. Мы уделяем внимание каждому студенту курса. Поэтому количество мест ограничено

Зарегистрироваться

Николай Коваль
React Native Developer в Genesis. Senior Front-end developer, 4 года опыта разработки web и mobile app, судья DEV challenge X.

Facebook
LinkedIn

Денис Коба
Frontend разработчик в SocialTech (Genesis). Опыт в коммерческой разработке веб приложений более 4 лет.

Facebook
LinkedIn

Кому будет полезно

Новичкам, которые собираются сделать первые шаги во frontend-разработке и сверстать свои первые странички.

Дизайнерам сайтов, которые хотят освоить основы верстки сайтов.

Для прохождения курса вам обязательно понадобится собственный ноутбук.

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

Программа рассчитана на практическое освоение инструмента: все темы проходим «руками» и закрепляем домашними работами.

Основы языка HTML
Основные понятия, терминология и синтаксис. Пару слов о браузерах. Назначение DOCTYPE и его форматы. Кодировка документа. Мета теги. Базовые теги. Ссылки. Рисунки. Списки. Таблицы. Специальные символы. Атрибуты. Пути.

Основы CSS
Преимущество стилей. Синтаксис CSS. Понятие селектор. Виды селекторов. Понятие приоритетности селектора. Основные единицы измерения. Наследование. Работа с веб инспектором. Цвета, фон, спрайты.

Свободное перемещение и позиционирование
Блочная модель. Поток элементов. Позиционирование элементов разметки: нормальное, относительное, абсолютное, фиксированное. Собираем пазл.

Блочная верстка
Понятия блочная верстка. Слои. Колоночные макеты. Хаки и шаманство. Clearfix. Overflow. Разрабатываем простой лендинг.

Закрепление материала
Работаем с селекторами. Применяем на практике псевдо-классы и псевдо-элементы. Разработка выпадающего меню. Пишем код быстрее. Дополнительные плагины.

Практикум
Подготовка макета для верстки. Верстаем отдельные блоки страницы. Собираем полноценную веб-страницу. Разработка страниц новостного портала.

HTML5
Кроссбраузерность. Новые теги. Семантика. Вставка видео и аудио. Адаптивная верстка.

CSS3
Верстаем без вырезки элементов дизайна. Градиенты. Тени. Анимации. Трансформации (2-d, 3-d). Новая разметка flexbox, многоколоночность, счетчики.

Автоматизация рутинной работы
Как верстать быстрее, чем рисуется дизайн.

Работа с пре- и пост- процессорами
Работа с пре- и пост- процессорами. Разбор методологий верстки. Проблемы разработки больших проектов.

Системы контроля
Работа с системами контроля версий. Командная разработка большого проекта.

Работа с фреймворками
Разбор фреймворков, практика работы с фреймворком bootstrap.

Введение в JavaScript
Разработка сложных динамических элементов, введение в JavaScript

Рендеринг
Рендеринг WEB-страницы, тестирование рендера динамического элемента в консоли браузера, работа с производительностью.

Что дальше
Расширение горизонтов, зоны личностного развития студентов курса во фронд-энде. Высокая планка. Новые трюки. Специфика рынка. Будущее отрасли.

Зарегистрироваться

Google Calendar iCal
👍ПодобаєтьсяСподобалось0
До обраногоВ обраному0
LinkedIn
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter

Підписатись на коментарі