HTML+CSS
Вёрстка сайтов
html

Вы научитесь верстать для разных устройств и браузеров, а также освоите языки HTML и CSS. 80% практики на занятиях поможет вам в совершенстве овладеть востребованной профессией.

О ПРОФЕССИИ ВЕРСТАЛЬЩИК ПО ДАННЫМ HEADHUNTER:
ВЕРСТАЛЬЩИК –

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

ОБЯЗАННОСТИ ВЕРСТАЛЬЩИКА:

• трансформация PSD-шаблона в код;
• вырезание логотипов, картинок, снятие шрифтов и других графических объектов;
• сборка и сравнение верстки с дизайном;
• тестирование страницы и внесение правок.

опубликованных вакансий 4965
4965
опубликованных вакансий
средняя зарплата по Санкт-Петербургу 2 100$
2 100$
средняя зарплата по Санкт-Петербургу
опубликованных резюме 3101
3101
опубликованных резюме
Получите БЕСПЛАТНО видеозапись первого занятия предыдущей группы
Получите БЕСПЛАТНО видеозапись первого занятия предыдущей группы
Видео будет отправлено Вам в мессенджере WhatsApp
Получите БЕСПЛАТНО видеозапись первого занятия предыдущей группы




img
Выберите удобный пакет обучения

Выберите удобный пакет обучения

icon
Выберите удобный пакет обучения Онлайн
Онлайн
32 475 руб
21 980 руб
от 1 832 руб./мес.
-30% ТОЛЬКО ДО 5 ДЕКАБРЯ
  • Обучение по трансляциям
    Группы до 10 человек
    Проверка домашних заданий
    Видеозаписи всех занятий
    Тренинг по трудоустройству
    Сертификат
    Портфолио

Записаться
Данный пакет можно приобрести в рассрочку БЕЗ банка по 10 390 руб./мес.
icon
Выберите удобный пакет обучения  VIP
VIP
39 975 руб
27 980 руб
от 2 332 руб./мес.
-30% ТОЛЬКО ДО 5 ДЕКАБРЯ

  • Занятия в аудиториях
    Группы до 10 человек
    Проверка домашних заданий
    Видеозаписи всех занятий
    Тренинг по трудоустройству
    Сертификат
    Портфолио
    Резюме
    Трудоустройство

Записаться
Данный пакет можно приобрести в рассрочку БЕЗ банка по 12 790 руб./мес.
icon
Выберите удобный пакет обучения Стандарт
Очно
34 975 руб
23 980 руб
от 1 998 руб./мес.
-30% ТОЛЬКО ДО 5 ДЕКАБРЯ
  • Занятия в аудиториях
    Группы до 10 человек
    Проверка домашних заданий
    Видеозаписи всех занятий
    Тренинг по трудоустройству
    Сертификат
    Портфолио

Записаться
Данный пакет можно приобрести в рассрочку БЕЗ банка по 11 190 руб./мес.
Программа курса

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

1 Модуль. Введение в Web-разработку

1-й месяц


Длительность: 21 Ак. Час

По итогам модуля:

  1. Занятие №1
    Введение в веб-разработку. Сайтостроение. Элементы веб-разработки: блочные и строчные. Поток документа.
  2. Занятие №2
    Каскадные таблицы стилей CSS. Синтаксис и простые селекторы. Вложенность и наследование.
  3. Занятие №3
    Язык разметки HTML. Теги оформления, комментарии, гиперссылки, изображения, списки и другие элементы веб-страницы.
  4. Занятие №4
    Селекторы. Псевдоклассы и псевдоэлементы. Работа с текстом на веб-странице.
  5. Занятие №5
    Фон. Табличная сетка и списки. Работа с данными на сервере, создадим форму обратной связи.
  6. Занятие №6
    Блочная верстка и Box Model.
  7. Занятие №7
    Внешний вид: отступы, обтекания, позиционирование и рамки.
  8. Занятие №8
    Вёрстка интернет-каталога. Сверстаем карточку товара.

Чёткое понимание структуры Web-а. Приобретён навык вёрстки кроссбраузерного сайта.

2 Модуль. Адаптивная вёрстка

2-й месяц


Длительность: 21 Ак. Час

