Освоим азы 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.
Денис Коба
Frontend разработчик в SocialTech (Genesis). Опыт в коммерческой разработке веб приложений более 4 лет.
Кому будет полезно
Новичкам, которые собираются сделать первые шаги во frontend-разработке и сверстать свои первые странички.
Дизайнерам сайтов, которые хотят освоить основы верстки сайтов.
Для прохождения курса вам обязательно понадобится собственный ноутбук.
Программа курса
Программа рассчитана на практическое освоение инструмента: все темы проходим «руками» и закрепляем домашними работами.
Основы языка HTML
Основные понятия, терминология и синтаксис. Пару слов о браузерах. Назначение DOCTYPE и его форматы. Кодировка документа. Мета теги. Базовые теги. Ссылки. Рисунки. Списки. Таблицы. Специальные символы. Атрибуты. Пути.
Основы CSS
Преимущество стилей. Синтаксис CSS. Понятие селектор. Виды селекторов. Понятие приоритетности селектора. Основные единицы измерения. Наследование. Работа с веб инспектором. Цвета, фон, спрайты.
Свободное перемещение и позиционирование
Блочная модель. Поток элементов. Позиционирование элементов разметки: нормальное, относительное, абсолютное, фиксированное. Собираем пазл.
Блочная верстка
Понятия блочная верстка. Слои. Колоночные макеты. Хаки и шаманство. Clearfix. Overflow. Разрабатываем простой лендинг.
Закрепление материала
Работаем с селекторами. Применяем на практике псевдо-классы и псевдо-элементы. Разработка выпадающего меню. Пишем код быстрее. Дополнительные плагины.
Практикум
Подготовка макета для верстки. Верстаем отдельные блоки страницы. Собираем полноценную веб-страницу. Разработка страниц новостного портала.
HTML5
Кроссбраузерность. Новые теги. Семантика. Вставка видео и аудио. Адаптивная верстка.
CSS3
Верстаем без вырезки элементов дизайна. Градиенты. Тени. Анимации. Трансформации
Автоматизация рутинной работы
Как верстать быстрее, чем рисуется дизайн.
Работа с пре- и пост- процессорами
Работа с пре- и пост- процессорами. Разбор методологий верстки. Проблемы разработки больших проектов.
Системы контроля
Работа с системами контроля версий. Командная разработка большого проекта.
Работа с фреймворками
Разбор фреймворков, практика работы с фреймворком bootstrap.
Введение в JavaScript
Разработка сложных динамических элементов, введение в JavaScript
Рендеринг
Рендеринг WEB-страницы, тестирование рендера динамического элемента в консоли браузера, работа с производительностью.
Что дальше
Расширение горизонтов, зоны личностного развития студентов курса во фронд-энде. Высокая планка. Новые трюки. Специфика рынка. Будущее отрасли.
Немає коментарів
Додати коментар Підписатись на коментаріВідписатись від коментарів