Фундаментальный JavaScript

Сложность

Начинающий специалист

Длительность

3-5 часов

Формат

онлайн

Документ

Сертификат Stepik

Стоимость курса

3 300 ₽

Подробнее о курсе

JavaScript — самый важный язык программирования в современной веб-разработке и с этим видео курсом вы получите фундаментальные знания и навыки по работе с ним. Любой язык — большой и разнообразный мир. И чтобы начать с ним взаимодействовать, важно вычленить самое главное и начать активно практиковать. При правильном подходе нет нужды тратить годы на изучение: без воды, на понятном языке и с практикой! Я преподаю JavaScript уже не первый год, и за это время сформировал своё понимание того, что действительно нужно изучать и на чём делать акценты. В любом языке есть масса второстепенных нюансов, которые могут в принципе не пригодиться в профессиональной деятельности. А так как я еще и действующий веб-разработчик, то знаю что именно стоит выделить. Это один из немногих курсов, где вы найдете реальную практику. Небольшие задания с автоматической проверкой правильности выполнения, помогут закрепить изучаемый материал и превратить его из абстрактных знаний в конкретные навыки. А чтобы картина была более полной, мы от и до сделаем несколько интересных проектов. ЧТО ВКЛЮЧЕНО В КУРС? Современный JavaScript с самого начала: синтаксис языка сильно менялся и мы будем изучать актуальный его вариант (в том числе сделаем несколько реверансов в сторону прошлого, чтобы при необходимости можно было работать с любыми проектами) Основы языка: переменные, константы, функции, циклы и многое другое Массивы и объекты: мы разберем важнейшие структуры данных и научимся с ними взаимодействовать Управление потоком: поймем как выполнять код по простым и сложным условиям Как работает JavaScript: посмотрим как происходит взаимодействие с памятью и что нужно учитывать во время разработки Работа с браузером: научимся взаимодействовать с веб-страничками, добавлять им интерактивности и хранить данные на стороне пользователя События в JavaScript: научимся обрабатывать пользовательские и браузерные события Библиотеки JS: на конкретных примерах посмотрим как подключать и использовать сторонние библиотеки на JavaScript Классы и Объектно-ориентированное программирование: познакомимся с основами данной концепции и поймем как это работает в JavaScript Асинхронное и синхронное программирование: поймем разницу, научимся взаимодействовать с современными особенностями языка Http-запросы: научимся отправлять запросы на сервер через JavaScript REST API: научимся использовать современный способ общения между клиентом и сервером и выполним проект, используя сразу два API ресурса NodeJS: научимся выполнять JavaScript код вне браузера и использовать пакетный менеджер NPM Почему это именно тот курс, который даст результат Меня зовут Михаил Непомнящий и я профессиональный веб-разработчик. Я работаю с JavaScript каждый день и решаю с его помощью задачи самого разного уровня сложности. При этом я также профессиональный преподаватель и обучаю людей веб-разработке с 2016 года. А курсы по JavaScript также провожу в учебном центре "Специалист" в Москве. В своих курсах я стараюсь подавать материал максимально доступно — от простого к сложному и без воды. Помню как самому трудно было поначалу пробираться через дебри JavaScript, когда только начинал изучать его, и в этом курсе постарался сделать подачу максимально понятной. В рамках курса мы сделаем несколько небольших и два полноценных проекта, причем уровень сложности каждый раз будет возрастать. Таким образом, на практике мы будем последовательно закреплять те навыки и умения, которые были изучены.

JavaScript

Документ после выпуска

Сертификат Stepik

Автор курса

Stepik

4.6

Оставьте отзыв

Stepik — образовательная платформа и конструктор онлайн-курсов. Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем в проведении олимпиад и программ переподготовки. Наша цель — сделать образование открытым и удобным. Stepik — широко известная российская образовательная платформа, основанная в 2013 году. На Stepik зарегистрировано более миллиона пользователей из России и стран СНГ. В настоящее время на Stepik представлены несколько тысяч учебных курсов на самые разные темы.

Программа курса

Введение

- Введение
- Обзор модуля
- Сфера применения JavaScript, его версии и документация
- Подключение JavaScript к html-странице
- Использование JavaScript вне браузера

