Про курс

Понад 50% українців лишилися роботи через війну. Мільйони вимушено переміщених осіб в Україні й за кордоном шукають нових можливостей заробітку. Зараз як ніколи актуальне питання опанування нової професії, і якщо ви планували реалізувати себе у сфері IT — безкоштовний курс «Основи Web UI розробки 2022» саме для вас. Базова програма стане потужним стартом шляху у сфері веброзробки.

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

Курс розрахований на новачків у сфері IT, які не мають попереднього досвіду роботи й навіть базових знань. Розібратись у вебпрограмуванні — це цілком реально: доведено досвідом попередніх учасників курсу!

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

Тиждень 1

• Вступ
• Що таке веброзробка?
• Front-end і back-end — у чому різниця?
• Статичні та динамічні вебсайти
• Процес веброзробки
• Обов'язки та завдання Front-end розробника
• Як працюють Інтернет та веббраузери
• Що таке WWW?
• Браузери, в чому між ними різниця?
• Як влаштований браузер?
• Що відбувається, коли користувач вводить адресу в адресний рядок?

Тиждень 2

• Середовища розробки
• Загальний огляд редакторів та для чого вони потрібні
• Online-редактори
• Offline-редактори
• HTML/CSS валідатори
• HTML
• Загальний огляд HTML
• Кістяк HTML документа
• Базові теги
• Блочні та лінійні елементи
• Семантика. Елементи HTML5
• Форматування тексту
• Робота зі списками
• Гіперлінки
• Робота з картинками
• Таблиці
• Форми

Тиждень 3

• CSS
• Для чого потрібен CSS
• Синтаксис
• Варіанти підключення CSS
• Порядок застосування стилів
• Селектори, важливість селекторів
• Групування селекторів
• Короткий запис
• Відносні величини в CSS
• Box model
• Наслідування
• Позиціювання
• Правильний порядок присвоєння стилів
• Flexbox
• Властивості контейнера
• Властивості дочірніх елементів

Тиждень 4

• Javascript - Вступ
• Про Javascript. Javascript не Java :)
• Область застосування Javascript
• Що вміє Javascript
• Чого не вміє Javascript
• Коротка історія
• Підключення JS
• Front-end і back-end Javascript
• Javascript - Змінні, типи даних, масиви
• Javascript - Арифметика і присвоєння, взаємодія з користувачем
• Javascript - Умови, Switch, цикли

Тиждень 5

• Функції, область видимості
• DOM, Об'єктна модель документа
• Події
• Web Development Tools