spinner-it

HTML&CSS

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

СТАРТ
19.08.2020
ЧАС
30 год.
по 2-3 рази на тиждень
з 19:00 до 22:00
ЦІНА
4300 2600 грн
Для юр. осіб ціна вказана без ПДВ
Оплата частинами:
1500грн x2
Про курс

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

 

В кінці курсу ви навчитеся створювати веб-сторінки, наповнювати їх вмістом, працювати з WordPress, а також створите свій власний односторінковий сайт і завантажите його на хостинг.

Для кого даний курс
1
Ви веб-дизайнер,
який хоче зрозуміти, як працювати з фреймворками та розробляти зручний дизайн сторінки
2
Ви хочете змінити свою сферу діяльності,
перевчитися та отримати перспективну IT-професію
3
Ви маркетолог
і хочете навчитися верстати найпростіші сторінки сайту/лендінгу, а також розуміти принципи HTML&CSS
4
Ви копірайтер/блогер/контент-менеджер
і вам потрібно вміти усувати прості несправності сайту, “верстати” статті та надавати привабливого вигляду своїй сторінці
Чому ви навчитеся?
Базовим принципам верстки та обов’язковій структурі веб-сторінки
Працювати з різними елементами HTML
Базовим принципам написання стилів та додаванню CSS на сторінку
Орієнтуватися в інструментах WordPress
Працювати з різними видами верстки
Чого не буде
  • Теорії без практики
  • Застарілих механік роботи
  • Переказу чужих лекцій і книг
  • Питань без відповіді
В рамках курсу ви будете працювати в групах над реальними проектами.
Це буде захоплююче та ефективно!
Записатись на курс
Що включає курс?
10 занять — від теорії до створення власного проекту
Контроль знань — практичні роботи і тести
Консультації і коментарі щодо проекту від викладача
Сертифікат про закінчення
Досвід роботи в команді та проект для портфоліо
Інтерактивний особистий кабінет з доступом до матеріалів курсу
Програма навчання
Даний курс є частиною програми Frontend development , JS development
Введення в веб-технології
  • Призначення технологій;
  •  Стек розробки для сайту;
  •  Принцип роботи клієнт-сервер;
  •  Консоль розробника;
  •  Текстовий редактор і IDE;
  •  Що таке HTML & CSS & JS і їх взаємодія
HTML
  • Базові принципи верстки;
  •  Знайомство з поняттям тегу і атрибуту;
  •  Обов’язкова структура будь-якої веб-сторінки;
  •  Поняття малих і блокових елементів веб сторінки;
  •  Поняття парних і непарних тегів;
  •  Семантичні теги;
  •  Спецсимволи;
  •  Робота з тегами і атрибутами;
  •  Робота з посиланнями і якорями;
  •  Робота з текстом і коментарями;
  •  Робота з різними системами кольорів в HTML;
  •  Робота з зображеннями;
  •  Нумеровані і марковані списки;
  •  Робота з блоками (div);
  •  Таблиці;
  •  Форми;
  •  Елементи форм (інпут);
  •  Айфрейми;
  •  Підключення різних модулів до документу HTML;
  •  Форматування елементів HTML;
  •  
CSS
  • Що таке CSS;
  •  Базові принципи написання стилів;
  •  3 способи додавання CSS в HTML сторінку;
  •  Зовнішні таблиці стилів;
  •  Відносні і статичні одиниці вимірювання;
  •  Робота зі шрифтами (сімейства, стилі, розміри, насиченість)
  •  Робота з межами елементів (бордер радіус, тіні);
  •  Робота з відступами і розмірами елементів;
  •  Градієнти;
  •  Робота з властивостями float і clear;
  •  Flex box;
  •  Робота з фоном (зображення і колір, розміри, прозорість);
  •  Селектори;
  •  Продвинуті селектори;
  •  Пріоритети стилів;
  •  Перезапис стилів;
  •  Псевдокласи, псевдоелементи;
  •  Робота з анімацією елементів;
  •  Валідація;
  •  Медіазапити;
  •  
Робота з браузером
  • Встановлення корисних розширень для верстки;
  •  Відладник коду;
Хостингові і доменні панелі
  • Робота з Git і хостинг на Git
Різні види верстки
  • Адаптивна верстка;
  •  Гумова верстка;
  •  Pixel perfect верстка;
  •  Статична верстка;
  •  Кросбраузерна верстка;
  •  Змішана верстка;
 
Викладачі
Зробіть перші кроки в навчанні під керівництвом практикуючих спеціалістів!

9+ років досвіду. Працює з такими технологіями, як HTML, CSS, JavaScript, HTML/CSS Specifications та багатьма іншими. Навчить, як правильно верстати сайти та поділиться лайфхаками із власного досвіду у сфері веб-дизайну та Front end.

Іван Ничепорук
Software Engineer в Smart Innovative Technologies

