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