spinner-it

Курс HTML & CSS

Основи роботи з front end-розробкою. Засвойте верстку з нуля!
СТАРТ
ЧАС
6 лютого
3900 грн
можлива оплата частинами
ЦІНА
30 годин
2-3 рази в тиждень
з 19:00 до 22:00
Для юр. лиц цена указана без НДС
Про курс
HTML дозволяє створювати веб-сторінки, а CSS використовується для того, щоб надавати їм потрібний зовнішній вигляд. Жодна веб-сторінка не обходиться без HTML. Це базис для веб-розробників. Маючи ці знання, можна починати працювати з реальними веб-проектами.

В кінці курсу ви навчитеся створювати веб-сторінки, наповнювати їх вмістом, працювати з WordPress, а також створите свій власний односторінковий сайт і завантажите його на хостинг.
Що включає курс
10 занять — від теорії до створення власного проекту
Сертифікат про закінчення
Контроль знань — практичні роботи і тести
Досвід роботи в команді та проект для портфоліо
Консультації і коментарі щодо проекту від викладача
Інтерактивний особистий кабінет з доступом до матеріалів курсу
Чому ви навчитеся?
— Розуміти принципи створення і наповнення сайтів

— Додавати стилі всіх елементів веб-сторінки

— Завантажувати сайти на хостинг
Чого не буде


— Теорії без практики
— Застарілих механік роботи
— Переказу чужих лекцій і книг
— Питань без відповіді
— Розбиратися в адаптивній, кросбраузерній, попіксельній, гумовій, змішаній та статичній верстках

— Працювати з WordPress

Викладач
Зробіть перші кроки у програмуванні під керівництвом практикуючих спеціалістів!
Ірина Петраш
4+ років у сфері програмування
Досконало знає HTML, вміє працювати з Animate.css та Hover.css, розуміється на елементах SVG, має досвід роботи з JS та jQuery, а також знає форми AJAX. Ірина має бездоганні організаторські та комунікативні навички, а тому на заняттях студенти демонструють максимальну зацікавленість навчальним процесом.

Програма навчання

1. Введення в веб-технології
  • Призначення технологій;
  • Стек розробки для сайту;
  • Принцип роботи клієнт-сервер;
  • Консоль розробника;
  • Текстовий редактор і IDE;
  • Що таке HTML & CSS & JS і їх взаємодія
2. HTML
  • Базові принципи верстки;
  • Знайомство з поняттям тегу і атрибуту;
  • Обов'язкова структура будь-якої веб-сторінки;
  • Поняття малих і блокових елементів веб сторінки;
  • Поняття парних і непарних тегів;
  • Семантичні теги;
  • Спецсимволи;
  • Робота з тегами і атрибутами;
  • Робота з посиланнями і якорями;
  • Робота з текстом і коментарями;
  • Робота з різними системами кольорів в HTML;
  • Робота з зображеннями;
  • Нумеровані і марковані списки;
  • Робота з блоками (div);
  • Таблиці;
  • Форми;
  • Елементи форм (інпут);
  • Айфрейми;
  • Підключення різних модулів до документу HTML;
  • Форматування елементів HTML;
3. Робота з браузером
  • Встановлення корисних розширень для верстки;
  • Відладник коду;
4. Хостингові і доменні панелі
5. Файловий менеджер (Filezilla)
6. CSS
  • Що таке CSS;
  • Базові принципи написання стилів;
  • 3 способи додавання CSS в HTML сторінку;
  • Зовнішні таблиці стилів;
  • Відносні і статичні одиниці вимірювання;
  • Робота зі шрифтами (сімейства, стилі, розміри, насиченість)
  • Робота з межами елементів (бордер радіус, тіні);
  • Робота з відступами і розмірами елементів;
  • Градієнти;
  • Робота з властивостями float і clear;
  • Flex box;
  • Робота з фоном (зображення і колір, розміри, прозорість);
  • Селектори;
  • Продвинуті селектори;
  • Пріоритети стилів;
  • Перезапис стилів;
  • Псевдокласи, псевдоелементи;
  • Робота з анімацією елементів;
  • Валідація;
  • Медіазапити;
7. Різні види верстки
  • Адаптивна верстка;
  • Гумова верстка;
  • Pixel perfect верстка;
  • Статична верстка;
  • Кросбраузерна верстка;
  • Змішана верстка;
8. Фотошоп для розробника
  • Нарізка макета;
  • Основні інструменти;
  • Поняття сітки;
9. WordPress: створення і підключення бази даних
  • Налаштування тем;
  • Налаштування плагінів;
  • Налаштування меню;
  • Вивантаження на сервер;
