[Нетология] Frontend-разработчик с нуля. Часть 1/10 [2020 - 2021]

[Нетология] Frontend-разработчик с нуля. Часть 1/10 [2020 - 2021]

​

После обучения Вы будете уметь:

Верстать сайты и приложения для всех типов устройств

Узнаете о тонкостях вёрстки под iOS и другие мобильные операционные системы
​

Решать задачи с использованием JavaScript

Узнаете всё о семантике, синтаксисе и архитектуре языка и сможете создавать сайты и приложения​

Оформлять решения, как это делают опытные разработчики

Изучите подходы к решению задач и варианты практического использования инструментов​

Использовать библиотеку React

Сможете применять библиотеку для создания качественных интерфейсов, освоите композицию компонентов и способы интеграции с React​

Во время обучения Вы сделаете:

• ✓ Интернет-магазин обуви
• ✓ Конструктор принтов на одежде
• ✓ Игру-ходилку
• ✓ Онлайн-сервисы по поиску книг и рецензированию изображений
• ✓ Калькулятор ипотеки
• ✓Веб-сервис торговли криптовалютой

Спойлер: Программа курса

Вёрстка сайта на HTML и CSS
Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам этого модуля вы уже самостоятельно сверстаете лендинг.​

• Введение в вёрстку
• Контентные теги
• Теги для вёрстки структуры контента
• Позиционирование блочных элементов
• Вёрстка форм
• Нестандартные элементы форм
• Всплывающие элементы
• Позиционирование flex-элементов

Навыки, которые вы получите:​

1. освоите кроссбраузерную вёрстку под десктопные устройства
2. научитесь проводить тестирование вёрстки
3. узнаете, как верстать по стандартам W3C
4. научитесь работать с DevTools
5. освоите работу с Adobe Photoshop
6. узнаете, что такое семантическая разметка страницы и вёрстка текста
7. познакомитесь с вёрсткой элементов, доступных для Screen Readers
8. освоите вёрстку элементов, доступных для управления с клавиатуры
9. научитесь оформлению кода

Адаптивная и мобильная вёрстка
Получите опыт, который позволит стать незаменимым звеном в проектировании и создании современных отзывчивых веб-интерфейсов. Сможете верстать сайты для всех типов устройств.​

• Резиновая вёрстка
• Мобильная вёрстка
• Адаптивная вёрстка
• Выполнение проекта по итогам модуля

Навыки, которые вы получите​

1. 
   
2. освоите адаптивную и отзывчивую вёрстку
3. научитесь верстать под тач- и мобильные устройства
4. узнаете, как выбирать breakpoints
5. освоите Flexbox
6. познакомитесь с медиа-выражениями

Основы программирования
Познакомитесь с азами программирования, напишете первые строки кода и создадите первые простые проекты на самом популярном языке JavaScript. Разберётесь с видами языков программирования и поймёте, как выбрать «свой» язык с учётом личных интересов и профессиональных планов. В дипломном проекте вы разработаете онлайн-игру, похожую на «Монополию».​

• Базовые понятия. Переменные и числа.
• Логический тип и ветвление
• Строки. Алгоритмы. Как отлаживать код
• Массивы и базовые методы работы с ними
• Циклы
• Ассоциативные массивы
• Функции без параметров. Область видимости
• Параметры и возвращаемое значение

Навыки, которые вы получите​

1. получите понимание основ программирования
2. познакомитесь с видами языков программирования
3. освоите синтаксис, управляющие конструкции
4. научитесь искать и исправлять ошибки в коде
5. узнаете, как использовать циклы
6. научитесь работать с функциями
7. узнаете, что такое объекты

Git — система контроля версий
Научитесь работать с системой Git (стандарт по управлению исходным кодом) и с сервисом GitHub. Опубликуйте свои домашние работы и уже в процессе обучения сформируйте первое портфолио (работодатели часто просят показать примеры вашего кода на GitHub).​

• Внедрение системы контроля версий
• История работы и ветки
• Командная работа

Навыки, которые вы получите​

1. научитесь созданию репозитория, добавлению и игнорированию файлов, фиксации изменений
2. узнаете, как работать с историей, поиском изменений, откатом изменений
3. научитесь работать с ветками и разрешением конфликтов
4. освоите работу с удалёнными ветками и сервисом GitHub
5. научитесь командной работе над кодом

Введение в JavaScript
Погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. В рамках итогового проекта по этому модулю вы самостоятельно создадите свое первое веб-приложение. В дипломном проекте вы создадите веб-сервис для торговли криптовалютой.​

