научитесь интерпретировать макеты дизайнеров;
создавать семантическую разметку вебсайтов;
создавать макеты любой сложности без гор библиотек и плагинов;
освоите основной стек технологий и приемы в верстке: box model, positioning, float, flexbox, grid, media quesries, fallbacks, CSS resets, autoprefixer, postcss;
пройдете основы оптимизации, BEM номенклатуру;
научитесь работать с фреймворками bootstrap и tailwind.

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

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

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

- знаком с основами HTML и CSS и хочет развиваться в области верстки страницы;
- начал осваивать HTML и CSS, но хочет систематизировать знания и получить экспертную обратную связь;
- веб дизайнеров, который хотели бы сами воплощать свои макеты в жизнь.

Как сверстать любой вебсайт: Float, Flexbox, Grid, 15 апреля в 20:00

На открытом уроке мы рассмотрим как проработать веб дизайн, и перенести его на любой интерфейс. Разберем самые популярные способы сверстать макет, поработаем с такими инструментами как Float, Flexbox, Grid.

Ведет

Маргарита
Образцова

Преподаватели

Маргарита Образцова

Nitor, Senior Software Engineer

Профессиональный опыт: 7 лет программирования на JavaScript, NodeJS. Сейчас интересно функциональное программирование, работает с Clojure.
Тех. стек: HTML, CSS, JavaScript, TypeScript, Clojure, ClojureScript, Node.JS, Webpack

Участвовала на проектах различных уровней сложности: от стартапов до бизнес-приложений.

Автор статей о веб разработке.
Спикер Holy JS
Преподаватель и лектор Хельсинкского университета прикладных наук - Haaga-Helia UAS.

Руководитель программы

Преподаватели

Маргарита Образцова

Nitor, Senior Software Engineer

Корпоративное обучение для ваших сотрудников

Подробнее

Получить план обучения для сотрудников

Нажимая кнопку, я принимаю условия Политики конфидециальности

Мы обещаем не присылать вам спам

Спасибо!

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

Программа обучения

В процессе обучения вы получите комплексные знания и навыки.

Модуль 1 Введение в Web

Тема 1. Введение в Web

Тема 2. Почему html - это не язык программирования

Тема 3. CSS: история стилей

Тема 4. Box model в деталях

Тема 5. Позиционирование элементов в деталях

Модуль 2 Layouts (макеты)

Тема 6. Layout: введение, основы

Тема 7. Layout techniques

Тема 8. Flexbox layout

Тема 9. Grid layout

Тема 10. Поддержка браузеров и fallbacks

Модуль 3 Адаптивный веб-дизайн

Тема 11. Поддержка браузеров и fallbacks

Тема 12. Mobile first vs desktop first media queries

Тема 13. Особенности мобильной верстки

Тема 14. Анимации CSS

Модуль 4 Coding style

Тема 15. Номенклатура

Тема 16. Bootstrap

Тема 17. Tailwind

Модуль 5 JavaScript Basic

Тема 18. Введение в JavaScript

Тема 19. Настройка для верстки

Тема 20. Webpack (часть 1)

Тема 21. Webpack (часть 2)

Тема 22. Оптимизация ассетов

Тема 23. Деплой страницы

Тема 24. Аналитика и поддержка

Модуль 6 Проектная работа

Тема 25. Выбор темы и организация проектной работы

Тема 26. Защита проектных работ

Скачать подробную программу

Получить подробную программу обучения

Нажимая кнопку, я принимаю условия Политики конфидециальности

Мы обещаем не присылать вам спам

Получить подробную программу обучения

Скачать подробную программу

Процесс обучения

Все обучение проходит онлайн: вебинары, общение с преподавателями и вашей группой в слаке курса, сдача домашних работ и получение обратной связи от преподавателя.

Вебинары идут дважды в неделю по 2 академических часа (то есть астрономических 1,5 часа). Все вебинары сохраняются и в записи в вашем личном кабинете.

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

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

Курс длится 3 месяца.

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

Получить консультацию

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