По итогам модуля:

  1. Занятие №1
    Photoshop и Вёрстка сайтов. Настройка рабочей среды Photoshop для верстальщика. Введение в HTML 5. Начало вёрстки сайта по PSD-макету.
  2. Занятие №2
    Элементы сайта и работа с ними: чекбокс, радио-кнопка, переключатели. Введение в адаптивную вёрстку.
  3. Занятие №3
    Desktop и Mobile First подходы. Основные сходства и отличия.
  4. Занятие №4
    Работа с изображениями на веб-странице. SVG и WEBP. Слайдеры.
  5. Занятие №5
    Введение в jQuery. Создадим слайдер для сайта. Обзор Animate.css.
  6. Занятие №6
    Методологии вёрстки: БЭМ, OOCSS, SMACSS, Atomic CSS. Особенности работы с Figma.
  7. Занятие №7
    Препроцессоры LESS, SASS, PostCSS. Обзор фреймворка Bootstrap.
  8. Занятие №8
    Git и Gulp. Сборка финального проекта - многостраничного адаптивного и кроссбраузерного сайта.

Умение создавать крутые адаптивные макеты веб-страниц. Приобретено умение создавать адаптивную, мобильную и кроссбраузерную вёрстку веб-страниц.

Программа курса может быть изменена исходя из трендов it-индустрии.
icon

Курс включает в себя:

Курс включает в себя: HTML
HTML
Курс включает в себя: CSS
CSS
Курс включает в себя: Bootstrap
Bootstrap
Курс включает в себя: Sass/Scss
Sass/Scss
Курс включает в себя: Less
Less
Курс включает в себя: Photoshop
Photoshop
Курс включает в себя: jQuery
jQuery
Курс включает в себя: Git
Git
Курс включает в себя: Gulp
Gulp
Курс включает в себя: Figma
Figma
Смотреть больше
Кому подойдёт этот курс:

Кому подойдёт этот курс:

  • Новичкам в IT
  • Начинающим Front-end
  • Веб-разработчикам
  • Веб-дизайнерам

Новичкам в IT

Курс идеально подходят для начинающих. Вы c нуля освоите HTML и CSS, а также изучите Adobe Photoshop. Спустя 2, 5 месяца получите диплом и без проблем устроитесь на перспективную и высокооплачиваемую работу.

Начинающим Front-end

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

Веб-разработчикам

Научитесь программировать на HTML и CSS, и верстайте сайты без сторонней помощи. Новые знания помогут стать более востребованным на рынке. Вдобавок к профессиональному росту вырастет и зарплата.

Веб-дизайнерам

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

img
Что будете уметь при завершении курса?

Что будете уметь при завершении курса?

Ваш финальный проект по завершению курса

Ваш финальный проект по завершению курса
Делать кроссбраузерную, мобильную и адаптивную верстку

Делать кроссбраузерную, мобильную и адаптивную верстку

Использовать HTML и CSS

Использовать HTML и CSS

Работать в Adobe Photoshop на уровне уверенного пользователя

Работать в Adobe Photoshop на уровне уверенного пользователя

Тестировать верстку в разных браузерах и на разных устройствах

Тестировать верстку в разных браузерах и на разных устройствах

Эффективно продвигать свои услуги на биржах фриланса

Эффективно продвигать свои услуги на биржах фриланса

Ваши результаты

Ваши результаты

Ваши результаты

Илья Немченков

Верстальщик сайтов (HTML+CSS)

Заработная плата - 80 000 руб/мес

Ключевые навыки

  • Уверенные знания основ вёрстки сайтов (HTML/HTML5+CSS/CSS3)
  • Глубокое понимание архитектуры веб-разработки и стандартов Web-а
  • Базовые знания Photoshop
  • Умею создавать адаптивную вёрстку
  • Технологии: Less, Sass/Scss, Bootstrap, Bootstrap 3.

Образование

  • IT School Avenue СПБ
    Курс «HTML+CSS. Вёрстка сайтов»‎
    2, 5 месяца. (1.09.20 - 15.11.20)

Илья Немченков

Успешно завершил обучение по курсу:

«HTML+CSS. Вёрстка сайтов»‎

2020
Дата выдачи: 15 ноября 2020 года
www.it.avenue-pro.ru
Иванов Иван Директор школы
Чесноков Александр Преподаватель курса

Записаться на курс

Записаться на курс Записаться на курс Записаться на курс
Записаться на курс
Записаться на курс Хотите пойти на IT-курсы в Санкт-Петербурге?

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

  • Консультация по курсу
  • Помощь в выборе направления
  • Дополнительные материалы для старта

