Курс
junior
Front-End
Виконавши програму курсу і всі домашні завдання, ви зможете претендувати на позицію Junior Front-End розробника
Для кого цей курс:
Новачкам в розробці
Ви навчитеся верстати сайти на HTML і CSS, створювати веб-сторінки і додатки на JavaScript. Відпрацюєте отримані знання на практиці і зробите проект для портфоліо.
Розробникам початківцям
Ви посилите і розширите свої компетенції за допомогою JavaScript і CSS на високому рівні. Зможете оптимізувати свій робочий процес за допомогою React і Git, а також робити більш чисті сайти.
Чому ви навчитеся:
створювати чисті і якісні сайти використовуючи всі можливості HTML, CSS, JavaScript і React.
методам і інструментам створення юзер-френдлі сайтів
вивчіть основи Web дизайну і роботи з файлами
Програма
Основи Web-дизайну
- Початок роботи
- Ідеї та натхнення
- Середовище розробки
- Типографіка
- Кольори
- Прототипи й макети
- З’єднуємо все разом
Робота з файлами
- Регістр і пробіли
- Структура сайту
- Файлові шляхи
- Що таке веб-сервер
- Як завантажувати файли на сервер
Інструменти розробки
- Інтерфейс командного рядка
- Семантичне версіонування
- Система контролю версій
- Менеджер пакетів
- Знайомство з інтерфейсом IDE
HTML
- Теги
- Атрибути тегів
- Особливості тексту в HTML
- Посилання та якоря
- Зображення
- Списки
- Таблиці
- Форми
- Аудіо та відео
Основи CSS
- Способи додавання стилів на сторінку
- Базовий синтаксис CSS
- Значення і одиниці вимірювання в CSS
- Селектори тегів
- Класи
- Ідентифікатори
- Каскадування (вага селекторів)
- Типи носіїв, медіазапроси
- Псевдо-класи і псевдо-елементи
- Групування та успадкування
CSS Layout
- Multiple-column layout
- Table
- Блокова модель
- Float
- Flexbox
- Позиціонування блоків
- Потік
CSS красивості
- Шрифти
- Трансформації
- Анімації
- Градієнти і тіні
Доступність, семантика і інші способи подбати про користувачів
- Доступний мультимедіа
- Семантика в HTML
- Wai-aria атрибути
- Схеми для структурованих даних
- SVG, PNG спрайт
- Оптимізація зображень
Препроцесори і постпроцесори
- Переваги та види препроцесорів
- Змінні і типи даних
- CSS змінні
- Вкладеності
- Фрагментованість та імпорт
- Базові директиви
- Керуючі директиви і вирази
- Міксини
- Спадкування
- Функції
- Що таке постпроцесори і як вони працюють
Основи JavaScript
- Зовнішні скрипти і порядок виконання
- Структура коду
- Змінні і типи
- Суворий режим
- Взаємодія з користувачем
- Особливості операторів і перетворення типів
- Логічні оператори
- Умовні оператори
- Цикли
- Конструкція switch
- Функції в JavaScript
- Події та обробники
jQuery
- Селектори
- CSS
- DOM
- Події
- Ефекти
- AJAX
Bootstrap
- Розкладка
- Компоненти
- JS
- Best practices
Методологія БЕМ
Збірка і оптимізація рутини
- Gulp
- Webpack
Ecmascript 2015+
- Як поводяться нові типи let та const
- Стрілочні функції
- Шаблонні рядки
- Розширені можливості об’єктів
- Розширені можливості масивів
- Деструктуризація, rest та spread оператори
- Об’єктно-орієнтований JavaScript
- Promise та Fetch API
- JavaScript-модулі
React
- Знайомство з JSX
- Візуалізація елементів
- Компоненти і пропси
- Стан і життєві цикли
- Обробка подій
- Умовний рендеринг
- Списки і ключі
- Робота з формами
- Підйом стану
- Хукі
Випускне завдання
- Самостійна робота над створенням web додатку. Весь цей період доступниа постійна онлайн-підтримка викладача
Як проходить навчання
Заняття в аудиторії
Практична робота в групах
Закритий чат групи
Захист випускної роботи
Отримання диплому
Викладач курсу
Антон Головін
- 7+ років досвіду у Front-end.
- Team Lead.
- Ведучий front-end розробник компанії Forforce.
- Спеціаліст в області інформаційних технологій.
- Основний навик: розробка web інтерфейсів будь-якої складності.
Диплом OXYGEN IT SCHOOL
підтвердить, що ви пройшли курс і стане додатковим аргументом при влаштуванні на роботу.
