Онлайн обучение

Курс Front-End с нуля до разработки сайта за 8 недель

Начни уже сегодня

Запишитесь на 1 часовой пробный урок с преподавателем, где вы напишите свой первый код

mentor
Ваш ментор Ваш ментор

Для кого подойдет

job
Студенты

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

job
Сменить профессию

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

job
Начинающий программист

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

job
Новички

Наш курс по продвинутой верстке предоставит вам все необходимые знания и инструменты для начала работы в этой захватывающей сфере.

photo

Продвинутая верстка - это...

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

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

Обучение проходит онлайн в малых группах по 4-5 человек Все внимание направлено на вас. Лекции проходят в вечернее время

  • С 16:00 - 18:00
  • С 19:00 - 21:00

Между лекция есть перерыв.

Лекции проходят в Skype, Google Meet три раза в неделю (понедельник, среда, пятница).

Лекции записываются есть доступ к видео урокам.

На уроке мы уделяем время обсуждению вопросов - 5-7 минут, следующая часть посвящается теории до 15 минут, а остальное время - практика.

Заказать пробный урок

Основные элементы продвинутой верстки включают:

5.0 HTML5 - валидная семантическая верстка.
2 лекции 4 часа
5.0 CSS3 - адаптив, эффекты, анимации
4 лекции 8 часов
5.0 Работа с макетами в Figma - плагины, настройка
2 лекции 4 часа
5.0 SCSS - препроцессор ускоряем вертску
3 лекции 6 часов
5.0 BEM методолгия, Flex практика
4 лекции 8 часов
5.0 Мобильная, Адаптивная вертска
4 лекции 8 часов
5.0 Редактор кода,настройка окружения
1 лекции 2 часа
5.0 Основы программирования - jQuery, JavaScript
4 лекции 8 часов

Содержание курса

Старт
Длительность курса

Знакомство с преподавателем.

Вы узнаете, кто такие верстальщицы и верстальщики, что такое вёрстка и как она соотносится с современной веб-разработкой.

Основы
  • Введение в курс.
  • Организационные вопросы
  • Основы HTML и CSS
  • Веб-шрифты
  • Валидация
  • Семантика
  • Figma
VSCode. Обзор редактора
Разбор макета
  • Страница проекта
  • Краткий обзор редактора
  • Цветовые схемы
  • Горячие клавиши
  • Настройки
  • Навигация по коду
  • Сниппеты
  • Расширения
Работа с GitHub Pages
  • Регистрация
  • Натсройка окружения
  • Создание своей старницы
HTML CSS
  • Структура документа
  • Разметка текста
  • Списки
  • Потомки и родители
  • Форматирование кода
  • Атрибуты
  • Ссылки
  • id и class
  • Блочная модель
  • Позиционирование
  • Псевдоклассы
  • CSS трансформация
  • CSS Анимация.
  • Flex-box модель
БЭМ методолгия
  • Работа с макетом
  • Создание классов
  • Правила БЭМ
  • Normalize
  • Блок обертка
  • Контейнер
  • Структура файлов
  • Поведение блочной модели
  • Общие стили
  • Классы-модификаторы
Figma для верстальщика
  • Figma. Интерфейс
  • Как скачивать картинки
  • Как переновить правила
  • Горячие клафишы
  • Плагины
  • Режимы
Flexbox
  • Флекс-контейнер
  • Выравнивание по главной оси
  • Выравнивание по поперечной оси
  • Выравнивание отдельного элемента
  • Флекс-элемент – контейнер
  • Направление осей
  • Многострочный контейнер
  • Выравнивание многострочного контента
  • Пропорции
  • Базовый размер
  • Порядок элементов
Анимации CSS
  • Свойства
  • Свойство transition-property
  • Свойство transition delay
  • Составное свойство transition
  • Свойство transform
  • Свойство animation
Адаптивная верстка
  • Адаптивная верстка для мобильных устройств
  • Adaptive (адаптивный) и responsive (отзывчивый) веб-дизайн
  • Desktop first and mobile first
  • Мобильная адаптация макета
Основы JS и jQuery
  • Основы JS
  • Основы DOM
  • Основы jQuery
  • Пишем свои скрипты на jQuery
  • Подключаем jQuery плагины
  • Обзор jQuery бибилиотек
