spinner-it

HTML & CSS

Основы работы с front end-разработкой. Освойте верстку с нуля!

СТАРТ
22.04.2021
ВРЕМЯ
30 час.
по 2-3 раза в неделю
с 19:00 до 22:00
ЦЕНА
5050 3800 грн
Для юр. лиц цена указана без НДС
Оплата частями:
2200грн 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. Для комфортного освоения курса вам понадобится дополнительное ПО. Его можно скачать здесь

Для кого данный курс
1
Вы веб-дизайнер,
который хочет понять, как работать с фреймворками и разрабатывать удобный дизайн страницы
2
Вы хотите поменять свою сферу деятельности,
переучиться и получить перспективную IT-профессию
3
Вы маркетолог
и хотите научиться верстать простейшие страницы сайта/лендинг и понимать принципы HTML&CSS
4
Вы копирайтер/блогер/контент-менеджер
и хотите устранять простые неполадки сайта, «верстать» статьи и придавать привлекательный вид своей страничке
Чему вы научитесь?
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 верстка
  • Статичная верстка
  • Кроссбраузерная верстка
  • Смешанная верстка
Преподаватели
Сделайте первые шаги в обучении под руководством практикующих специалистов!

9+ лет опыта. Работает с такими технологиями, как HTML, CSS, JavaScript, jQuery и многими другими. Научит, как правильно верстать сайты и поделится лайфхаками из собственного опыта в сфере веб-дизайна и Front end.

Software Engineer в компании Smart Innovative Technologies. Более 4 лет опыта. Хорошо разбирается в HTML, CSS и JavaScript. Работал Front end-разработчиком в компаниях InfiniteSoft и Kvadracom Kiev. Также имеет опыт работы в качестве Software Engineer в компаниях SoftServe и SmartIT.

Сергей Рубец

Full Stack JavaScript Developer

Full Stack JS Developer в компании Playtika. Более 5 лет опыта. Имеет несколько сертификаций: Staying Sharp With AngularJS, React JS, EPAM JS BootCamp. Работал как в аутсорс (EPAM, Speroteck), так и в продуктовых компаниях (Playtika, Coingaming, Feedoption). Автор курса по HTML, CSS, а также по JS.

Трудоустройство
Помогаем в трудоустройстве после прохождения комплексной программы обучения Frontend Development , JavaScript Development
Мы предоставляем нашим студентам возможность трудоустройства в компании-партнеры по их запросу. Также ITEA активно сотрудничает с платформой Jungo, которая помогает Junior-специалистам найти работу. Благодаря этому Вы получаете:
Карьерную консультацию
Помощь в создании перспективного резюме
Доступ к рекомендательной системе повышения квалификации, которая поможет адаптировать ваши навыки под современный IT-рынок
Первый опыт работы на стажировке/фрилансе/аутстаффинге, в том числе в и на зарубежных рынках
Поможем составить резюме и проверим результат
Подберем вакансии в партнерских компаниях и рекомендуем ваc
Предоставим поддержку и консультации при прохождении собеседований
Успей забронировать свое место в группе
Выбери удобный формат
Офлайн
Онлайн
Ваш номер телефона
Подписанием и отправкой этой заявки я подтверждаю, что я ознакомлен с Политикой конфиденциальности и принимаю её условия, включая регламентирующие обработку моих персональных данных, и согласен с ней. Я даю своё согласие на обработку персональных данных в соответствии с данной Политикой конфиденциальности
Стоимость:
5050 грн
3800 грн
Что включает онлайн формат?
  • Обучение в формате просмотра стрима или записи занятий
  • Личный кабинет с доступом к материалам курса
  • Помощь ментора курса
  • Актуальную программу обучения
Что говорят наши выпускники
Отзывы с ресурса 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.