Онлайн курс

Basic HTML & CSS intensive

Записаться
clock icon
Старт группы

14 апреля

person icon
График

вт, пт: 19:00 - 22:00

star icon
Длительность

4 недели

dollar icon
Цена

1200 грн/неделя

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

Интенсивный курс, состоящий из 2 занятий в неделю по 2 часа, предназначен для того, чтобы дать понимание основ верстки с для студентов с начальным уровнем знаний. Будут рассмотрены все основные темы и задействованы как базовые, так и продвинутые инструменты. Мы начнем с установки программного обеспечения и закончим тем, как залить разработанные страницы на веб-хостинг и разместить свое портфолио в интернете.

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

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

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

Для кого

для тех, кто хочет попробовать себя в программировании, но не уверен в своих силах

для UI/UX дизайнеров, которые хотят понять, как устроена верстка

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

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

Никита Ямник

Full Stack developer

Frontend Trainer at DAN.IT education

Technical Manager & course coordinator at IBA Tech Academy

СТО в маркетинговом агентстве TRIGGER Marketing

Чему научитесь

разбивать страницу на смысловые блоки

создавать разметку с использованием семантических тегов HTML5

позиционировать элементы на странице без лишних свойств

узнавать базовые инструменты, которые могут встретиться в старых проектах

использовать продвинутые инструменты как Flexbox и Grid Layout

понимать, как работает препроцессор SCSS

знать основы именования классов согласно методологии БЕМ

знать адаптивную верстку страниц для устройств с любым разрешением экрана - Mobile First

создавать собственное портфолио и размещать его на хостинге в интернете

Программа

1 урок

Установка программного обеспечения, создание самой первой простой веб-страницы с использованием только HTML

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

2 урок

Создание веб-страницы с нуля с помощью Inline-блоков, плавающих элементов и элементов позиционирования

Первое занятие с использованием стилизации и базовых инструментов позиционирования элементов на странице. Будет разобрано понятие смысловых блоков, рассказано, как научиться их видеть и различать, каким принципам следовать, чтобы избавиться от лишней вложенности блоков. Занятие включает в себя разбор основных принципов “потока” на странице, почему он может прерываться, и как это контролировать. По результатам занятия, мы сверстаем первую веб-страницу со стилизацией.

3 урок

Создание веб-страницы с нуля с Flexbox и Grid Layout

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

4 урок

Создание веб-страницы для мобильных устройств и планшетов с нуля с помощью медиазапросов CSS и подходом «Mobile First»

Обсудим принципы и правила верстки для мобильных страниц, на что стоит обращать внимание, и как смотреть в будущее. Медиазапросы — это инструмент, которым мы будем пользоваться на занятии. Страница будет создаваться по принципу Mobile First, который в последнее время стал актуальным для множества компаний и сайтов.

5 урок

Создание веб-страницы с нуля с использованием пакета SCSS npm

Сделаем свою жизнь проще и быстрее при помощи препроцессоров. Расшифруем для себя понятие пакетного менеджера, таск-менеджера. Познакомимся с npm и Gulp. На примере разных секций ознакомимся со всеми преимуществами SCSS.

6 урок

Создание онлайн-портфолио. Как купить доменное имя, хостинг и загрузить на него свою веб-страницу

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

Записаться на консультацию

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

Запись на консультацию







Спасибо за регистрацию.

В ближайшее время с вами свяжется наш менеджер

Регистрация окончена

Контакты
/