Курс будет полезен вам, если вы:
- изучили вёрстку и хотите дальше развиваться как фронтенд-разработчик;
- хотите научиться программировать, но не знаете с чего начать;
- хотите освежить знания перед поступлением на курс «Разработчик JavaScript».
Материалы курса представляют собой предварительно записанные в студии лекции с теоретической частью и наглядной практической работой. После нескольких тем вам будет предложен тест для проверки усвоенного материала.
После курса вы будете знать синтаксис языка JavaScript, сможете писать простые программы и использовать базовые алгоритмы и подходы к написанию программ.
Программа обучения
Знакомство с JavaScript
- Введение. Начало работы
- Знакомимся и разбираем, для кого будет полезен этот курс, и что вы будете уметь после обучения.
- Что такое JavaScript
- Разбираемся, как и для чего появился JavaScript, каковы его основные особенности и сферы применения.
- Как подключить скрипт к странице
- Вспоминаем структуру веб-страницы и учимся подключать скрипты к странице.
- Вывод текстовых сообщений
- Учимся выводить текстовые сообщения в консоль и вызывать браузерные оповещения.
- Что такое переменная
- Разбираемся, что такое переменная и для чего они нужны при написании программы.
- Как объявить переменную
- Учимся объявлять изменяемые и неизменяемые переменные в JavaScript.
- Типы данных. Строки
- Учимся работать с текстом в JavaScript, объединять текстовые строки и использовать шаблоны.
- Числа
- Учимся работать с числами в JavaScript. Разбираемся с арифметическими операциями и специальными значениями NaN и Infinity.
- Булевый тип. undefined и null
- Изучаем логический тип данных. Учимся выполнять базовые логические операции. Знакомимся со специальными значениями null и undefined.
- Как определить тип переменной
- Разбираемся, как определить тип данных, записанных в переменную.
- Преобразование типов
- Учимся выполнять числовые, логические и строковые преобразования. Изучаем автоматическое преобразование типов.
- Логические выражения. Сравнение значений
- Учимся сравнивать значения переменных между собой.
- Логические выражения
- Строим сложные логические выражения и изучаем порядок выполнения логических операций.
- Условия. Оператор if/else
- Изучаем ветвящиеся алгоритмы. Учимся использовать условный оператор if/else.
- Оператор ?
- Учимся пользоваться сокращённым вариантом условного оператора.
- Оператор switch
- Учимся работать с оператором множественного выбора switch.
- Циклы. Цикл while
- Разбираемся, зачем нужны циклы. Учимся использовать цикл с предусловием while.
- Цикл do while
- Учимся использовать цикл с постусловием do/while.
- Цикл for
- Учимся использовать цикл со счётчиком for.
- Прерывание цикла
- Учимся прерывать выполнение цикла с помощью оператора break.
- Объекты и массивы
- Что такое объект
- Знакомимся с объектами в JavaScript. Учимся создавать объекты.
- Добавление и удаление свойств
- Учимся добавлять, перезаписывать и удалять свойства объекта.
- Копирование объектов
- Разбираемся с проблемами при копировании объектов. Учимся использовать метод Object.assign().
- Деструктуризация объекта
- Учимся быстро и удобно записывать значения свойств объекта в отдельные переменные.
Массивы
- Что такое массив
- Знакомимся с массивами в JavaScript. Учимся создавать массивы и считывать значения элементов массива.
- Добавление и удаление элементов
- Учимся добавлять и удалять элементы массива.
- Изменение массива
- Учимся объединять массивы. Разбираемся с преобразованием массива в строку и обратно.
- Перебор массива
- Учимся перебирать элементы массива методом forEach, преобразовывать элементы массива методом map и отбирать элементы массива по заданному условию.
- Деструктуризация массива
- Учимся быстро и удобно записывать элементы массива в отдельные переменные.
Функции
- Что такое функция
- Разбираемся, зачем нужны функции. Учимся писать и вызывать разные виды функций.
- Область видимости
- Изучаем особенности области видимости переменной и функции.
- Замыкания
- Разбираемся, что такое замыкания и учимся их использовать.
- Асинхронные операции
- Знакомимся с асинхронными операциями. Учимся использовать функции планирования вызова.
- Колбэк-функции
- Учимся обрабатывать асинхронные операции с помощью колбэк-функций.
- Promise
- Учимся обрабатывать асинхронные операции с помощью промисов.
- Контекст вызова функции
- Изучаем, что такое контекст вызова функции.
- Изменение контекста вызова
- Учимся изменять контекст вызова функции.
Работа с DOM
- Элементы. Что такое DOM
- Знакомимся с браузерным окружением и объектной моделью документа.
- Поиск элементов
- Вспоминаем, как работают селекторы и учимся искать элементы в DOM.
- Изменение элементов
- Изменяем содержимое элементов. Добавляем, скрываем и удаляем элементы в DOM.
- События. Что такое событие
- Изучаем, что такое событие. Учимся добавлять в разметку обработчики событий.
- Обработка событий
- Учимся навешивать и снимать обработчики событий.
Встроенные инструменты
- Даты. Встроенный объект Date()
- Учимся работать с датами с помощью встроенного объекта Date.
- Форматирование даты
- Учимся формировать объект Date на основе строки и выводить дату в нужном формате.
- Обработка ошибок. Обрабатываем ошибки с помощью try/catch и создаем собственные типы ошибок с помощью объекта Error.
- Математические операции
- встроенный объект Math().
- Выполняем математические вычисления с помощью встроенного объекта Math.
- Регулярные выражения. Что такое регулярные выражения
- Разбираемся, что такое регулярное выражение. Учимся записывать шаблоны регулярных выражений.
- Поиск совпадений и замена строк
- Учимся использовать регулярные выражения для поиска и замены строк.
- Локальные хранилища. Cookies
- Изучаем, что такое cookies и как использовать их для хранения информации.
- localStorage и sessionStorage
- Изучаем браузерные хранилища localStorage и sessionStorage. Учимся использовать формат данных JSON.
- Работа с сервером. Взаимодействие Клиент—Сервер
- Разбираемся, что такое клиент, сервер и как работают сайты.
- fetch
- Учимся отправлять асинхронные запросы к серверу с помощью метода fetch.
