ви отримаєте: матеріали курсу в запису.
програма курсу:
Верстка сайту на HTML і CSS
Введення в верстку
Контентні теги
Теги для верстки структури контенту
Позиціонування блокових елементів
Верстка форм
Нестандартні елементи форм
Спливаючі елементи
Позиціонування flex-елементів
8 годин теорії, 24 години практики
навички, які ви отримаєте:
освоїте кроссбраузерную верстку під десктопні пристрої
навчіться проводити тестування верстки
дізнаєтеся, як верстати за стандартами W3C
навчіться працювати з DevTools
освоїте роботу з Adobe Photoshop
дізнаєтеся, що таке семантична Розмітка сторінки і верстка тексту
ознайомитеся з версткою елементів, доступних для Screen Readers
освоїте верстку елементів, доступних для управління з клавіатури
навчіться оформленню коду
адаптивна та мобільна верстка
Гумова верстка
Мобільна верстка
Адаптивна верстка
Виконання проекту за підсумками модуля
9 годин теорії, 39 годин практики
навички, які ви отримаєте:
освоїте адаптивну і чуйну верстку
навчіться верстати під тач - і мобільні пристрої
дізнаєтеся, як вибирати breakpoints
освоїте Flexbox
познайомтеся з медіа-виразами
Англійська мова для початківців розробників
Лексика, без якої не обійтися
Як вести переписку англійською
Читання документації та аналіз вимог
Програмування
Тестування по
Стресові ситуації
Усунення несправностей
Робота і ролі в команді
Підтримуємо будь-яку бесіду англійською
Зборів, презентації на вищому рівні
Основи програмування
Базове поняття. Змінні і числа.
Логічний тип і розгалуження
Рядок. Алгоритм. Як налагоджувати код
Масиви і базові методи роботи з ними
Цикли
Асоціативні масиви
Функції без параметрів. Область видимості
Параметри та значення, що повертається
8 годин теорії, 24 години практики
навички, які ви отримаєте:
отримайте розуміння основ програмування
познайомитеся з видами мов програмування
освоїте синтаксис, Керуючі конструкції
навчіться шукати і виправляти помилки в коді
дізнайтеся, як використовувати цикли
навчіться працювати з функціями
дізнаєтеся, що таке об'єкти
Git-система контролю версій
Впровадження системи контролю версій
Історія роботи та гілки
Командна робота
3 години теорії, 9 годин практики
навички, які ви отримаєте:
навчіться створювати сховище, додавати та ігнорувати файли, фіксувати зміни
дізнаєтеся, як працювати з історією, пошуком змін, відкатом змін
навчіться працювати з гілками і вирішенням конфліктів
освоїте роботу з віддаленими гілками і сервісом github
навчіться командній роботі над кодом
введення в JavaScript
Базовий синтаксис JavaScript
Розширений синтаксис JavaScript
Функції та об'єкти в JavaScript
Обгортки для примітивів
Прототип і конструктор об'єкта
ООП в JS (ES6)
Прототип масиву, функції вищого порядку
Асинхронність
Можливості JavaScript в браузері
Способи пошуку потрібного HTML-елемента
Об'єкт події
DOM
Робота з HTML-формами
Зміна структури HTML-документа
Асинхронні запити
Зберігання стану на клієнті і відправка на сервер
16 годин теорії, 48 годин практики
навички, які ви отримаєте:
освоїте синтаксис JavaScript
вивчіть прості алгоритми
познайомитеся з основами об'єктно-орієнтованого програмування
дізнаєтеся, що таке асинхронне програмування
освоїте JavaScript в браузері
вивчіть форми та асинхронні запити
дізнаєтеся, що таке локальне сховище
навчіться працювати з файлами та медіаресурсами
просунутий JavaScript
Редакції та стандарти
Робоче оточення
Unit-тестування
Функції та замикання
Прототипи, конструктори
Класи, успадкування
Контейнери
Promises, async/await
Символи, ітератори, генератори
Модулі
Робоче оточення
Робота з DOM
Робота з HTTP (jsonp, fetch, async/await)
Робота з формами
Обробка подій
Drag & Drop
SVG
Geolocation, Notification, Media
Анімації та CSS
EventSource, WebSockets
WebWorkers
24 години теорії, 72 години практики
навички, які ви отримаєте:
навчіться налаштуванню проектів, підключенню залежностей, збірці
зможете писати авто-тести
вивчіть використання замикань, прототипної моделі
навчіться використовувати класи та успадкування
освоїте роботу зі стандартними контейнерами
вивчіть асинхронне програмування
освоїте написання модульного коду
освоїте налаштування проектів, складання та мініфікацію
дізнаєтеся, що таке валідація форм, використання просунутих контролів
навчіться обробляти події Drag & amp; Drop
зможете використовувати геолокацію, нотіфікай, медіа
освоїте розробку складних анімацій
навчіться користуватися EventSource, WebSockets
освоїте WebWorkers-роботу в декількох потоках
бібліотека React: побудуй свою любов до інтерактивних веб-інтерфейсів
JSX
Композиція компонентів
Односторінкові додатки
Інтеграція з React
Виконання проекту за підсумками модуля
13 годин теорії, 39 годин практики
навички, які ви отримаєте:
освоїте React
розберетеся з JSX
вивчіть React router
навчіться працювати з VirtualDOM
зрозумієте принципи SPA
освоїте Component Lifecycle
Кар'єра в Frontend-розробці
Frontend-Розробник: завдання, робота в команді
Пошук роботи: компания vs Фріланс
Кар'єрна траєкторія: з студента в senior
Перша Співбесіда
Тренди Frontend-розробки: за якими ресурсами слідкувати
Резюме, супровідний лист, портфоліо
2 години теорії
дипломна робота
В кінці курсу вас чекає дипломна робота, яку студент виконує самостійно під керівництвом експертів курсу і закріплює весь спектр знань і навичок, отриманих на програмі. Дипломний проект повинен пройти приймальні випробування і строгий код-рев'ю, відповідати вимогам з оформлення коду. А головне-він повинен вирішувати поставлене завдання.
48 годин практики
що ви зробите під час навчання:
Лексика, без якої не обійтися
Як вести переписку англійською
Читання документації та аналіз вимог
Програмування
Тестування по
Стресові ситуації
Усунення несправностей
Робота і ролі в команді
Підтримуємо будь-яку бесіду англійською
Зборів, презентації на вищому рівні
Основи програмування
Базове поняття. Змінні і числа.
Логічний тип і розгалуження
Рядок. Алгоритм. Як налагоджувати код
Масиви і базові методи роботи з ними
Цикли
Асоціативні масиви
Функції без параметрів. Область видимості
Параметри та значення, що повертається
8 годин теорії, 24 години практики
навички, які ви отримаєте:
отримайте розуміння основ програмування
познайомитеся з видами мов програмування
освоїте синтаксис, Керуючі конструкції
навчіться шукати і виправляти помилки в коді
дізнайтеся, як використовувати цикли
навчіться працювати з функціями
дізнаєтеся, що таке об'єкти
Git-система контролю версій
Впровадження системи контролю версій
Історія роботи та гілки
Командна робота
3 години теорії, 9 годин практики
навички, які ви отримаєте:
навчіться створювати сховище, додавати та ігнорувати файли, фіксувати зміни
дізнаєтеся, як працювати з історією, пошуком змін, відкатом змін
навчіться працювати з гілками і вирішенням конфліктів
освоїте роботу з віддаленими гілками і сервісом github
навчіться командній роботі над кодом
введення в JavaScript
Базовий синтаксис JavaScript
Розширений синтаксис JavaScript
Функції та об'єкти в JavaScript
Обгортки для примітивів
Прототип і конструктор об'єкта
ООП в JS (ES6)
Прототип масиву, функції вищого порядку
Асинхронність
Можливості JavaScript в браузері
Способи пошуку потрібного HTML-елемента
Об'єкт події
DOM
Робота з HTML-формами
Зміна структури HTML-документа
Асинхронні запити
Зберігання стану на клієнті і відправка на сервер
16 годин теорії, 48 годин практики
навички, які ви отримаєте:
освоїте синтаксис JavaScript
вивчіть прості алгоритми
познайомитеся з основами об'єктно-орієнтованого програмування
дізнаєтеся, що таке асинхронне програмування
освоїте JavaScript в браузері
вивчіть форми та асинхронні запити
дізнаєтеся, що таке локальне сховище
навчіться працювати з файлами та медіаресурсами
просунутий JavaScript
Редакції та стандарти
Робоче оточення
Unit-тестування
Функції та замикання
Прототипи, конструктори
Класи, успадкування
Контейнери
Promises, async/await
Символи, ітератори, генератори
Модулі
Робоче оточення
Робота з DOM
Робота з HTTP (jsonp, fetch, async/await)
Робота з формами
Обробка подій
Drag & Drop
SVG
Geolocation, Notification, Media
Анімації та CSS
EventSource, WebSockets
WebWorkers
24 години теорії, 72 години практики
навички, які ви отримаєте:
навчіться налаштуванню проектів, підключенню залежностей, збірці
зможете писати авто-тести
вивчіть використання замикань, прототипної моделі
навчіться використовувати класи та успадкування
освоїте роботу зі стандартними контейнерами
вивчіть асинхронне програмування
освоїте написання модульного коду
освоїте налаштування проектів, складання та мініфікацію
дізнаєтеся, що таке валідація форм, використання просунутих контролів
навчіться обробляти події Drag & amp; Drop
зможете використовувати геолокацію, нотіфікай, медіа
освоїте розробку складних анімацій
навчіться користуватися EventSource, WebSockets
освоїте WebWorkers-роботу в декількох потоках
бібліотека React: побудуй свою любов до інтерактивних веб-інтерфейсів
JSX
Композиція компонентів
Односторінкові додатки
Інтеграція з React
Виконання проекту за підсумками модуля
13 годин теорії, 39 годин практики
навички, які ви отримаєте:
освоїте React
розберетеся з JSX
вивчіть React router
навчіться працювати з VirtualDOM
зрозумієте принципи SPA
освоїте Component Lifecycle
Кар'єра в Frontend-розробці
Frontend-Розробник: завдання, робота в команді
Пошук роботи: компания vs Фріланс
Кар'єрна траєкторія: з студента в senior
Перша Співбесіда
Тренди Frontend-розробки: за якими ресурсами слідкувати
Резюме, супровідний лист, портфоліо
2 години теорії
дипломна робота
В кінці курсу вас чекає дипломна робота, яку студент виконує самостійно під керівництвом експертів курсу і закріплює весь спектр знань і навичок, отриманих на програмі. Дипломний проект повинен пройти приймальні випробування і строгий код-рев'ю, відповідати вимогам з оформлення коду. А головне-він повинен вирішувати поставлене завдання.
48 годин практики
що ви зробите під час навчання:
- інтернет-магазин взуття
- Конструктор принтів на одязі
- гру-ходилку
- онлайн-сервіси з Пошуку книг і рецензування зображень
- калькулятор іпотеки
- Веб-сервіс торгівлі криптовалютою
- верстати сайти і додатки для всіх типів пристроїв
- дізнаєтеся про тонкощі верстки під iOS та інші мобільні операційні системи
- вирішувати завдання з використанням JavaScript
- дізнаєтеся все про семантику, синтаксис і архітектуру мови і зможете створювати сайти і додатки
- оформляти рішення, як це роблять досвідчені розробники
- вивчіть підходи до вирішення завдань і варіанти практичного використання інструментів
- використовувати бібліотеку React
- зможете застосовувати бібліотеку для створення якісних інтерфейсів, освоїте композицію компонентів і способи інтеграції з React
https://privatelink.de/?https://netology.ru/programs/front-end