Трудоустройство и фриланс
  • Трудоустройство и карьера
  • Составление резюме
  • Фриланс в веб-разработке
  • Как считать стоимость своей работы
  • Поиск заказов без фриланс бирж
  • Развитие себя как специалиста
mentor
Ваш ментор

Илья Стоянов

Создал данный курс. Веб-разработчик с 10-ти летним стажем. Работал в международных компаниях и на фрилансе.

В настоящий момент работает и живет в Швеции

  • Веб-разработчик: JavaScript, HTML, CSS, React
  • Опыт в веб-разработке: более 10-ти лет.
  • Преподавательский стаж: более 5 лет.
  • Опыт работы в международных IT компаниях

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

Я верю что мои знания помогают делать людей лучше и успешнее в их жизни!

Специальное предложение

Запишись на пробный урок и получи бонус

Тарифы

Базовый $250
  • 2 учебных проекта
  • Чат для обсуждений
  • Время обучения 2 месяца
  • Поддержка
  • Код ревью
Записаться на курс
Продвинутый $300
  • 2 учебных проекта
  • Чат для обсуждений
  • Время обучения 2 месяца
  • Поддержка
  • Код ревью
Записаться на курс
Индивидуальный $500
  • 2 учебных проекта
  • Созвоны по необходимости
  • Чат для обсуждений
  • Время обучения 2,5 месяца
  • Поддержка
  • Код ревью
Записаться на курс

Пройдя курс вы сможете

image
Верстальщик от 40 000 грн.
Владею инструментами:
  • HTML
  • CSS
  • SCSS
  • Bem
  • Chrome DevTools
  • Figma
  • Github
Мои навыки:
  • Современные стандарты верстки: блочная, кроссбраузерная, адаптивная
  • Владение редактором Vs code
  • Знание HTML, CSS
  • Анимациия
  • Работа с препроцессором Scss
  • Верстка с использованием Flexbox
  • Figma - работа с макетом, картинками, векторной графикой
  • Знание принципов БЭМ
  • Владение Pixel Perfect
  • Работа с Git
  • Основы jQuery JavaScript

Отзывы

images
Сергей Курс "Продвинутая верстка" 5.0

Спасибо Илье за хорошую подачу учебного материала, сыну очень нравятся занятия. Подтянул верстку- HTML,СSS,научился работать по макетам PSD. Продолжает совершенствоваться. Рекомендуем ментора.

image
Мариана Курс "Продвинутая верстка" 5.0

Рекомендую Илью как строгого и опытного преподавателя, гарантирую интересные занятия и быстрый результат!

image
Роман Курс "Продвинутая верстка" 5.0

Очень полезные занятия с Ильей. Доступная подача материала, практический подход с минимумом необходимой теории и акцентом на конкретный кейс обучаемого. Приемлемая стоимость занятий. Благодарен Илье и уверенно рекомендую его другим!

image
Владимир Курс "Продвинутая верстка" 5.0

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

image
Дарья Курс "Продвинутая верстка" 5.0

Занимаюсь с преподавателем уже больше двух месяцев(параллельно учусь в академии Go-It), скажу сразу, за месяц с Ильей я выучила в 10 раз больше! Но, что самое главное, создала уже 2! сайта полностью адаптивных под все устройства. Кроме того очень заметно, что Илья учит не ради того "абы было", а работает на результат, который его студенты показывают в первые месяцы обучения. Спасибо большое такому прекрасному человеку и преподавателю, будем дальше заниматься с ним, и пробивать мне путь в IT

image
Артем Курс "Продвинутая верстка" 5.0

Илья - один из самых опытных и лучших преподавателей, с которыми я сталкивался. Он может просто, доступно объяснить даже самые сложные моменты и показать реальные примеры применения той или иной технологии. Так же Олег объясняет темы, которые освещают 2 из 10 преподавателей, обучение проходит интересно, на результат, который можно увидеть в портфолио. Если нужны крепкие знания и хороший результат, то вы это все получите и даже больше.

Гарантия

guaranty
  • Если объяснения будут вам непонятны
  • Если курсы не дадут вам новых знаний и умений
  • Если вы не сможете подключиться к системе онлайн-обучения
  • …то вы сможете получить деньги назад.

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

Заказать пробный урок