4+ роки досвіду. Добре розуміється на HTML, CSS та JavaScript. Працював Front end-розробником в компаніях InfiniteSoft і Kvadracom Kiev. Також має досвід роботи в якості Software Engineer в компаніях SoftServe та SmartIT.

Рубець Сергій
Full Stack JS Developer у Playtika

5+ років досвіду. Має декілька сертифікацій: Staying Sharp With AngularJS, React JS, EPAM JS BootCamp. Працював як в аутсорс (EPAM, Speroteck), так і в продуктових компаніях (Playtika, Coingaming, Feedoption). Автор курсу по HTML, CSS, а також по JS.

Севене Філіп
Front end-розробник у GDBAY

4+ роки досвіду. Front end-розробник та ментор курсів. В своїй роботі використовує наступні технології: HTML5 & CSS3, JavaScript, jQuery, Angular JS, ReactJS. Має сертифікації від Microsoft.

15+ років досвіду в IT. Працював верстальником, дизайнером, програмістом, проєкт-менеджером, HR та директором. Читає курс за власною програмою, яку складав протягом 10 років. Надає індивідуальні консультації та допомогу у розвитку проєктів. Розуміється на HTML/CSS (HTML5/CSS3). Працював із фреймворками Bootstrap, 960grid, 1140px grid, Skeleton.

Працевлаштування
Допомагаємо в працевлаштуванні після проходження комплексної програми навчання Frontend development , JS development
Допоможемо скласти резюме і перевіримо результат
Підберемо вакансії в партнерських компаніях і рекомендуємо ваc
Надамо підтримку і консультації при проходженні співбесід
Встигни забронювати своє місце в групі
Оберіть зручний формат
Офлайн
Онлайн
Ваш номер телефону
Підписанням та надсиланням цієї заявки я підтверджую, що я ознайомлений з Політикою конфіденційності і приймаю її умови, включно з регламентуючими обробку моїх персональних даних, і згоден з нею. Я надаю свою згоду на обробку персональних даних згідно з цією Політикою конфіденційності.
Ціна:
2600 грн
Що включає онлайн формат?
  • Навчання в форматі перегляду стріму або запису занять
  • Особистий кабінет з доступом до матеріалів курсу
  • Допомога ментора курсу
  • Актуальну програму навчання
Що кажуть наші випускники
Відгуки з ресурсу 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, все доступно и понятно. Хороший преподаватель, структурированная информация, впечатления остались очень положительные. В планах еще несколько курсов тут же, что уже говорит само за себя)
FAQ
Чи не буде в курсі забагато теорії? Я отримаю реальні знання?
Інформація без практичного закріплення довго не тримається в пам’яті. Тому після отримання нових знань наші студенти одразу застосовують їх на практиці. Викладач допомагає їм упоратися із задачами та відповідає на питання, що можуть виникати. Тому на вас чекає практика на заняттях, у домашніх завданнях, а також при роботі над власним проектом наприкінці курсу.
Якщо я роблю паузу в навчанні (наприклад, через хворобу), чи зможу я поновитися? Або гроші й час будуть утрачені?
Якщо ви змушені припинити навчання, вам потім не потрібно буде повертатися до самого початку. Ви можете продовжити з того ж місця, де зупинилися, а отже, ваш прогрес не буде втрачено. Деталі поновлення ви можете уточнити в адміністрації.
Як проходить процес працевлаштування в ITEA після проходження курсу та отримання сертифікату?
Студенти, які набрали максимальну кількість балів протягом навчання та пройшли програму Roadmap, отримують спеціальну форму резюме, за якою ми співпрацюємо з нашими партнерами. Ми також проводимо перевірку резюме, супровідних листів та даємо консультації, якщо виникають якісь питання. Наш кар’єрний центр мотивує та підтримує кожного кандидати до тих пір, поки він не обере для себе найкращу пропозицію.
Чи допомагатиме мені викладач з розв’язанням практичних задач: даватиме поради, дивитиметься скріншоти, пояснюватиме те, що я не зрозумів?
Так. Викладач завжди на зв’язку, аби спрямувати студента й за потреби виправити його. Він проводить навчання, спираючись на свій досвід, та наводить приклади з власної практики. Викладач не рухається далі за програмою, поки студенти не опанують матеріал на потрібному рівні.
Чи існують вікові обмеження на проходження курсу?
Курси націлені на аудиторію віком від 18 років. У нас також є курси для дітей від 8 років.
Потрібно мати попередню підготовку в рамках вашого навчання?
Мінімальні вимоги вказані на сторінці кожного курсу. Частіше за все базові курси програмування не вимагають спеціальної підготовки. Для поглибленого навчання достатньо матеріалу попереднього курсу.
Який рівень англійської потрібен для працевлаштування на позицію Junior?
Рівень англійської безпосередньо залежить від вакансії. Для багатьох Junior-спеціалістів англійська рівня Intermediate буде перевагою, однак для деяких вакансій достатньо рівня Elementary.