Подарки к курсу

Подарки к курсу
Подарки к курсу

Привилегии студентам Привилегии студентам

Привилегии студентам Сертификат и его онлайн копия

Сертификат и его онлайн копия

Проявил себя и выжал максимум!

Привилегии студентам Скидка 15%

Скидка 15%

Каждому выпускнику Avenue скидка 15% на любой другой курс.

Привилегии студентам Чат 24/7

Чат 24/7

Общий чат и постоянная онлайн-поддержка от преподавателя.

Привилегии студентам Avenue Bar

Avenue Bar

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

Привилегии студентам Партнеры

Партнеры

Отправляем резюме лучших студентов рекрутерам ведущих ІТ-компаний в СПБ.

Привилегии студентам Видео всех занятий

Видео всех занятий

Мы ведем видеозаписи всех занятий для всех наших студентов.

Привилегии студентам Тренинг по трудоустройству

Тренинг по трудоустройству

По окончанию курса опытный рекрутер расскажет вам как трудоустроиться в Питере.

Привилегии студентам Закрытая платформа

Закрытая платформа

Студенты автоматически попадают в закрытую платформу нашей школы.

Видео курс

IT Avenue в Санкт-Петербурге

Мы не просто ІТ-школа, мы — ІТ-компания,
которая всегда ищет таланты!
update.studio

Потерянный урок

Пропустил занятие? Пропустил занятие?

Не страшно, мы ведем видеозапись лекции и она будет доступна в личном кабинете на закрытой платформе Avenue!

Наши выпускники в СПБ

Наши выпускники в СПБ

Записаться на курс

Записаться на курс Записаться на курс Записаться на курс
Записаться на курс
Хотите пойти на IT-курсы в Санкт-Петербурге? Хотите пойти на IT-курсы в Санкт-Петербурге?

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

  • Консультация по курсу
  • Помощь в выборе направления
  • Дополнительные материалы для старта

Текст курса

Курсы HTML+CSS в Питере. Вёрстка сайтов

Если вы новичок в IT-сфере, верстка сайта – лучшее решение для старта вашей карьеры. Даже в начале HTML&CSS верстка позволит вам зарабатывать больше тысячи долларов в месяц.

Помимо этого, сможете выбрать интересную нишу, ведь предложений по верстке сайта много и они поступают из разнообразных сфер: от строительных и ресторанных бизнесов до сайтов звёзд и компаний международного уровня.

Курс “Верстка сайта” с нуля  

CSS и HTML верстка легко поддается изучению.

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

Что будете уметь после учебы:

  • работать с макетом дизайна в Adobe Photoshop;
  • переводить PSD-шаблон в код;
  • программировать на языках HTML и CSS;
  • делать мобильную, кроссбраузерную и адаптивную верстку;
  • тестировать верстку в разных браузерах.

Мы обучим вас “фичам”, которые знает только практикующий верстальщик. Сможете быстро и качественно выполнять работу. У программиста, который будет прописывать логику к компонентам, после вашей работы ничего не развалится. А это, поверьте, большое достижение.

Почему верстку сайтов стоит учить в нашей школе

Освоить профессию верстальщика в Питере можно разными способами. Однако самый надежный – окончить курсы. В AVENUE вы получите диплом, проект в портфолио, шанс попасть на стажировку с возможностью трудоустройства.

Вы станете крутым верстальщиком благодаря особенностям нашего образования: 

  • Преподаватели с вдохновляющим опытом

Мы нанимаем специалистов, у которых есть классный опыт и кейсы. И которые в данный момент продолжают работать по профессии. Выпускников ВУЗов не принимаем, пока не набьют шишек и не испытают себя в деле.

  • Проект в портфолио

Результат труда вы реализуете в личном проекте. Он станет вашей первой работой в портфолио. С помощью нее быстрее найдете работу, о которой мечтаете.

  • 80% практических заданий

На уроках вы будете верстать сайты, а не учить верстку. Чувствуете разницу? Интересных заданий действительно будет много. Научитесь работать так, как работает истинный практик.

  • Стажировка

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

  • Трудоустройство

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

Не сидите сложа руки, пока другие действуют и побеждают.

Бронируйте место на курсе сегодня, чтобы зарабатывать большие деньги и жить в удовольствие через 2, 5 месяца.