10. Правила іменування класів по BEM
11. Бібліотека Bootstrap
12. Основи препроцесора Less
ЩО КАЖУТЬ НАШІ ВИПУСКНИКИ
Закінчив курс HTML/CSS, викладач — Петраш Ірина, дуже задоволения курсом і результатом. Завдання цікаві і потрібні, а викладач наводить нереальну кількість прикладів з практики і з власних проектів. Навчає як матеріалу, так і як знайти рішення, коли знань бракує. На зв'язку 24/7, допоможе навіть з дурними питаннями і навіть о 3 ночі.


Пройшла курс HTML & CSS у Ірини Петраш. Тепер вмію створювати сайти та завантажувати їх на хост. Викладач дуже приємна людина, яка дійсно намагається кожного підтягнути.
Закінчив курс HTML/CSS у Ірини Петраш. Очікував від курсу базових знань по html, css які можливо знадобляться в дизайні, і отримав навіть більше ніж очікував. Дуже багато корисної інформації, всього за місяць часу, але уся вона подана лаконічно і структуровано, що не викликає ніяких складнощів навіть у людей які не знайомі з програмуванням. Цікаві практичні завдання, а особливо фінальний проект. Як бонус багато корисної інформації про фріланс безпосередньо з досвіду викладача.
Також хочу подякувати ITEA за класну організацію курсів, пошук вакансій для випускників та цікаві події.
Закінчила курс html&css у Іри Петраш, ніколи до того не займалась нічим пов'язаним з версткою, але під час курсу отримала чудову базу для подальшого розвитку в цій сфері. Часом було важко і незрозуміло, але головне не боятись задавати питання. Іра гарний викладач, завжди допоможе і наштовхне в потрібному напрямку. Але варто розуміти, що успіх залежить тільки від вас і від вашого бажання вчитись.
Випуск IT education academy HTML&CSS 2019
Встигни забронювати своє місце в групі
Навчання проходить в групах до 12-ти людей
Встигни забронювати своє місце в групі
Навчання проходить в групах до 12-ти людей

ЧАСТІ ПИТАННЯ

Чи не буде в курсі забагато теорії? Я точно отримаю практичні знання?
Інформація без практичного закріплення довго не тримається в пам'яті. Тому після отримання нових знань, наші студенти одразу застосовують їх на практиці. Ментор допомагає їм впоратись із завданнями та відповідає на питання, які можуть виникнути. Тож на вас очікує практика на заняттях, в домашніх завданнях, а також при роботі із власним проектом наприкінці курсу.
Якщо я роблю паузу в навчанні (наприклад, через хворобу), чи можу я відновитися? Чи час та гроші будуть втрачені?
Якщо ви вимушені тимчасово припинити навчання, вам потім не потрібно буде знов повертатися на самий початок. Ви можете продовжити з того ж місця, де зупинились, а отже, ваш прогрес не буде втрачений. Деталі відновлення ви можете уточнити в адміністрації.
Як відбувається процес працевлаштування в ITEA після проходження курсу та отримання сертифікату?
Студенти, які набрали максимальну кількість балів у ході навчання та пройшли програму Roadmap, отримують спеціальну форму резюме для заповнення. Після цього відділ кадрів буде рекомендувати їх нашим компаніям-партнерам для проходження практики. Тож найкращі студенти отримають стажування та досвід, який допоможе у подальшому працевлаштуванні
Чи буде викладач допомагати мені з рішенням практичних завдань: давати поради, дивитись скріншоти, поясняти те, що я не зрозумів?
Так. Викладач завжди на зв'язку, щоб спрямувати студента та за необхідності виправити його. Він базує своє навчання на власному досвіді та наводить приклади із власної практики. Викладач не рухається далі програмою, поки студенти не засвоять матеріал на належному рівні.
Чи є вікові обмеження на проходження курсу?
Курси націлені на аудиторію віком від 15 років. В нас також є дитячі курси, для дітей від 8 років.
Чи потрібно мати попередню підготовку в рамках вашого навчання?
Мінімальні вимоги вказані на сторінці кожного курсу. Найчастіше базові курси програмування не потребують спеціальної підготовки. Для поглибленого навчання достатньо матеріалу попереднього курсу.
Який рівень англійської потрібен для працевлаштування на позицію Junior?
Для того, щоб займати посаду Junior, рівень англійської має бути не нижче ніж Intermediate.

Курс HTML & CSS

Старт навчання
16.03.2020
30 год. Тривалість заняття - 3 год
З 18:30 (19:00)
Двічі на тиждень

