Курс HTML & CSS
Основы работы с front end-разработкой. Освойте верстку с нуля!
СТАРТ
Дату уточните у администрации
ВРЕМЯ
30 час.
по 2-3 раза в неделю
с 1 до 1 по МСК
ЦЕНА
5500 тмт
Для юр. лиц цена указана без НДС
Оплата частями:
3150тмт x2
О курсе
HTML позволяет создавать веб-страницы, а CSS используется для того, чтобы придавать им нужный внешний вид. Ни одна веб-страница не обходится без HTML. Это базис для веб-разработчиков. Имея эти знания, можно начинать работать с реальными веб-проектами.
После курса ты сможешь верстать простые страницы и работать с различными элементами HTML. Ты будешь понимать обязательную структуру веб-страницы и работать с разными видами верстки.
Программное обеспечение, необходимое для обучения на курсе:
1. Google Chrome — браузер, в котором проводится работа в течение курса. Скачать можно по ссылке
2. Visual Studio — интегрированная среда разработки для создания современных приложений Android, iOS и Windows, а также веб-приложений и облачных служб. Скачать можно по ссылке
3. GitHub. На этом ресурсе будет находиться ваш код, домашние работы и материалы уроков. Регистрация по ссылке
4. Git. С помощью этой программы можно хранить ваш код локально и на сайте, а также управлять им. Регистрация по ссылке
5. Figma. Здесь будем рассматривать макеты от дизайнеров. Регистрация по ссылке
Дополнительно:
1. Google Translator. Поможет быстро поладить с английским. Скачать можно по ссылке
2. FreeCodeCamp. Здесь найдете дополнительные задачи для улучшения и закрепления материала уроков. Регистрация по ссылке
3. Для комфортного освоения курса вам понадобится дополнительное ПО. Его можно скачать здесь
Для кого данный курс
Вы веб-дизайнер,
который хочет понять, как работать с фреймворками и разрабатывать удобный дизайн страницы
Вы хотите поменять свою сферу деятельности,
переучиться и получить перспективную IT-профессию
Вы маркетолог
и хотите научиться верстать простейшие страницы сайта/лендинг и понимать принципы HTML&CSS
Вы копирайтер/блогер/контент-менеджер
и хотите устранять простые неполадки сайта, «верстать» статьи и придавать привлекательный вид своей страничке
Чему вы научитесь?
1. Базовым принципам верстки и написания стилей
2. Понимать обязательную структуру веб-страницы и добавлять CSS на страницу
3. Работать с различными элементами HTML
4. Работать с разными видами верстки
Чего не будет
- Теории без практики
- Устаревших механик работы
- Пересказа чужих лекций и книг
- Вопросов без ответа
В рамках курса вы будете работать в группах над реальными проектами.
Это будет увлекательно и эффективно!
Записаться на курс Это будет увлекательно и эффективно!
Что включает курс?
10 занятий — от теории к применению знаний на практике
Контроль знаний — практические работы и тесты
Постоянные консультации и комментарии от преподавателя, даже вне занятий
Сертификат об окончании
Опыт работы в команде
Интерактивный личный кабинет с доступом к материалам курса
Программа обучения
Данный курс является частью программы Frontend Development , JavaScript Development
1. Введение в веб-технологии
- Предназначение технологий
- Стек разработки для сайта
- Принцип работы «клиент-сервер»
- Консоль разработчика
- Текстовый редактор и IDE
- Что такое HTML, CSS, JS и их взаимодействие
2. HTML
- Базовые принципы верстки
- Знакомство с понятием тега и атрибута
- Обязательная структура любой веб-страницы
- Понятия строчных и блочных элементов веб страницы
- Понятия парных и непарных тегов;
- Семантические теги
- Спецсимволы
- Работа с тегами и атрибутами
- Работа с ссылками и якорями
- Работа с текстом и комментариями
- Работа с различными системами цветов в HTML
- Работа с изображениями
- Нумерованные и маркированные списки
- Работа с блоками (div)
- Таблицы
- Формы
- Элементы форм (инпуты)
- Айфреймы
- Подключение разных модулей к документу HTML
- Форматирование элементов HTML
3. CSS
- Что такое CSS?
- Базовые принципы написания стилей
- 3 способа добавления CSS на HTML-страницу
- Внешние таблицы стилей
- Относительные и статичные единицы измерения
- Работа со шрифтами (семейства, стили, размеры, насыщенность)
- Работа с границами элементов (бордер, радиус, тени)
- Работа с отступами и размерами элементов
- Градиенты
- Работа со свойствами float и clear
- Flex box
- Работа с фоном (изображения и цвет, размеры, прозрачность)
- Селекторы
- Продвинутые селекторы
- Приоритеты стилей
- Перезапись стилей
- Псевдоклассы, псевдоэлементы
- Работа с анимацией элементов
- Валидация
- Медиазапросы
4. Работа с браузером
- Установка полезных расширений для верстки
- Отладчик кода
5. Хостинговые и доменные панели
- Работа с Git и хостинг на Git
6. Разные виды верстки
- Адаптивная верстка
- Резиновая верстка
- Pixel perfect верстка
- Статичная верстка
- Кроссбраузерная верстка
- Смешанная верстка
7. Figma для разработчика
- Понятие растровой и векторной графики
- Преимущества и особенности Figma
- Обзор панелей и инструментов
- Сетки
- Слои и компоненты
- Экспорт параметров и графики
- Редактирование элементов
8. Grid Layout
- Построение сетки
- Работа с горизонтальным и вертикальным выравниванием
- Объединение элементов
- Методы работы с ячейками
9. Правила именования классов по BEM
10. Библиотека Bootstrap
11. SASS
- Подключение
- Правила и дерективы
- Управляющие директивы и выражения
- Использование миксинов
- Применение на практике
Трудоустройство
Мы предоставляем нашим студентам возможность трудоустройства в компании-партнеры по их запросу. Также ITEA активно сотрудничает с платформой Jungo, которая помогает Junior-специалистам найти работу. Благодаря этому Вы получаете:
Карьерную консультацию
Помощь в создании перспективного резюме
Доступ к рекомендательной системе повышения квалификации, которая поможет адаптировать ваши навыки под современный IT-рынок
Первый опыт работы на стажировке/фрилансе/аутстаффинге, в том числе в и на зарубежных рынках
Успей забронировать свое место в группе
Выбери удобный формат
Офлайн
Онлайн
Стоимость:
5500 тмт
Что включает онлайн формат?
- Обучение в формате просмотра стрима или записи занятий
- Личный кабинет с доступом к материалам курса
- Помощь ментора курса
- Актуальную программу обучения
Что говорят наши выпускники
Отзывы с ресурса dou.ua
Volodymyr Iavorskyi
Закінчив курс по HTML/CSS, всім задоволений, курс цікавий і зрозумілий для таких як я (фізичний терапевт) до цього часу користувався компютером тільки щоб статті читати) було 10 занять, 5 тижнів, за цей час навчають від створення файлу html до створення невеликої сторінки — лендінг пейдж. Піду ще на JS у листопаді, мене обов’язково попросять написати відгук, тому чекайте)
Ваня Гнатюк
Буквально минулого тижня завершив курс HTML/CSS. Якщо ви новачок, то це для вас. Програма влаштована так, що за 10 занять ви можете навчитися створювати непогані сторінки, хоча тут ще звичайно залежить від вашого бажання. Курс сам по собі не важкий але інформативний, насичений, тому якщо не лінуватися то можна багато чому навчитися з оглядом на те, що раніше ви не мали справи з цією мовою. Викладач має хороший стаж, добре відноситься до своїх студентів і з ентузіазмом відповідає на їх запитання. Рекомендую.
Maxym Pasichnyk
Я закінчив базовий курс HTML/CSS в ITEA. Зокрема, буду говорити за даний курс та за школу загалом. Я впевнено можу сказати, що ця школа створює всі необхідні умови для комфортного навчання. Протягом навчання адміністратори школи цікавляться як проходить курс, чи все подобається студенту. Якщо щось не підходить або не влаштовує — оперативно виправлять. ITEA надасть тобі ту необхідну та потрібну базу для розуміння своєї спеціальності та подальшого розвитку. З необхідним багажем знань отриманих в ITEA в купі з хорошою мотивацією — реально стати хорошим спеціалістом IT. :)
Olga Serpak
Проходила Html и JS, все доступно и понятно. Хороший преподаватель, структурированная информация, впечатления остались очень положительные. В планах еще несколько курсов тут же, что уже говорит само за себя)
Часто задаваемые вопросы
Не будет в курсе много теории? Я получу практические знания?
Информация без практического закрепления долго не держится в памяти. Поэтому после получения новых знаний, наши студенты сразу применяют их на практике. Преподаватель помогает им справиться с задачами и отвечает на вопросы, которые могут возникнуть. Поэтому вас ожидает практика на занятиях, в домашних заданиях, а также при работе с собственным проектом в конце курса.
Если я делаю паузу в обучении (например, по болезни), могу ли я восстановиться? Или время и деньги будут потеряны?
Если вы вынуждены временно прекратить обучение, вам потом не нужно будет снова возвращаться к самому началу. Вы можете продолжить с того же места, где остановились, а значит, ваш прогресс не будет утерян. Детали восстановления вы можете уточнить у администрации.
Как происходит процесс трудоустройства в ITEA после прохождения курса и получения сертификата?
Студенты, которые набрали максимальное количество баллов в ходе обучения и прошли программу Roadmap, получают специальную форму резюме, по которой мы сотрудничаем с нашими партнерами. Мы также проводим проверку резюме, сопроводительных писем и даем консультации, если возникают вопросы. Наш карьерный центр мотивирует и поддерживает каждого кандидата до тех пор, пока он не выберет для себя лучшее предложение.
Будет ли преподаватель помогать мне с решением практических задач: давать советы, смотреть скриншоты, объяснять то, что я не понял?
Да. Преподаватель всегда на связи, чтобы направить студента и при необходимости исправить его. Он основывает свое обучение на собственном опыте и приводит примеры из собственной практики. Преподаватель не движется дальше по программе, пока студенты не усвоят материал на нужном уровне.
Есть ли возрастные ограничения на прохождение курса?
Курсы нацелены на аудиторию в возрасте от 18 лет. У нас также есть детские курсы для детей от 8 лет.
Нужно иметь предварительную подготовку в рамках вашего обучения?
Минимальные требования указаны на странице каждого курса. Чаще всего базовые курсы программирования не требуют специальной подготовки. Для продвинутого обучения достаточно материала предыдущего курса.
Какой уровень английского нужен для трудоустройства на позицию Junior?
Уровень английского напрямую зависит от вакансии. Для многих Junior-специалистов английский уровня Intermediate будет преимуществом, однако для некоторых вакансий достаточно уровня Elementary.