Dev & Data Science

Front-end Beginning

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

О курсе

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

На курсе освоим базу, чтобы самостоятельно создавать интерфейсы, учитывая современные технологии, процессы и подходы. Разберемся в разных аспектах создания пользовательского интерфейса сайтов: HTML, CSS, основах работы в графических редакторах. Научимся делать сайт доступным на различных экранах и при разных условиях, а также оптимизировать свою работу для большей производительности.

12 января 2023 курс длится 2 месяца
7 500 грн/мес. 7 800 грн/мес. при оплате частями
15 000 грн при оплате всего курса
15 мест каждый студент получает регулярный фидбек

Кураторы

Авторка программы Татьяна Мельник
Куратор Леонид Костецкий
Куратор Александр Волощенко
Куратор Ярослав Ильяшенко
Лектор Виталий Фридман
Лектор Юрий Артюх
лекторка Настя Аниканова

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

  • Знакомство с HTML, CSS и инструментами для разработки

    • В течение первых недель ознакомимся с технологиями HTML и CSS. Рассмотрим базовые html-теги, css-селекторы и css-правила. Поработаем с веб разметкой текста. Параллельно ознакомимся с Figma, редакторами и IDE для удобства написания кода, базовыми инструментами разработки в браузере (Chrome Dev Tools).
  • Лейауты и Responsive Design

    • Реализуем различные лейауты, в том числе многоколонные, с помощью различных техник CSS, например, flexbox или css-grid. Научимся строить структуру более сложных веб страниц. Будем изучать responsive design и его главные составляющие, работать с макетами для разных размеров экранов.
  • Медиа и интерактивные элементы страниц

    • Ознакомимся с различными видами медиа, в том числе изображениями и шрифтами. Узнаем, как оптимизировать страницу, учитывая нюансы работы на разных устройствах и размерах экранов. Поработаем с интерактивными элементами, а именно формами, полями для ввода текста, чекбоксами, кнопками и т.д.
  • Подходы и инструменты для организации CSS-кода

    • Изучим подходы, чтобы финальный css-код можно было легко поддерживать и масштабировать на многостраничные сайты. Ознакомимся с CSS-методологиями (Atomic CSS и BEM), препроцессорами и постпроцессорами (SASS, PostCSS), а также css-фреймворками: Bootstrap, Tailwind. Поработаем с объемными макетами, будем наращивать кодовую базу с каждым занятием.
  • Продвинутые практики вида элементов

    • Ознакомимся с трансформациями и анимациями, которые возможны с помощью CSS. Изучим возможности SVG. Поработаем над оживлением своих наработок, сделаем наши макеты более активными. Отдельным модулем разберемся с улучшением доступности веб страницы и лучшими практиками для доступности.
  • Курсовой проект

    • Закрепим приобретенные навыки на курсовом проекте. Самостоятельно сверстаем шаблон, созданный в рамках курса Web Design Junior. В верстке используем все полученные знания, чтобы сделать сайт адаптивным, инклюзивным, удобным и визуально приятным.

Курс для вас, если вы

Новичок

хотите сделать первые шаги во front-end разработке и сверстать свои первые страницы

Дизайнер сайтов

желаете освоить основы верстки сайтов

English

Intermediate и выше

Математика

на хорошем школьном уровне

Время

8+ часов в неделю для выполнения домашних заданий

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

Вебинары и видеолекции

Вебинары с кураторкой и группой будут проходить каждый четверг в 19:00, а видеолекции — открываться дважды в неделю по понедельникам и средам.

Real-life задания

У нас действует Practicult — культ практики. Поэтому вы будете выполнять много сложной домашки из реальных рабочих будней. Have fun & survive.

Курсовой проект

В ходе курса вы сделаете большой проект. Ведь принцип курса — все как в жизни.

Регулярный фидбек

У нас нет базовых и премиум режимов. Только премиум, всегда. Получите от кураторки все. И да, десятая итерация — это нормально.

Сертификат за дело

Выдаем только тем, кто своим потом, временем и силами его заслужил.

ГРАФИК

Старт

12 января 2023

Вебинары

четверг — 19:30

Видеолекции

понедельник, среда

Языки обучения

украинский

Узнайте больше

Twitter Сборище технарей, новости Development & Data Science, физра для мозга, непрошеные советы и социально-научные холивары
Лекция Что такое этот ваш фронтенд

Вопросы

Что нужно уметь для обучения на курсе?

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

Какой софт будет использоваться на курсе?

Браузер и любой текстовый редактор с подсветкой кода — например, VSCode.

Как проходит коммуникация на курсе и в каком формате кураторка дает фидбек?

Вся коммуникация на курсе проходит на платформе Slack (рабочий чат группы, каналы для домашних заданий и полезных ссылок). Кураторка дает фидбек в виде комментариев к домашним заданиям и обсуждения на вебинарах.

Вебинары будут записываться?

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

А сертификат будет?

Только при выполнении домашних заданий и успешной защиты курсового проекта.

Что, если мне не понравится?

Мы сможем вернуть вам деньги в течение 7 дней с начала курса, если вы передумаете.

Регистрация

Остались вопросы?
Не стесняйтесь их задавать.

Проконсультируйте меня