Опис курсу:

Курс HTML/CSS - це навчання роботі з мовою розмітки веб-сторінок. Програма призначена для новачків, які бажають вивчити основи роботи з front-end розробкою.

На курсі ви зможете освоїти HTML з нуля: ознайомитися з теоретичними основами верстки і структурою HTML документа, порядком публікації документів в web і зможете створювати повноцінні сторінки. HTML для початківців є базисом для веб-розробників, а після його вивчення вже можна починати працювати над реальними проектами. Вже перший урок дасть можливість попрактикуватися у створенні нескладних HTML-сторінок, роботи з мультимедіа та таблицями стилів CSS.

Після вивчення курсу Ви зможете:

  • Створювати веб сторінки;
  • Наповнювати їх вмістом (текстом, посиланнями, спецсимволами, зображеннями, фонами, підключати іконочні і звичайні шрифти і тд);
  • Додавати стилі всіх елементів веб сторінки;
  • Вивантажувати сайти на хостинг;
  • Розуміти і розбиратися в адаптивній, кросбраузерній, попіксельній, гумовій, змішаній і статичній верстці;
  • Працювати з WORDPRESS (Створювати і підключати базу даних до WP, завантажувати теми і працювати з плагінами);
  • Зверстати лише однієї сторінки сайт і вивантажити його на хостинг для загального доступу користувачів за посиланням

Разом дешевше

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

  • Введення в веб-технології;
    • Призначення технологій;
    • Стек розробки для сайту;
    • Принцип роботи 'клієнт-сервер';
    • Консоль розробника;
    • Текстовий редактор і IDE;
    • Що таке HTML & CSS & JS і їх взаємодія;
  • HTML
    • Базові принципи верстки;
    • Знайомство з поняттям тегу і атрибуту;
    • Обов'язкова структура будь-якої веб-сторінки;
    • Поняття малих і блокових елементів веб сторінки;
    • Поняття парних і непарних тегів;
    • Семантичні теги;
    • Спецсимволи;
    • Робота з тегами і атрибутами;
    • Робота з посиланнями і якорями;
    • Робота з текстом і коментарями;
    • Робота з різними системами кольорів в HTML;
    • Робота з зображеннями;
    • Нумеровані і марковані списки;
    • Робота з блоками (div);
    • Таблиці;
    • Форми;
    • Елементи форм (інпут);
    • Айфрейми;
    • Підключення різних модулів до документу HTML;
    • Форматування елементів HTML;
  • Робота з браузером
    • Установка корисних розширень для верстки;
    • Відладник коду;
  • Хостингові і доменні панелі;
  • Файловий менеджер (Filezilla);
  • CSS
    • Що таке CSS;
    • Базові принципи написання стилів;
    • 3 способи додавання CSS в HTML сторінку;
    • Зовнішні таблиці стилів;
    • Відносні і статичні одиниці вимірювання;
    • Робота зі шрифтами (сімейства, стилі, розміри, насиченість)
    • Робота з межами елементів (бордер радіус, тіні);
    • Робота з відступами і розмірами елементів;
    • Градієнти;
    • Робота з властивостями float і clear;
    • Flex box;
    • Робота з фоном (зображення і колір, розміри, прозорість);
    • Селектори;
    • Продвинуті селектори;
    • Пріоритети стилів;
    • Перезапис стилів;
    • Псевдокласи, псевдоелементи;
    • Робота з анімацією елементів;
    • Валідація;
    • Медіазапити;
  • Адаптивна верстка;
  • Гумова верстка;
  • Піксель-перфектна верстка;
  • Статична верстка;
  • Кросбраузерна верстка;
  • Змішана верстка;
  • Фотошоп для розробника
    • Нарізка макета;
    • Основні інструменти;
    • Поняття сітки;
  • CMS Wordpress створення і підключення бази даних;
    • Налаштування тем;
    • Налаштування плагінів;
    • Налаштування меню;
    • Вивантаження на сервер;
  • Правила іменування класів по BEM;
  • Бібліотека Bootstrap;
  • Основи препроцесора Less;

Мінімальні вимоги:

  • Наявність власного ноутбуку для занять в аудиторіях
  • Встановлений саблайм, фотошоп та файловий менеджер (filezilla).

Лектори:


* Примітка: зазначені знижки не сумуються з іншими діючими акціями та спеціальними пропозиціями. Знижка застосовується тільки до нових заявок та при умові повної оплати курсу. Якщо у Вас виникли питання, звертайтеся за консультацією до наших менеджерів!