📎Курсы HTML CSS 💥 Обучение HTML CSS «с нуля» | Avenue
8 917 552 0333

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

Описание курса

Вёрстка сайтов – процесс создания структуры гипертекстового документа на основе HTML разметки. Говоря простыми словами, вёрстка – именно тот инструмент, который отвечает за правильное отображение элементов с PSD-исходника в браузере.

Что такое HTML и CSS?
HTML – язык гипертекстовой разметки. HTML – это «скелет» любой веб-страницы и отвечает за правильное расположение элементов на сайте.
CSS – каскадные таблицы стилей, именно то, что делает «скелет» сайта приятным для просмотра. А именно: добавляет цвета, отступы и позиционирования, картинки и прочее.
10 лет назад верстальщику достаточно было знать только эти технологии для полноценной вёрстки веб-страниц. Однако сейчас дизайну сайтов уделяют особое внимание, ведь именно дизайн сайта заставляет пользователя заходить на сайт снова и снова.
Современный сайт должен взаимодействовать с пользователем: откликаться на курсор мышки, переливаться и «гипнотизировать» посетителя с первых секунд.

Почему именно Вёрстка сайтов?

Это просто
Верстальщик – одна из нетрудных профессий, которую легко можно освоить за пару месяцев. Для первых заказов вам будет достаточно изучить HTML и CSS, основы адаптивности и валидности и один из фреймворков для создания веб-страниц.
Это востребовано
Верстальщики нужные везде, где нужно дорабатывать или поддерживать сайт: от веб-студий до фриланс заказов. Каждый сайт имеет в себе долю HTML и CSS, размещение сайта на хостинге без правильной вёрстки просто не имеет смысла.
Профессиональное развитие
Опыт работы Верстальщиком сайта даст вам представление о структуре веб-документов и научит работать с клиентской частью сайта. А это в свою очередь послужит прекрасным фундаментом для на начала карьеры Front-end разработчика.

Какие перспективы для Верстальщика?

Направления:
Вёрстка web-сайтов
Front-End программист
Javascript программист

Зарплата:
890 $ - стажер
1 150$ - HTML Junior
2 100$ - Front-end Senior

Гарантия возврата денег!Если в течении первых 2х занятий вы по любой из причин не хотите продолжать курс - мы вернем вам 100% всей оплаты.

Сложность курса
Осталось мест
12/14
Старт: 5 сентября
Длительность:
2 месяца
2 раза в неделю
с 19:30 до 21:30




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

Online

18 700 руб или ежемесячно 12 200 руб

Обучение онлайн
Группы до 14 человек
Проверка домашних заданий
Видео всех занятий
Интенсив по трудоустройству

VIP

28 600 руб или ежемесячно 17 160 руб

Обучение в аудиториях
Группы до 14 человек
Проверка домашних заданий
Видео всех занятий
Интенсив по трудоустройству
Раздаточный материал
2 часа индивидуальных занятий
Помощь в трудоустройстве


Standart

22 000 руб или ежемесячно 14 200 руб

Обучение в аудиториях
Группы до 14 человек
Проверка домашних заданий
Видео всех занятий
Интенсив по трудоустройству
Раздаточный материал


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

1Блок
Введение в Web-разработку
1-й месяц Длительность: 21 Ак. Час
  1. Введение в веб-разработку. Сайтостроение. Инструменты веб-разработки.
  2. Язык разметки HTML. Теги оформления, комментарии, гиперссылки, изображения, списки и другие элементы веб-страницы.
  3. Каскадные таблицы стилей CSS. Синтаксис и простые селекторы. Вложенность и наследование. Псевдоклассы и псевдоэлементы.
  4. Блочная вёрстка. Создание основной разметки сайта. Overflow и clear. Позиционирование элементов. Сетка.
  5. Таблицы в HTML. Структура, ячейки. Вложенные таблицы и стилевое оформление.
  6. Стандарты Web-а. Введение в кроссбраузерность и валидацию.
  7. Реализация анимации и эффектов на сайте. CSS. Transform, transition, animation, gradient.
  8. Свойство Flex. Работа с размерами изображений и элементов.

По итогам блока:

Чёткое понимание структуры Web-а. Приобретён навык использования HTML и CSS.

