КУРС ДЛЯ НАЧИНАЮЩИХ

Курс по HTML и CSS с нуля. Современная верстка сайтов

 ОНЛАЙН  — формат подходящий каждому.

Индивидуальное расписание и помощь. Учитесь тогда, когда Вам удобно!

  • 10 уроков (50 видео, 24 часа);
  • 15 заданий (10 ДЗ, 5 макетов) + проверка;
  • Экзамен: онлайн-тест и задание;
  • Помощь от преподавателя.

Сертификат: электронный.

Кому подходит данный курс

Если Вы решили стать веб-мастером и связать свою жизнь с веб-разработкой, то ваше обучение должно начаться именно с изучения HTML и CSS. Без этих технологий невозможно создать ни одно веб-приложение.

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

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

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

Программа состоит из 3 блоков: изучение HTML и CSS, работа с Figma и Photoshop, адаптивная верстка сайтов. Рассчитана приблизительно на один месяц: 16 заданий (10 ДЗ, 6 макетов для верстки, 1 экзамен).

Программа и формат обучения предполагает преимущественно самостоятельное онлайн-обучения.

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

  • Просмотр и практическое изучение видео-уроков.
  • Изучение опорного план-конспекта и справочного материала.
  • Выполнение ДЗ и отправка его на проверку преподавателем.
  • Успешно сдать экзамен и получить электронный сертификат.

В программу включены:

  • 10 уроков (50 видео, 24 часа);
  • опорный план-конспект;
  • 16 заданий (10 ДЗ, 6 макетов для верстки, 1 экзамен);
  • доступ к студенческому сообществу (СтудХаб) школы;
  • подробная проверка всех заданий с «code review»;
  • 2 онлайн-встречи по 1 часу с преподавателем школы.

Чтобы завершить курс за один месяц, рекомендуется уделять обучению по 2 часа ежедневно. Личные консультации с преподавателем лучше использовать для обсуждения более сложных вещей, например: адаптивная верстка макета сайта, обсуждение экзамена.

После успешной сдачи экзамена и онлайн-теста Вы получите электронный сертификат о прохождении данного курса.

Курс по HTML и CSS с нуля. Современная верстка сайтов

Вы изучите основы веб-дизайна, научитесь работе с Adobe Photoshop и Figma, верстать макеты веб-приложений (сайтов) любой сложности.

Курс по HTML и CSS с нуля. Современная верстка сайтов

Изучите главные технологии веб-разработки: HTML и CSS. Научитесь работать с инструментами и сервисами для верстальщиков: Chrome Dev Tools, Visual Studio Code, Google Fonts, Font Awesome, CodePen. И, это еще далеко не все…

Курс по HTML и CSS с нуля. Современная верстка сайтов

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

БЕСПЛАТНОЕ ВИДЕО.
Урок по HTML.

ЗАНЯТИЕ 1-2. Знакомство с HTML и CSS. Практика работы с тегами и применение свойств CSS.

Знакомство с HTML и CSS. Инструменты для работы (браузеры, редакторы кода, валидаторы разметки и инструмент веб-разработчика), правила и синтаксические особенности языков. Практика создания простых веб-страниц, применение свойств форматирования содержимого, управление размерами, полями, отступами, границами.

ЗАНЯТИЕ 3-4. Таблицы, формы, встраивание эл-тов, создание сайта.

Создание сложных и современных таблиц. Работа с фоном и изображениями. Встраивание элементов на страницы (видео, Яндекс или Google карт). Создание форм с различными полями и кнопками. Знакомство с методами отправки данных. Псевдоклассы и псевдоэлементы в CSS. Особенности блочных и строчных элементов в HTML. Различные способы выравнивания элементов и содержимого на странице. Создание многостраничного сайта.

ЗАНЯТИЕ 5-6. Флекс (flex) модель для верстки сайтов. 

Изучение современных методов верстки. Знакомство с Flex (флекс) моделью верстки, выравниванием элементов и построению сетки разметки документа. Создание колонок различной сложности. Новые возможности HTML и CSS. Обзор современных редакторов кода (Visual Studio Code, Sublime Text, Atom).

ЗАНЯТИЕ 7. Позиционирование. Adobe Photoshop. Практика создания навигации и верстка макета сайта.

Изучение возможностей графического редактора Adobe Photoshop, необходимых для дальней работы с дизайн-макетам. Практика верстки различных элементов сайтов. Позиционирование элементов, создание «липких» элементов. Создание горизонтальной и вертикальной навигации с выпадающим и многоуровневым меню. Верстка полноценного дизайн-макета сайта с нуля. Адаптивная и кроссбраузерная верстка.

ЗАНЯТИЕ 8-9. Grid-модель верстки сайтов. Figma

Изучение и применение Grid-модели по созданию сеток различной сложности и размещения элементов и содержимого. Работа с графическим сервисом Figma для создания веб-интерфейсов. Практика адаптивной верстки Figma-макетов с применением новой модели.

ЗАНЯТИЕ 10. Анимация и трансформация в CSS. 

Трансформация элементов, анимация переходов и создание сложной анимации в CSS.

ЭКЗАМЕНАЦИОННЫЙ ПРОЕКТ.

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

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

Кроме этого, на каждом курсе...
Курс по HTML и CSS с нуля. Современная верстка сайтов

Комфортное  Онлайн  обучение

