Online | Offline
КУРС

HTML/CSSОснови створення сайтів

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

Cтарт: у серпні

Тривалість

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

Розклад

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

Вартість

7500 грн

Заробітна плата 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
Klient 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-документації.

Хто читає цей курс?

Антон Серяпов

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

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

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

Живі заняття

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

90% практики

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

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

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

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

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

Інвестуй в себе!

Отримай потужну базу для роботи на фрілансі вже за 13 тижнів

Вартість курсу
7500 грн.

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

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

    Ім'я
    Телефон

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