CSS - язык для формирования внешнего вида документа
HTTP - система правил передачи данных через Интернет
Flex - свойство, определяющее способность элемента растягиваться или сжиматься
2Блок
Адаптивная вёрстка
2-й месяц Длительность: 21 Ак. Час
  1. Адаптивная вёрстка. Введение в адаптивный дизайн. Медиа-функции и работа с ними.
  2. Bootstrap. Обзор фреймворка. Знакомство с системой сеток и встроенными компонентами.
  3. Препроцессор Less. Обзор функционала и сферы применения. Установка компилятора.
  4. Sass/Scss препроцессор. Обзор возможностей, сравнение Sass/Scss и Less. Настройка компилятора.
  5. Bootstrap 3. Установка фреймворка. Знакомство и настройка системы сеток.
  6. Bootstrap 3. Адаптивная навигация. Слайдеры и иконки.
  7. Bootstrap 3. Вкладки, спойлеры. Модальные окна и работа с ними. Индикаторы прогресса и создание кнопок.
  8. Bootstrap 3. Эскизы, значки, masonry. Пагинация и снипеты.

По итогам блока:

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

Sass/Scss - расширения, разработанные для упрощения файлов CSS
HTTP - система правил передачи данных через Интернет
CSS - язык для формирования внешнего вида документа
Bootstrap - набор инструментов для создания сайтов и веб-приложений

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

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

check

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

check

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

check

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

check

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

check

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

Ваше резюме

Анастасия Баранец

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

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

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

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

Образование

  • IT School Avenue
    Курс «HTML+CSS. Вёрстка сайтов»‎
    2 месяца. (1.08.19 - 1.10.19)

Сертификат

Анастасия Баранец

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

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

Дата выдачи: 1 октября 2019 года

Александр Васильев Основатель школы Avenue
Светлана Петрова Куратор курса

icon Хочешь пойти на IT-курсы?

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

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

icon Плюшки Студентам

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

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

Скидка 15%

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

Чат 24/7

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

Avenue Bar

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

Партнеры

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

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

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

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

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

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

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

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

Преподаватель курса

Агашков Денис

Занимается программированием более 6 лет. Зарабатывал опыт в компаниях малого, среднего и крупного бизнеса - Camel, Kari, Otto group. Обладает множеством профильных сертификатов.

  • Создание сайтов (с нуля) и доработка старых
  • Управление сайтами (администрирование)
  • Работа с Базой Данных
  • Интеграция дизайна
  • Программирование (PHP, Javascript)
Образование: РГСУ, специальность "Информатика и вычислительная техника".
Преподаватель курса

Галиев Рустам

Владеет актуальными знаниями в сфере web-разработки. Знает как передать свой опыт. Расскажет как повысить свои шансы с первого раза устроиться в хорошую IT-компанию.

  • 8 лет работает в сфере разработки ПО
  • Освоил все аспекты веб-разработки
  • Умеет качественно и быстро верстать адаптивные веб-страницы и программировать на JavaScript
  • Имеет опыт HR-менеджмента
  • Работает программистом в Software-компании
Образование: Московский Университет Связи и Информатики, Финансовый Университет при Правительстве РФ.

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

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

icon Наши выпускники

icon Хочешь пойти на IT-курсы?

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

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

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

Курсы html в Avenue 16+ – первая ступень в вашей карьере IT-специалиста.
Если вы хотите стать верстальщиком высшего класса тогда обучение html в Avenue 16+ – ваш выбор! Мы обучаем html на практике, на каждом занятии вы будете обучаться вёрстке методом «повторения за рукой мастера». После каждого занятия курса вёрстки у нас на руках будет готовая часть (верстка) веб-страниц реального сайта!
Курс html в Avenue 16+ это «выжимка» всех технологий и программ, которые нужны для разработки фронтенда сайта. Окончив курс верстки, вы сможете верстать веб-страницы любой сложности по PSD-макету.
Обучение вёрстке в Avenue 16+ – лучший метод обучения html.

После окончания обучения на курсах html вы будете:
1. Понимать структуру веб-а.
После обучения вёрстке в Avenue вы не только сможете верстать страницы любой сложности, но и будете досконально разбираться в структуре веб-а, протоколах, доменах и хостингах и проч.
2. Использовать HTML+CSS на «полную».
Курс вёрстки нацелен на практическое освоение верстки студентами IT-школы Avenue. Во время курса html наши преподаватели будут давать вам реальные задания, которые помогут вам обучится мастерству верстки сайтов всего за 2 месяца.
3. Верстать макеты любой сложности.

Финальный проект курса верстки сайтов 16+ – реальная вёрстка сайта по продаже мебели. Мы создали этот учебный проект, чтобы обучить наших студентов html и css на реальном примере.
Сверстав этот сайт « с нуля» вы будете готовы к реальным проектам с бирж фриланса.