Основы программирования

- Обзор модуля
- Типы данных в JavaScript
- Понятие переменных
- Математические операции в JavaScript
- Логические выражения
- Условный оператор
- Оператор switch
- Тернарный оператор
- Массивы как хранилища данных
- Понятие цикла
- Цикл for
- Оператор break
- Оператор continue
- Понятие функции
- Встроенный объект Math
- Проект "Угадай число"
- Итоги модуля

Объекты и встроенные методы

- Обзор модуля
- Простые объекты с данными
- Хранение по ссылке
- Оператор in
- Цикл for..in
- Цикл for..of
- Методы объекта, контекст
- Встроенные методы строк
- Встроенные методы чисел
- Встроенные методы массивов
- Объект ошибки
- Объект регулярного выражения
- Проект "Загадки"
- Итоги модуля

Про функции подробно

- Обзор модуля
- Функции vs процедуры
- Функции и память
- Варианты записи функций
- Область видимости
- Колбэки и функции высшего порядка
- Рекурсия
- Замыкание
- Контекст вызова функции
- Уточнение контекста вызова функции
- Проект "Цензор"

Работа со структурами данных

- Обзор модуля
- Понятие стека и очереди
- Понятие иммутабельности
- Маппинг массивов и коллекций
- Фильтрация
- Метод reduce
- Поиск в коллекции
- Сортировка массива
- Оператор остатка
- Деструктуризация массивов
- Деструктуризация объектов
- Шаблонные строки
- Глобальные методы
- Формат JSON
- Проект "Витрина"
- Итоги модуля

DOM API

- Обзор модуля
- Понятие DOM
- Получение ссылок на HTML-элементы
- Свойства html-элементов
- Обход html-коллекций
- Объект classList
- Навигация по html-элементам
- Браузерные события
- Снятие обработчиков событий
- Примеры по обработке события click
- Объект события
- Работа с формой
- Понятие всплытия
- Динамическая работа с DOM
- Полезные свойства html-элементов
- Где искать примеры UI
- Пример модального окна
- Работа с браузерной памятью
- Прочие браузерные объекты
- Проект "Спойлер"

Работа с готовыми библиотеками

- Обзор модуля
- Библиотека lodash
- Плавный скролл
- Тултипы
- Продвинутый скролл
- Слайдеры
- Ленивая загрузка
- Работа с формами
- Анимации

Асинхронный JavaScript

- Обзор модуля
- Синхронный и асинхронный код
- Варианты взаимодействия с сервером
- Объект Promise
- Асинхронное получение данных
- CRUD-операции
- Альтернативные способы получения данных с сервера
- Асинхронные функции
- Методы промисов resolve и reject
- Методы промисов all и race
- Итоги модуля

Проект "Список дел"

- Постановка задачи
- Декомпозиция на подзадачи
- Получение данных с сервера
- Отрисовка полученных задач
- Отрисовка пользователей
- Добавление новой задачи
- Изменение статуса
- Удаление задачи
- Обработка ошибок

Модули и сборка приложения

- Понятие js-модуля
- npm менеджер
- ES6 модули: импорт и экспорт
- Сборка приложения
- Использование Parcel для сборки
- Нюансы экспорта и импорта
- Кроссбраузерность приложений
- CommonJS модули и файлы .mjs

Проект: определение геолокации по IP

- Постановка задачи
- Декомпозиция на подзадачи
- Создание Frontend-проекта
- Верстка шапки
- Разбор API по работе с IP
- Обработка ввода пользователя
- Валидация формы
- Динамическая работа с DOM
- Разбор API карт
- Разметка с картой
- Обновление карт на базе IP
- Добавление полифилла
- Добавление адаптива
- Публикация проекта

ООП в JavaScript

- Обзор модуля
- Актуальность фабрик
- Создание классов es6
- Прототипное наследование
- Наследование классов es6
- Статические свойства и методы
- Приватные свойства, геттеры, сеттеры
- Классы для создания UI компонентов
- Шаблоны проектирования
- Шаблон Singleton
- Шаблон Фабрика
- Шаблон Адаптер
- Шаблон Фасад
- Шаблон Наблюдатель
- Концепция ООП
- Подведение итогов