[Glo Academy] Фронтенд-разработчик. Тариф Все сам (Артем Исламов, Александр Ильясов)

[Robot]

Ссылка на картинку

Научитесь разрабатывать современные сайты и веб-приложения и станете востребованным фронтенд-разработчиком с нуля.
Программа
Первый блок — разработка сайтов
60 уроков
Модуль 1. Подготовительный модуль. Отрасль
Подготовительыне уроки погрузят вас в сферу: какие сайты и проекты разрабатывают веб и фронтенд-разработчики, как выглядит разработка сайтов поэтапно, какие специалисты участвуют в разработке
Темы, которые разберём:

• Какие сайты бывают
• Кто делает сайты и сколько это стоит
• Этапы разработки сайта
• Инструменты разработчика

Дополнительные материалы

• Схема «Этапы разработки сайтов»
• Куратор отвечает на запросы в чате и помогает разобраться в задаче
• Схема «Технологии разработчика»

Результат модуля
Понимание профессии: как она устроена в общих чертах, чем занимаются фронтенд-разработчики и с какими специалистами работают в команде
Модуль 2. Техническая часть: разработка современных сайтов
Основная часть блока по разработке сайтов. На ней вы разберётесь с инструментами разработки сайтов — от основ HTML/CSS до адаптации сайта под разные устройства и публикации на хостинге

• Рабочее окружение
• Разметка HTML
• Стили CSS
• Скрипты JavaScript
• Хранение кода и запуск сайта
• Тестирование сайта
• Движки сайтов

Дополнительные материалы

• Схема «Этапы разработки сайтов»
• Куратор отвечает на запросы в чате и помогает разобраться в задаче
• Схема «Технологии разработчика»

Результат модуля
Научитесь уверенно разрабатывать современные сайты и выгружать их на хостинг. После этого модуля сможете брать задачи для верстальщиков.
Модуль 3. Поиск заказчиков и работы
После того, как разберётесь с технической частью, не лишним будет сразу готовиться к трудоустройству или старту на фрилансе. Кто-то откликается на фриланс-задачи уже после этого блока и берёт простые проекты: поправить вёрстку готового сайта, свератть лендинги, подключить простую админку для одностраничника.

• Поиск работы
• Поиск заказчиков

Дополнительные материалы

• Схема «Этапы разработки сайтов»
• Куратор отвечает на запросы в чате и помогает разобраться в задаче
• Схема «Технологии разработчика»

Результат модуля
Подготовите базовое резюме для трудоустройства, поймёте, как описывать свой опыт для работодателя. Узнаете, как и где искать заказчиков на фрилансе. Подготовите профили в соцсетях для поиска клиентов.
Второй блок — JavaScript и полноценный фронтенд. Разбираем на простых примерах, чтобы понял каждый
40 уроков

Модуль 1. Основы JavaScript

• Введение в язык, подключение javascript. Правила написания кода. Основы работы с Git.
• Типы данных, операторы, методы и свойства
• Динамическая типизация данных в Javascript. Условия, ветвления
• Функции, анонимные функции, callback - функции, чистые функции
• Циклы. Рекурсия
• Функции. Область видимости и замыкание
• Знакомимся с объектами и массивами, методы переборов и псевдомассивы
• Подготовим наш проект для работы со страницей

Результат модуля
Изучите основы JavaScript, необходимы чтобы двигаться дальше. Узнаете как строится архитектура программы используя объектно ориентированное программирование. Придет понимание как работает JavaScript будете готовы к изучать API браузера и ООП.

Модуль 2. ООП, JavaScript на практике

• Доступ к элементам на странице DOM (часть 1). Отладка кода
• Работа с DOM, работа с элементами DOM (часть 2)
• Загрузка документа, События в JS, обработчики событий и особенности их работы, события мыши и клавиатуры.
• Storage. localStorage, sessionStorage, cookie
• Контекст вызова - this
• ООП - Наследование, прототипы, конструкторы и классы
• Особенности современного стандарта ES6. Шаблонные строки,интерполяция, Стрелочные функции, Геттеры, Сеттеры и Классы
• ООП ES6+. Rest, spread, Деструктуризация, Коллекции Map и Set
• Способы перебора массивов

Результат модуля
Изучишь ООП, Написанный и полностью готовый таймер для сайта на JS. Ты сможешь манипулировать содержимым страницы браузера, писать анимации, наконец-то поймешь, что такое этот this.

Модуль 3. Углубленное изучение JavaScript. Современные стандарты и дополнительные технологии

• Углубленное изучение JavaScript. Современные стандарты и дополнительные технологии
• Скрипты и время выполнения. setTimeout, setInterval и requestAnimationFrame. Объект Date. Пишем таймер
• Параметры документа, окна и работа с ними. Пишем Меню и Модальное окно
• Делегирование. Пишем Табы
• Пишем Слайдер (делегирование)
• Практика ООП, гараж с машинами в стиле NFS
• Работа с атрибутами, Дата Атрибуты. Регулярные выражения
• Работа с формами и валидация
• Работа с JSON, AJAX. Получение и отправка данных на сервер
• try...catch - перехват ошибок
• Асинхронный JS. Promise. Контекст выполнения, асинхронное выполнение, стек вызовов и event loop
• Подробно про Fetch API

Результат модуля
Готовый скрипт - обработчик формы обратной связи. Постигнешь асинхронный JavaScript, Promise, Fetch Узнаешь последние тренды JavaScript. Изучишь современные технологии сборки проектов. Научишься делать свой код кроссбраузерным.

Модуль 4. Первые деньги на веб-разработке

• Как считать стоимость своей работы на примере
• Развитие себя как специалиста
• Поиск заказчика

Результат модуля
Портфолио, подготовленное и опубликованное на всех необходимых площадках. Грамотно оформленная страница в социальных сетях. Первые заработанные деньги.

Третий блок — Vue.js и React.js
13 уроков

• Настройка рабочего пространства. Настройка редактора кода. ESlint
• Создание первого приложения Vue.JS. Ознакомление с архитектурой.
• Вывод первых данных на страницу. Компонентный подход. Работа со стилямиПрактика. Создание компонентов Header и Footer
• Роутинг приложения. Vue-router
• Состояние компонента. Объекты data, computed
• Обработчики событий v-on. Объект methods. Жизненные циклы компонента
• Vuex. Работа с геттерами и сеттерами
• Директивы, циклы, условия, динамические стили и классы
• Передача аргументов в компонент. Объект props
• Динамические страницы
• Работа с формами. Валидация полей. Vuelidate
• JSON-server, получение данных, сохранение данных.
• Поиск. Фильтрация.
• Бонус: Composition API

Четвертый блок — React.js
67 уроков

На блоке по JS удобнее объяснять более крупными кусками, на React — более мелкими, поэтому в нём 90 видеоуроков. Подробную программу можно почитать, кликнув по ссылке выше. Суммарно блок рассчитан на 2 месяца изучения.

Backend на Node.js
18 уроков

Тариф Все сам

Читать далее...

Показать больше