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

Научим использовать всю мощь HTML + CSS и поможем создать реальное портфолио верстальщика за 2, 5 месяца.

Скидка -50% на второй курс!

При покупке любого курса - второй для себя или для друга со скидкой 50%!

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

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

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

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

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




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

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

icon
Выберите удобный пакет обучения Онлайн
Онлайн
52 725 руб
26 472 руб
возможна Тинькофф рассрочка до 24 мес. без процентов
ЧЕРНАЯ ПЯТНИЦА! Скидка -63% только до 7 ноября!
  • Online обучение по zoom
    Группы до 16 чел

    Личный куратор
    Проверка дом заданий
    Видео-записи всех занятий
    Подготовка к трудоустройству
    Составление резюме
    Сертификат

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

Форма оплаты

Выберите вариант оплаты
100%
50%
1 мес
Кредит от банка
Бронь места: 2000 руб.
icon
Выберите удобный пакет обучения  Очно
Очно
58 300 руб
29 415 руб
возможна Тинькофф рассрочка до 24 мес. без процентов
ЧЕРНАЯ ПЯТНИЦА! Скидка -63% только до 7 ноября!

  • Уроки в аудиториях в Туле
    Группы до 10 человек

    Личный куратор
    Проверка дом заданий
    Видео-записи всех занятий
    Подготовка к трудоустройству
    Составление резюме
    Сертификат

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

Форма оплаты

Выберите вариант оплаты
100%
50%
1 мес
Кредит от банка
Бронь места: 2000 руб.
icon
Выберите удобный пакет обучения Видео-курс
Видео-курс
46 675 руб
23 532 руб
возможна Тинькофф рассрочка до 24 мес. без процентов
ЧЕРНАЯ ПЯТНИЦА! Скидка -63% только до 7 ноября!
  • Видео-уроки 2 р в нед
    Очно/онлайн разбор практики раз в нед

    Личный куратор
    Проверка дом заданий
    Видео-записи всех занятий
    Подготовка к трудоустройству
    Составление резюме
    Сертификат

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

Форма оплаты

Выберите вариант оплаты
100%
50%
1 мес
Кредит от банка
Бронь места: 2000 руб.
Программа курса

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

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
  • Веб-дизайнерам
  • Web-разработчикам

Новичкам в IT сфере

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

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

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

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

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

Web-разработчикам

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

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

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

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

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

Верстать любые дизайны веб-страниц

Использовать HTML+CSS на уровне

Использовать HTML+CSS на уровне "Уверенный пользователь"

Работать с фремворком Bootstrap 3

Работать с фремворком Bootstrap 3

Создавать адаптивную и кроссбраузерную верстку

Создавать адаптивную и кроссбраузерную верстку

Профессионально работать на позиции

Профессионально работать на позиции "Верстальщик веб-сайтов"

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

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

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

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

Верстальщик сайтов (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 в Туле

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

    Поэтому лучших выпускников
    мы иногда забираем себе в команду

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

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

    Не страшно, мы ведем видео-запись всех занятий, которые будут вам доступны в закрытой телеграм-группе вашего курса!

    Наши выпускники в Туле

    Наши выпускники в Туле

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

    Записаться на курс Записаться на курс Записаться на курс
    Записаться на курс
    Хотите пойти на IT-курсы в Туле? Хотите пойти на IT-курсы в Туле?

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

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

      Текст курса

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

      Верстка сайта – востребованная профессия на рынке России. Только на биржах фриланса опубликовано больше 5 тысяч предложений. Если хотите стать крутым “переводчиком” между дизайнером и программистом за 2, 5 месяца, изучайте верстку сайта с нуля в нашей школе.

      Верстка: обучение и результат  

      Наш курс “Верстка сайта” подходит для новичков в IT-сфере.

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

      Обучение верстке начнем с двух важнейших языков – языка разметки HTML и языка стиля CSS. Первый применяют для размещения элементов. Он является эдаким “скелетом” веб-страницы. Второй используют, чтобы добавить отступы, интервалы, цвета, картинки и другие украшения. CSS помогает сделать страницу визуально приятной.

      Кроме HTML+CSS, вы изучите:

      • Adobe Photoshop с его базовым инструментами;

      • фреймворки jQuery и Bootstrap;

      • распределенную систему контроля версий Git;

      • инструмент автоматизации рутинных задач Gulp и другое.      

      После изучения верстки сайта вы сможете:

      • работать с элементами дизайна в Photoshop;

      • заниматься мобильной, кроссбраузерной и адаптивной версткой страниц;

      • тестировать страницы в разных браузерах и на разных устройствах;

      • качественно и быстро вносить правки, если необходимо. 

      Уроки длятся 2 часа. Проходят дважды в неделю. Домашние задания тоже есть, но в основном практического характера. Теорию визуализируем примерами, чтобы вы лучше усваивали материал. Уроки проходят в позитивной, вдохновляющей атмосфере. 

      В нашей школе вы станете профессиональным верстальщиком за 2, 5 месяца с нуля. 

      Школа AVENUE – ваше надежное образование 

      Доверие стоится на фактах, а не на пустых словах. Мы собрали 5 причин, почему вы можете учить верстку сайта у нас и не переживать за результат:

      1. Упор на практику



      Вы будете выполнять реальные задачи верстальщика. Интересные и актуальные. Это поможет прочувствовать профессию и эффективно работать в будущем.

      2. Преподаватели с опытом работы



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

      3. Готовый проект в портфолио



      Чтобы показать, как много вы знаете и умеете, вы воплотите в жизнь личный проект в процессе учебы. Он станет частью портфолио. Сможете показать работодателю и победить конкурс на должность.

       4. Доступ к видеозаписям курса

      Если что-то упустили или забыли, у вас всегда (даже спустя пару лет после окончания) будут видеозаписи занятий. Открывайте, смотрите и освежайте память.

      5. Стажировка и трудоустройство

      Лучшим студентам предоставляем шанс пойти стажироваться в топовые компании России. Остальным помогаем найти первых заказчиков. Также учим раскручивать себя на биржах фриланса. 

      Будьте лучше каждый день и не бойтесь начинать новое! Даже топовы специалисты по верстке сайта были когда-то новичками. 

      Записывайтесь на курс по телефону или на сайте.