Узнаете о дополнительных возможностях, которые дает браузер. Эта функциональность называется Web API. Подключив скрипт к HTML-документу, мы получаем к нему доступ и можем делать документ «живым»: изменять его и реагировать на действия пользователя.​

• Базовый синтаксис JavaScript
• Расширенный синтаксис JavaScript
• Функции и объекты в JavaScript
• Обёртки для примитивов
• Прототип и конструктор объекта
• ООП в JS (ES6)
• Прототип массива, функции высшего порядка
• Асинхронность
• Возможности JavaScript в браузере
• Способы поиска нужного HTML-элемента
• Объект события
• DOM
• Работа с HTML-формами
• Изменение структуры HTML-документа
• Асинхронные запросы
• Хранение состояния на клиенте и отправка на сервер

Навыки, которые вы получите​

1. освоите синтаксис JavaScript
2. изучите простые алгоритмы
3. познакомитесь с основами объектно-ориентированного программирования
4. узнаете, что такое асинхронное программирование
5. освоите JavaScript в браузере
6. изучите формы и асинхронные запросы
7. узнаете, что такое локальное хранилище
8. научитесь работать с файлами и медиаресурсами

Продвинутый JavaScript
Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: протипной моделью, promises и асинхронными программированием (async/await). Всё это позволит вам выйти на новый уровень в сфере веб-разработки.
Освоите инструменты, ускоряющие работу, научитесь на профессиональном уровне работать с формами: проводить валидацию, использовать продвинутые элементы — слайдеры, календари, файлы, а также познакомитесь с API, предоставляемым браузером: геолокацию, нотификации, медиа, веб-сокеты. И, конечно же, через анимацию добавите интерактивность в свои приложения.​

• Редакции и стандарты
• Рабочее окружение
• Unit-тестирование
• Функции и замыкания
• Прототипы, конструкторы
• Классы, наследование
• Контейнеры
• Promises, async/await
• Символы, итераторы, генераторы
• Модули
• Рабочее окружение
• Работа с DOM
• Работа с HTTP (jsonp, fetch, async/await)
• Работа с формами
• Обработка событий
• Drag & Drop
• SVG
• Geolocation, Notification, Media
• Анимации и CSS
• EventSource, WebSockets
• WebWorkers

Навыки, которые вы получите​

1. научитесь настройке проектов, подключению зависимостей, сборке
2. сможете писать авто-тесты
3. изучите использование замыканий, прототипной модели
4. научитесь использовать классы и наследования
5. освоите работу со стандартными контейнерами
6. изучите асинхронное программирование
7. освоите написание модульного кода
8. освоите настройку проектов, сборку и минификацию
9. узнаете, что такое валидация форм, использование продвинутых контролов
10. научитесь обрабатывать события Drag & Drop
11. сможете использовать геолокацию, нотификай, медиа
12. освоите разработку сложных анимаций
13. научитесь пользоваться EventSource, WebSockets
14. освоите WebWorkers — работу в нескольких потоках

Библиотека React: построй свою любовь к интерактивным веб-интерфейсам
Изучите самую перспективную библиотеку для создания интерфейсов.​

• JSX
• Композиция компонентов
• Одностраничные приложения
• Интеграция с React
• Выполнение проекта по итогам модуля

Навыки, которые вы получите​

1. освоите React
2. разберётесь с JSX
3. изучите React router
4. научитесь работать с VirtualDOM
5. поймёте принципы SPA
6. освоите Component Lifecycle

Карьера в Frontend-разработке

Узнаете о том, как выглядит работа Frontend-разработчика в жизни, какие задачи выполняет программист. Как составить резюме и где искать работу. Как развиваться в профессии и какие существуют специализации.​

• Frontend-разработчик: задачи, работа в команде
• Поиск работы: компания vs фриланс
• Карьерная траектория: из студента в senior
• Первое собеседование
• Тренды Frontend-разработки: за какими ресурсами следить
• Резюме, сопроводительное письмо, портфолио

Дипломная работа
В конце курса вас ждёт дипломная работа, которую студент выполняет самостоятельно под руководством экспертов курса и закрепляет весь спектр знаний и навыков, полученных на программе. Дипломный проект должен пройти приёмочные испытания и строгий код-ревью, соответствовать требованиям по оформлению кода. А главное — он должен решать поставленную задачу.​

Полная стоимость курса - 59 900
Помесячная оплата - 6659