Интенсивный курс: Комплексное обучение JavaScript [LoftSchool] [Сергей Мелюков]

Интенсивный курс: Комплексное обучение JavaScript [Сергей Мелюков] [17 января - 06 марта 2022] Вы научитесь: Уверенно работать с JavaScript. У вас в руках будет вся «база»: переменные, функции, объекты и массивы, обработка ошибок и отладка. Создавать архитектуру приложения. Вы перейдете к модульному написанию JavaScript-кода и научитесь связывать модули через import, export и require. Взаимодействовать с сервером. Вы научите своё приложение обмениваться данными со сторонними сервисами, используя XMLHttpRequest, Fetch, WebSocket, Service Workers и JSON. Создавать SPA приложения. По итогам курса вы сможете создавать свои приложения: придумывать структуру для клиентской части. Использовать HTML5 API. Вы сможете использовать новые интерфейсы API, реализованные в стандарте HTML5: History, Drag-and-Drop, File, Storage. Познакомитесь с node.js. Изучите цикл событий, поработаете с файлами и освоите работу с сетью. Неделя 1 — Основы JavaScript, переменные и функции — Знакомимся со своим личным наставником и группой. — Узнаём как работает JavaScript и что такое переменные и функции. Введение GIT Введение (07:03) Начинаем работать с Git (03:01) Создание нового репозитория (01:09) Добавление файлов в индекс (область слежения) Git (06:49) Создание коммита (07:17) Навигация по коммитам. Отмена изменений (12:10) Типичный цикл работы с Git (03:34) Ветвления в Git (11:27) Конфликты при слиянии веток (06:06) Временное (без коммита) сохранение данных (05:25) Работа с удалёнными репозиториями (20:04) Использование GitHub Pages для хостинга проектов (04:31) Как работает JavaScript Основы JS (24:08) Переменные и функции Переменные (03:03) Функции (09:38) Область видимости и замыкание (12:35) Всплытие/hoisting (11:10) Типы объявления функций (07:42) Стрелочные функции (16:05) Let (05:42) Const (05:28) Неделя 2 — Объекты и массивы, обработка ошибок — Разбираем базовые операции с объектами и массивами, изучаем деструктуризацию и spread-оператор. — Изучаем динамические свойства массивов, учимся создавать proxy. — Разбираем инструменты разработчика, изучаем принципы обработки исключений. Объекты и массивы Строковая интерполяция (06:54) Объекты (13:01) Массивы (24:20) Деструктурирующее присваивание: Массивы (24:01) Деструктурирующее присваивание: Объекты (07:30) Spread-оператор (05:57) Rest-оператор (11:07) Цикл for-of (06:55) Symbol. Продвинутая тема (29:31) Обработка ошибок и отладка Инструменты браузера (19:33) Обработка ошибок (36:14) Стек вызовов (15:14) Отладка (12:22) Неделя 3 — DOM, асинхронность — Учимся создавать, выбирать и модифицировать элементы DOM, изучаем механизм DOM-событий. — Рассматриваем, что такое обработчик событий, делегирование. — Изучаем асинхронность в JS, разбираем Promise, Async/await. DOM Введение (21:25) Cобытия (09:42) Обработка ввода (27:44) Работа с формами (19:54) Рабочий пример (09:34) Обход DOM-дерева (25:34) Асинхронность Таймеры (24:03) Promise (01:03:47) Async Await (17:20) Неделя 4 — Работа с сетью, Browser API — Рассматриваем работу с сетью на примере WebSocket, ServiceWorks. — Изучаем Local/Session Storage, HTML 5 Drag and Drop. — Рассматриваем принцип взаимодействия между окнами и iframe. Работа с сетью Асинхронные сетевые запросы (17:34) JSON (13:09) Fetch (19:26) WebSocket (11:22) Service Worker (15:19) Browser API LocalStorage (25:29) Cookies (18:39) Навигация hash (12:05) Навигация history (11:02) File API (17:04) Неделя 5 — Работа с VK API, ООП — Изучаем документацию по работе с VK API. Рассматриваем шаблонизацию. — Рассматриваем основы ООП в JavaScript. Изучаем полиморфизм, наследование, инкапсуляцию, конструкторы и классы. Работа с VK API и шаблонизация Шаблонизация (29:20) VK SDK (37:05) ООП Intro (01:33) Инкапсуляция (17:33) Наследование (15:24) Полиморфизм (07:17) Классы (11:35) Особенности работы с объектами в JavaScript (открытый вебинар) (01:46:10) Неделя 6 — MV*, модули — Изучаем шаблоны проектирования MVС и MVVM. — Рассматривается перевод проекта на модули, изучаются ES6 модули. MV* Паттерны MV (07:06) MVC (30:14) MVVM (25:23) Модули Модульность в JS (26:35) Перевод проекта на модули (12:28) ES6-модули (10:49) Неделя 7 — Node.js, тестирование — Знакомимся с Node.js. Рассматриваем работу с файлами и сетью. — Определяемся с необходимостью тестирования JS-кода. — Знакомимся с библиотеками для тестирования. Node.js (краткое знакомство) Тестирование JS-кода Введение (16:05) Jest (15:47) Польза тестов (09:01) Coverage (10:02) Как получить работу в IT: фишки и советы Как получить работу в IT? Поиск, собеседование и испытательный срок (42:21) Как найти удаленную работу и фриланс-заказы? (20:12) Первая работа в IT — как себя вести? Стажировки, официальное трудоустройство и работа "за еду" (14:11) Как пройти испытательный срок? (27:10) Как подготовиться к собеседованию в компании уровня FAANG (08:52) Процесс загрузки web страницы (25:19) Собеседование программиста – всё, что нужно знать (01:24:07) Решение задачи с собеседования программиста (19:36) Собеседование Frontend-разработчика (01:37:17) Продающий сайт