Набір учасників [[method] Фронтенд-Розробник. Тариф "Флекс"

[Gadzhi]

Програма курсу
В одному уроці може бути кілька тим або по одній темі може бути кілька уроків.
11 модулів
198 відеоуроків
96 практичних завдань
1 підготовчий модуль
У цьому модулі ви детально дізнаєтеся як буде проходити курс, де знайти всі необхідні матеріали і як спілкуватися з куратором і однокурсниками.

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

2 знайомство з HTML

• - введення в HTML
• — Списки і таблиці
  
  • — Створення форм
  • — типи елементів
  • — Emmet

після цього модуля ви розберетеся де і який тег використовувати. Навчіться писати розмітку правильно і професійно.
15 відеоуроків
6 практичних завдань
Курсова робота
Тема: створення HTML-структури сторінки з дотриманням сучасних вимог.

3 Введення в CSS + інструменти розробника

• — структура CSS
• — Псевдоелементи/Псевдокласи
• — Photoshop для верстальника
• - одиниці вимірювань. Спадкування
• — форматування тексту
• — шрифти і як їх правильно підключати
  
  • — Блокова модель
  • — позиціонування

після цього модуля стилізувати будь-який елемент не складе труднощів. Ви вивчите структуру і всі основні CSS-властивості. Кожен сучасний верстальник повинен вміти користуватися інструментами для роботи з макетами і GIT, а також знати методологію БЕМ і правильно її використовувати.
26 відеоуроків
14 практичних завдань
Курсова робота
Тема: Створення та підключення стилів до проекту.

4 Сучасний CSS

• — Flexbox
• - стану-hover, focus, active
  
  • - CSS3-властивості
  • — Адаптивна верстка
  • — Pixel Perfect
  • — Grid Layout

по закінченню цього модуля ви освоїте базу для повноцінної верстки макета будь-якої складності. Але попереду найцікавіше.
17 відеоуроків
7 практичних завдань
Курсова робота
Тема: використання просунутих інструментів в сучасних проектах.


5 знайомство з JavaScript

• — Основи програмування
• — знайомство з JavaScript
• — типи даних
  
  • - функції. Головний будівельний блок
  • — цикли
  • — структурні типи даних-масиви
  • — структурні типи даних-Об'єкти
  • — структурні типи даних-колекції
  • — налагодження коду, ESLint
  • - функції. Стек викликів, рекурсія, this
  • - функції. Область видимості, замикання, IIFE

за підсумком модуля ви познайомитеся з основами JavaScript, вивчіть типи даних і їх методи, умови, цикли, функції. Напишіть додаток для закріплення основних тим.
27 відеоуроків
12 практичних завдань
Курсова робота
Тема: закріплення основ JavaScript.

6 DOM & BOM. Знайомство.

• — DOM-document
• — GIT. lvl 2
  
  • — події
  • — делегування подій
  • — сховища
  • - патерн Модуль

за підсумком модуля ви познайомитеся з DOM & amp; BOM і напишіть CRM-додаток для управління базою даних.
18 відеоуроків
10 практичних завдань
Курсова робота
Тема: Робота з DOM. Маніпуляції з елементами і виведення даних нальоту.

7 DOM & amp; bom-API браузера

• — BOM
• — Дата і таймери
• — інтерактив
  
  • — анімації, RAF
  • - формат Base64 і робота з файлами
  • — методи об'єкта Promise
  • — регулярні вирази
  • — екосистема Frontend/NPM
  • — jQuery
  • — Cookies
  • — використовуємо готові рішення в роботі (AXIOS, Swiper)
  • — Webpack
  • — Babel

Одна з частих завдань для JavaScript — оживити статичну сторінку. За підсумком модуля ви без проблем навчитеся правильно вирішувати ці завдання.
23 відеоуроків
14 практичних завдання
Курсова робота
Тема: Робота з DOM. Пожвавлення статичної сторінки.


8 Професійна верстка.

• — доступність (accessibility)
• — Автоматизація GULP
• — препроцесор SCSS
• — оптимізація проекту
• - Кросбраузерна та Кросплатформна верстка

у цьому модулі ви вивчите додаткові інструменти поліпшення і автоматизації верстки. Зможете реалізовувати проекти на новому, професійному рівні. Станете більш конкурентні на ринку праці або фрілансі.
10 відеоуроків
5 практичних завдань
Курсова робота
Тема: закріплення професійної верстки.

9 Програмування на JavaScript.

• — парадигми програмування
• — прототипи
  
  • — патерни ООП
  • — тестування (Unit/E2E)
  • — патерни функціонального програмування
  • — Websocket

у цьому модулі ми вивчимо теми які з вас зроблять затребуваного фахівця — frontend-розробника. Даний модуль для вас відкриває двері подальшого, з розумінням справи, вивчення фреймворків: React, Vue, Angular і node.js.
20 відеоуроків
8 практичних завдань
Курсова робота
Тема: ООП.

10 ReactJS & Redux

• • — JSX/Props
  • — Hygen
  • — життєвий цикл класового компонента
  • — функціональні компоненти, Хуки
  • — VirtualDom, prop drilling, Контекст
  • — портали, рефи
  • — Redux: CombineReducer, Middleware
  • — Redux-Thunk
  • — React Router v6
  • — Redux Toolkit
  • — Redux Saga
  • — React Deploy

у цьому модулі ви познайомитеся з розробкою на React і напишіть SPA-додаток.
28 відеоуроків
14 практичних завдань
Курсова робота
Тема: Розробка SPA-програми.


11 TypeScript

• — типи
• — інтерфейси
• — функції
• — класи
• — Generics
• — Enums
  
  • — Декоратор (decorators)

у цьому модулі ви познайомитеся з TypeScript. Навчимося типізувати JavaScript за допомогою TypeScript.

8 відеоуроків
5 практичних завдань

• 
  
  
  • підсумковий проект

Результатом підсумкового проекту стане повністю зверстаний, адаптивний і кросбраузерний живий проект на чистому JavaScript і з якісним дизайном, який буде не соромно покласти в портфоліо. Після захисту диплома ви будете готові до влаштування в студію.

https://privatelink.de/?https://methed.ru/