Обучение как в учебном классе, только дома и в тапочках. Качественные и подробные видео уроки, конспект, подборка материалов, тесты, ДЗ и экзамены. Два раз в неделю обязательные онлайн-встречи с преподавателем. Процесс обучения почти ничем не отличается от офлайн формата.

Улыбнитесь! Вас записывают!

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

Курс по HTML и CSS с нуля. Современная верстка сайтов
Курс по HTML и CSS с нуля. Современная верстка сайтов

Готовые материалы для обучения в любом формате

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

Ваш личный наставник 24/7

Преподаватель становится вашим ментором, сэнсэем, тренером, коучем, гуру — называйте его как хотите. Важно то, что он с вами будет на протяжении всего курса и не только на занятиях (и в классе и в онлайн формате), а еще и онлайн в другие дни.

Курс по HTML и CSS с нуля. Современная верстка сайтов
Курс по HTML и CSS с нуля. Современная верстка сайтов

Приятное с полезным. Будьте как дома!

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

Сколько стоит стать Айтишником

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

Учитесь тогда, когда Вам удобно!

120 минут

личных консультаций

50 видео

10 уроков, 24 часа

189 рублей

Полная стоимость

16 заданий

10 ДЗ, 5 макетов, 1 экзамен

Бесплатный урок по курсам веб-разработки с нуля

Бесплатный урок по курсам веб-разработки с нуля

На уроке поговорим о том: Какие направления в веб-разработке существуют? Какие технологии и инструменты используют веб-разработчики? Что выбрать: самообразование, курсы или институт? Как учиться онлайн? Сколько стоит Войти в Айти и как остаться в нем? Есть ли проблемы при трудоустройстве На сколько важен английский язык.

Читать подробнее

Воскресенье — День открытых дверей!

Воскресенье — День открытых дверей!

Каждое Воскресенье, с 10:00 до 17:00, двери нашего центра открыты для всех желающих познакомиться с нашей школой и Курсами IT, получить консультацию или заключить договор, а для студентов — поработать за компьютером и пообщаться с преподавателем. Будем рады Вас встретить!

Читать подробнее

Бесплатные видео и онлайн-встречи. Говорим об Айти и отвечаем на вопросы

Бесплатные видео и онлайн-встречи. Говорим об Айти и отвечаем на вопросы

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

Читать подробнее

Секреты обучения в нашем центре

Почему у нас хорошо и комфортно учиться?

Два комфортных формата обучения: онлайн / в классе. В учебном классе: ведется видеозапись каждого занятия; персональное место для студента; мощный компьютер; блокнот и ручка; WiFi; вода, кофе, чай и печеньки =) Доступная парковка!
Курс по HTML и CSS с нуля. Современная верстка сайтов

``Моя Айти Школа`` — современная и с новыми взглядами на образование IT-школа программирования.

Моя-Айти-Школа.бел или MyItSchool.by

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

Комфортное онлайн-обучение!

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

Ваша цель трудоустройство?

Именно такому количеству студентов, 12  в группе, один преподаватель может уделить равное количество времени, в том числе и на проверку домашних и контрольных заданий. Это очень важно!
Курс по HTML и CSS с нуля. Современная верстка сайтов

Мы занимаемся малыми группами по 12 человек. Идеальное количество для всех.

Все программы адаптированы под рынок труда и содержат только актуальные знания и ничего лишнего. Мы «не льем воду» и не пишем под диктовку, а придерживаемся схемы обучения: 20% теория / 80% практика.
Курс по HTML и CSS с нуля. Современная верстка сайтов

Наши программы обучения рассчитаны на разные уровни подготовки и знания ПК.

Наши преподаватели имеют уровень квалификации не ниже Senior (с опытом работы 4+ лет) — настоящие профессионалы своего дела, евангелисты, менторы — помогут вам стать востребованным «Айтишником».
Курс по HTML и CSS с нуля. Современная верстка сайтов

Наша гордость — наши преподаватели! Они реально крутые.

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

Мы не фабрика и у нас не «конвейерное производство» выпускников.

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

Открытый чат для каждой группы.

Просто приходите в гости на кофе =) Мы будем рады с вами познакомиться и проконсультировать по любым вопросам. Наши двери открыты и для студентов — они могут свободно поработать за компьютером или поговорить с преподавателем.
Курс по HTML и CSS с нуля. Современная верстка сайтов

Работаем для Вас с ПН по ПТ. Воскресенье — День открытых дверей!

Отправная точка любого успеха — это желание.

Хочешь стать Айтишником?
Приходи и мы поможем!

Мы гордимся своими гуру-преподавателями

Наши тренера успешно выпустили  уже более 1200 студентов  по различным курсам!

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

Сертифицированные Курсы IT

Сергей Краевский

Опыт более 14 лет. Инженер-программист, преподаватель курсов по Front-end и Back-end разработке.
Сертифицированные Курсы IT

Мария Лукшиц

Опыт более 5 лет. Преподаватель курсов по веб-дизайну и UX&UI. Графический дизайнер.
Сертифицированные Курсы IT

Алексей Агеев

Опыт более 6 лет. Веб-разработчик, преподаватель курсов по продвижению сайтов (SEO) и рекламе в интернете.
Сертифицированные Курсы IT

Яков Шевченко

Опыт более 4 лет. Преподаватель курсов по Front-end разработке.
Сертифицированные Курсы IT

Андрей Гивойно

Опыт более 10 лет. Инженер-программист, преподаватель по Back-end разработке и проектированию БД.