Обширный видеокурс по основам JavaScript.
Обучение самому востребованному языку программирования в frontend-разработке.
На курсе вы научитесь
- Обновлять данные на странице без её перезагрузки
- Работать с браузерными API — узнавать геопозицию пользователей, взаимодействовать с буфером обмена и др.
- Создавать интерактивные элементы на сайтах
- Писать код на HTML, CSS и JavaScript
- Cоздавать сайты и мобильные интерфейсы
Кому подойдёт курс?
- Начинающие программисты - начать свой путь в программировании и изучить JavaScript как первый язык
- Студенты и выпускники - расширить свои знания и навыки в области веб-разработки
- Если ранее уже изучали язык - систематизировать и углубить свои знания, заполнить пробелы
- Специалисты из других областей (маркетинг, дизайн, менеджмент) - Сменить профессию и войти в IT
Инструменты и технологии, которые освоите:
- JavaScript
- HTML
- NodeJS
- DOM
- CSS
Главное−практика
Домашние задания — 13 заданий или тестов для тренировки.
Практические задания — 11 задач, где вы самостоятельно выбираете принцип решения.
Финальный проект — большое систиматизируюшее итоговое задание, которое помогает ообщить и применить все знания полученные на курсе.
К концу курса вы создадите проект для портфолио — приложение-аналог «Кинопоиска».
Программа
Знакомство с курсом
- О курсе
- Спикеры курса
- Доступ к репозиторию курса
- Знакомство с проектом
Основы
- Основы JavaScript
- Условные операторы
- Циклы
Знакомство с вёрсткой
- Базовые теги HTML
- Базовые свойства CSS
- Блочная модель
- Позиционирование
- CSS-анимации
Ускорители процесса вёрстки
- CSS-переменные
- Методологии вёрстки
- Препроцессоры
- UI-фреймворки
- Шаблонизаторы
Качество кода
- Отладка в браузере
- Вредные советы
- Комментарии
- Документация
Объекты
- Объекты
- Сборка мусора
- Символы
- Методы и this
- Преобразование в примитивы
- Функции-конструкторы
Типы данных
- Методы у примитивов
- Числа и Строки
- Массивы и их методы
- Итераторы (перебираемые объекты)
- Map и Set
- WeakMap и WeakSet
- Формат JSON
Глубже в функции
- Рекурсия
- Замыкания
- Rest параметры
- Var
- Глобальный объект
- Функция как объект
- Декораторы и call/apply
- Повторяем лямбды (стрелочные функции)
Привязка контекста к функции (bind)
Прототипы, наследование
- Прототипное наследование
- Prototype
- Встроенные прототипы
- Методы прототипов
Классы
- Базовый синтаксис классов
- Наследование классов
- Статические методы и свойства
- Приватные свойства и методы
- Расширение встроенных классов
- Instanceof
- Примеси
Знакомство с NodeJS
- Что такое NodeJS
- readFile
- writeFile
- process
- global
- process.stdIn
Асинхронность
- Колбеки и Промисы
- Async/await
- SetTimeout и setInterval
- RequestAnimationFrame
- EventLoop
- Heap, stack
- Очередь задач
- Микро- и макро- задачи
DOM
- Браузер и спецификации
- DOM-дерево
- Поиск элементов через querySelector*, getElement*
- Свойства объекта элемента
- Изменения документа
- Размеры и прокрутка элементов
- Размеры и прокрутка окна
- Координаты
События
- Что такое событие
- Всплытие
- Делегирование событий
- Поведение браузера по умолчанию
- Пользовательские события
Формы
- Свойства и методы формы
- Фокусировка на форму
- События форм (change, input, paste, copy)
Браузерные API
- Что такое браузерное API
- Web Storage
Модули и сборка приложения
- Что такое сборщики
- Зачем нам собирать наши проекты
- С помощью каких инструментов это можно делать
Тестирование
- Что такое тесты и зачем это нужно
- Jest
- Unit-тесты
Фреймворки
- Что это такое
- Зачем нужны
- Как с ними работать
В подарок
- Курс «Git для начинающих»
- Философия командной разработки.
- Популярные хостинги разработки ПО.
- Основы Git.
- Практики использования Git в командах.
- Личная конфигурация Git для удобной работы.
2. Курс «Базовое администрирование Linux-серверов»
- Введение
- Как подключиться к серверу по SSH
- Основы работы с ОС (права, команды). Как работать с сервером. Как копировать файлы, папки
- Разбор системных служб. Как функционирует Linux
- Основы работы сети
- Как установить необходимое ПО на сервер
- Как вручную развернуть свой сайт
- Виртуализация, виртуальные машины и их особенности
- Возможные проблемы сервера, их диагностика и методы устранения
- Оптимизация сервера
- Основное о Docker-контейнеризации
- Работа с Git
3. Базовый курс «Docker»
Автор и спикер курса
Сэм Булатов
Ведущий фронтенд-разработчик в Waliot, организатор мероприятий сообщества «KrdDevDays», участник подкаста NgRuAir, развивает проект learnrxjs.ru, а так же помогает в чате по #rxjs.«Время от времени катаюсь по конференциям, делясь с вами своим опытом, а в свободное ото сна время копаюсь в разных OSS проектах, катаюсь на роликах и читаю мангу».
Лена Райан
Фронтенд-разработчица в X5 Group, спикер, амбассадор Women Techmakers.«Приношу новости в Веб-стандарты, борюсь за accessibility. В свободное время катаюсь на лонгборде или сноуборде, рычу гроулом и смотрю доклады».
