Online | Offline
КУРС

HTML/CSS/CMS

  • Опануєш основи сучасної верстки
  • Навчишся створювати сучасні WEB-сторінки, використовуючи вивчені технології
  • Зможешь налагоджувати код для швидкого виявлення помилок

Заробітна плата HTML-верстальника

від 400$ до 1200$

(за даними work.ua або dou.ua)

Коротко про курс?

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

Увесь курс - велика практична робота. У результаті ви додасте до свого портфоліо достойний сайт високого ступеню складності.

Кар’єрний шлях
JavaScript розробник
FrontEnd розробник
HTML-верстальник
Після курсу ти зможеш
icon Crossplatform

Опануєш кросплатформений редактор SublimeText3 та навчишся ефективно його використовувати у своїй роботі

icon Adaptive

Навчишся застосовувати такі технології, як HTML5, CSS3 та прийоми адаптивної верстки під будь-які пристрої

icon Layout

Зможеш верстати статичні сайти будь-якої складності, використовуючи найкращі практики HTML та CSS

icon Animation

Вмітимеш додавати на сайт анімацію та інші візуальні ефекти за допомогою CSS3

icon Client form

Грамотно розробляти інтерактивні форми для взаємодії користувача з web-сервером

icon Work

Навчишся складати CV і проходити співбесіду на позицію HTML-верстальника

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

13 тижнів інтенсивних практичних занять

Достойний та технологічний проект для свого портфоліо

Аналіз та перевірка чужого коду на предмет виявлення помилок

1. Загальний принцип роботи Web
  • Основна термінологія в розробці сайту на HTML
  • Поняття сайту, поняття веб-сторінок
2. Основи HTML
  • Гіпертекст, теги, атрибути
  • Структура HTML-документа
  • Робота з гіперпосиланнями
  • Робота із зображенням
  • Робота з абзацами і заголовками.
  • Використання спеціальних символів, коментарів
  • Теги фізичного і логічного форматування тексту
  • Теги блочные и строчныеТеги блокові і рядкові
  • Списки, види списків
  • Форми
  • Таблиці і таблична верстка
  • Заголовок документа html і його теги
3. Базовий синтаксис CSS
  • Вбудовування таблиць стилів в документ
  • Визначення стилю в межах окремих тегів.
  • Зовнішні таблиці стилів
  • Робота з текстом
  • Блокова модель. Межі. Поля. Відступи.
  • Значення стильових властивостей (кольору, розміри, одиниці виміру)
  • Селектори. Селектори класів і ідентифікаторів.
  • Поняття псевдокласів і псевдоелементів
  • Спадкування, каскадирование і пріоритет
  • Позиціонування та розміщення блоків
  • Верстка шарами: використання тегів div і span
  • Створення анімації на CSS
  • Створення landing page
  • Групування HTML сторінок і підключення до CSS
  • Стандарти HTML / CSS.
4. Основи JavaScript
  • Основи синтаксису
  • Змінні. Типи даних. Оператори
  • Умовні конструкції та конструкції повторень
  • Поняття призначених для користувача функцій і їх використання
  • Загальні поняття ООП: клас, об'єкт
  • Робота з масивами JavaScript
  • DOM. Події. діалогові вікна
5. Бібліотека jQuery
  • Селектори, фільтри.
  • Робота з формами і стилями на jQuery
  • Анімація
  • Модулі jQuery
6. CMS система
  • Підбір CMS системи під поставлені завдання
  • Знайомство з CMS WordPress
  • Установка WordPress
  • Вибір теми, настройка і оформлення
  • Пошук, установка функціональних модулів WordPress
  • Налаштування тем
  • Модулі, інші настройки та функції
  • CMS Prestashop
  • Пошук, установка функціональних модулів Prestashop
  • Вибір, установка, настройка шаблонів Prestashop
  • Аналіз сайту перед розміщенням в Інтернет
  • Вибір хостинг-провайдера.
  • Платний і безкоштовний хостинг
  • Реєстрація доменного імені і покупка хостингу
  • Завантаження свого сайту на хостинг
Інструменти, які ти освоїш icon
instrumet preview
instrumet preview
instrumet preview
instrumet preview HTML

Мова гіпертекстової розмітки сторінок, яку застосовують для розмітки документів для перегляду веб-сторінок у браузері. Його використовують для того, щоб дати браузеру зрозуміти, як потрібно відображати завантажений сайт або сторінку.

instrumet preview CSS

Каскадні таблиці стилів. CSS — формальна мова для опису зовнішнього вигляду документа, написаного за допомогою мови розмітки. Також може застосовуватися до будь-яких XML-документів, наприклад SVG або XUL.

instrumet preview Postman

Потужний набір інструментів для тестування різних API, або просто надсилання POST і GET запитів. Він є середовищем розробки для створення, тестування, контролю та публікації API-документації.

icon Хто читає цей курс?
Антон Серяпов

Backend-разработчик, главный преподаватель курса по PHP

Професійна діяльність PHP developer більше 6 років. В даний час займаю посаду провідного програміста систем внутрішнього обліку торгового холдингу. В активі розробка сайтів-представництв: верстка, написання движка управління вмістом, розробка структури баз даних. Працював в сфері розробки і супроводу внутрішніх веб-ресурсів обліку.

Як організоване навчання?
Живі заняття

Навчання в онлайн форматі і з можливістю супровідного відеозапису

90% практики

Практика з першого дня навчання: робота над реальним проектом для портфоліо

Підтримка викладачів

Закритий Telegram-чат групи з викладачем, розбір домашніх завдань і регулярний зворотний зв'язок

Кар'єрні івенти

Онлайн-екскурсії в топові IT-компанії, тренінги по Soft Skills і підготовка до працевлаштування

Деталі курсу

Дата старта

за запитом

Тривалість

78 годин, 13 тижнів

Розклад

Вт, Чт 15:00-18:00

Способи оплати

5% знижка за рекомендацією друга
20% знижка ЗСУ та військовим
Покупка частинами
від
платежiв без комиссии

Дізнатись вартість та отримати консультацію

    Оплата курсу
    Виберіть кількість платежів

    Введіть слово, щоб почати пошук

    dontleave

    Ви впевнені, що Вам не потрібна наша консультація?

      Отримати консультацію

      happy Вітаю! 👏

      Ти вже на півдорозі до успішної кар'єри в IT

      Вашу заявку прийнято, ми зв'яжемося
      з вами протягом 30 хвилин