- Автор темы
- #1
[OTUS] Подготовительный курс по JavaScript разработке (2019)
Курс «JavaScript для начинающих» рассчитан на тех, кто делает первые шаги в веб-разработке.
Курс будет полезен вам, если вы:
После курса вы будете знать синтаксис языка JavaScript, сможете писать простые программы и использовать базовые алгоритмы и подходы к написанию программ.
ПРОГРАММА ОБУЧЕНИЯ
Знакомство с JavaScript
Начало работы
0 Введение
Знакомимся и разбираем, для кого будет полезен этот курс, и что вы будете уметь после обучения.
1.1.1 Что такое JavaScript
Разбираемся, как и для чего появился JavaScript, каковы его основные особенности и сферы применения.
1.1.2 Как подключить скрипт к странице
Вспоминаем структуру веб-страницы и учимся подключать скрипты к странице.
1.1.3 Вывод текстовых сообщений
Учимся выводить текстовые сообщения в консоль и вызывать браузерные оповещения.
Переменные
1.2.1 Что такое переменная
Разбираемся, что такое переменная и для чего они нужны при написании программы.
1.2.2 Как объявить переменную
Учимся объявлять изменяемые и неизменяемые переменные в JavaScript.
Типы данных
1.3.1 Строки
Учимся работать с текстом в JavaScript, объединять текстовые строки и использовать шаблоны.
1.3.2 Числа
Учимся работать с числами в JavaScript. Разбираемся с арифметическими операциями и специальными значениями NaN и Infinity.
1.3.3 Булевый тип. undefined и null
Изучаем логический тип данных. Учимся выполнять базовые логические операции. Знакомимся со специальными значениями null и undefined.
1.3.4 Как определить тип переменной
Разбираемся, как определить тип данных, записанных в переменную.
1.3.5 Преобразование типов
Учимся выполнять числовые, логические и строковые преобразования. Изучаем автоматическое преобразование типов.
Логические выражения
1.4.1 Сравнение значений
Учимся сравнивать значения переменных между собой.
1.4.2 Логические выражения
Строим сложные логические выражения и изучаем порядок выполнения логических операций.
Условия
1.5.1 Оператор if/else
Изучаем ветвящиеся алгоритмы. Учимся использовать условный оператор if/else.
1.5.2 Оператор ?
Учимся пользоваться сокращённым вариантом условного оператора.
1.5.3 Оператор switch
Учимся работать с оператором множественного выбора switch.
Циклы
1.6.1 Цикл while
Разбираемся, зачем нужны циклы. Учимся использовать цикл с предусловием while.
1.6.2 Цикл do while
Учимся использовать цикл с постусловием do/while.
1.6.3 Цикл for
Учимся использовать цикл со счётчиком for.
1.6.4 Прерывание цикла
Учимся прерывать выполнение цикла с помощью оператора break.
Объекты и массивы
Объекты
2.1.1 Что такое объект
Знакомимся с объектами в JavaScript. Учимся создавать объекты.
2.1.2 Добавление и удаление свойств
Учимся добавлять, перезаписывать и удалять свойства объекта.
2.1.3 Копирование объектов
Разбираемся с проблемами при копировании объектов. Учимся использовать метод Object.assign().
2.1.4 Деструктуризация объекта
Учимся быстро и удобно записывать значения свойств объекта в отдельные переменные.
Массивы
2.2.1 Что такое массив
Знакомимся с массивами в JavaScript. Учимся создавать массивы и считывать значения элементов массива.
2.2.2 Добавление и удаление элементов
Учимся добавлять и удалять элементы массива.
2.2.3 Изменение массива
Учимся объединять массивы. Разбираемся с преобразованием массива в строку и обратно.
2.2.4 Перебор массива
Учимся перебирать элементы массива методом forEach, преобразовывать элементы массива методом map и отбирать элементы массива по заданному условию.
2.2.5 Деструктуризация массива
Учимся быстро и удобно записывать элементы массива в отдельные переменные.
Функции
2.3.1 Что такое функция
Разбираемся, зачем нужны функции. Учимся писать и вызывать разные виды функций.
2.3.2 Область видимости
Изучаем особенности области видимости переменной и функции.
2.3.3 Замыкания
Разбираемся, что такое замыкания и учимся их использовать.
2.3.4 Асинхронные операции
Знакомимся с асинхронными операциями. Учимся использовать функции планирования вызова.
2.3.5 Колбэк-функции
Учимся обрабатывать асинхронные операции с помощью колбэк-функций.
2.3.6 Promise
Учимся обрабатывать асинхронные операции с помощью промисов.
2.3.7 Контекст вызова функции
Изучаем, что такое контекст вызова функции.
2.3.8 Изменение контекста вызова
Учимся изменять контекст вызова функции.
Работа с DOM
Элементы
3.1.1 Что такое DOM
Знакомимся с браузерным окружением и объектной моделью документа.
3.1.2 Поиск элементов
Вспоминаем, как работают селекторы и учимся искать элементы в DOM.
3.1.3 Изменение элементов
Изменяем содержимое элементов. Добавляем, скрываем и удаляем элементы в DOM.
События
3.2.1 Что такое событие
Изучаем, что такое событие. Учимся добавлять в разметку обработчики событий.
3.2.2 Обработка событий
Учимся навешивать и снимать обработчики событий.
Встроенные инструменты
Даты
4.1.1 Встроенный объект Date()
Учимся работать с датами с помощью встроенного объекта Date.
4.1.2 Форматирование даты
Учимся формировать объект Date на основе строки и выводить дату в нужном формате.
Обработка ошибок
обрабатываем ошибки с помощью try/catch и создаем собственные типы ошибок с помощью объекта Error.
Математические операции
встроенный объект Math().
Выполняем математические вычисления с помощью встроенного объекта Math.
Регулярные выражения
4.4.1 Что такое регулярные выражения
Разбираемся, что такое регулярное выражение. Учимся записывать шаблоны регулярных выражений.
4.4.2 Поиск совпадений и замена строк
Учимся использовать регулярные выражения для поиска и замены строк.
Локальные хранилища
4.5.1 cookies
Изучаем, что такое cookies и как использовать их для хранения информации.
4.5.2 localStorage и sessionStorage
Изучаем браузерные хранилища localStorage и sessionStorage. Учимся использовать формат данных JSON.
Работа с сервером
4.6.1 Взаимодействие Клиент—Сервер
Разбираемся, что такое клиент, сервер и как работают сайты.
4.6.2 fetch
Учимся отправлять асинхронные запросы к серверу с помощью метода fetch.
Курс «JavaScript для начинающих» рассчитан на тех, кто делает первые шаги в веб-разработке.
Курс будет полезен вам, если вы:
- изучили вёрстку и хотите дальше развиваться как фронтенд-разработчик;
- хотите научиться программировать, но не знаете с чего начать;
- хотите освежить знания перед поступлением на курс «Разработчик JavaScript».
После курса вы будете знать синтаксис языка JavaScript, сможете писать простые программы и использовать базовые алгоритмы и подходы к написанию программ.
ПРОГРАММА ОБУЧЕНИЯ
Знакомство с JavaScript
Начало работы
0 Введение
Знакомимся и разбираем, для кого будет полезен этот курс, и что вы будете уметь после обучения.
1.1.1 Что такое JavaScript
Разбираемся, как и для чего появился JavaScript, каковы его основные особенности и сферы применения.
1.1.2 Как подключить скрипт к странице
Вспоминаем структуру веб-страницы и учимся подключать скрипты к странице.
1.1.3 Вывод текстовых сообщений
Учимся выводить текстовые сообщения в консоль и вызывать браузерные оповещения.
Переменные
1.2.1 Что такое переменная
Разбираемся, что такое переменная и для чего они нужны при написании программы.
1.2.2 Как объявить переменную
Учимся объявлять изменяемые и неизменяемые переменные в JavaScript.
Типы данных
1.3.1 Строки
Учимся работать с текстом в JavaScript, объединять текстовые строки и использовать шаблоны.
1.3.2 Числа
Учимся работать с числами в JavaScript. Разбираемся с арифметическими операциями и специальными значениями NaN и Infinity.
1.3.3 Булевый тип. undefined и null
Изучаем логический тип данных. Учимся выполнять базовые логические операции. Знакомимся со специальными значениями null и undefined.
1.3.4 Как определить тип переменной
Разбираемся, как определить тип данных, записанных в переменную.
1.3.5 Преобразование типов
Учимся выполнять числовые, логические и строковые преобразования. Изучаем автоматическое преобразование типов.
Логические выражения
1.4.1 Сравнение значений
Учимся сравнивать значения переменных между собой.
1.4.2 Логические выражения
Строим сложные логические выражения и изучаем порядок выполнения логических операций.
Условия
1.5.1 Оператор if/else
Изучаем ветвящиеся алгоритмы. Учимся использовать условный оператор if/else.
1.5.2 Оператор ?
Учимся пользоваться сокращённым вариантом условного оператора.
1.5.3 Оператор switch
Учимся работать с оператором множественного выбора switch.
Циклы
1.6.1 Цикл while
Разбираемся, зачем нужны циклы. Учимся использовать цикл с предусловием while.
1.6.2 Цикл do while
Учимся использовать цикл с постусловием do/while.
1.6.3 Цикл for
Учимся использовать цикл со счётчиком for.
1.6.4 Прерывание цикла
Учимся прерывать выполнение цикла с помощью оператора break.
Объекты и массивы
Объекты
2.1.1 Что такое объект
Знакомимся с объектами в JavaScript. Учимся создавать объекты.
2.1.2 Добавление и удаление свойств
Учимся добавлять, перезаписывать и удалять свойства объекта.
2.1.3 Копирование объектов
Разбираемся с проблемами при копировании объектов. Учимся использовать метод Object.assign().
2.1.4 Деструктуризация объекта
Учимся быстро и удобно записывать значения свойств объекта в отдельные переменные.
Массивы
2.2.1 Что такое массив
Знакомимся с массивами в JavaScript. Учимся создавать массивы и считывать значения элементов массива.
2.2.2 Добавление и удаление элементов
Учимся добавлять и удалять элементы массива.
2.2.3 Изменение массива
Учимся объединять массивы. Разбираемся с преобразованием массива в строку и обратно.
2.2.4 Перебор массива
Учимся перебирать элементы массива методом forEach, преобразовывать элементы массива методом map и отбирать элементы массива по заданному условию.
2.2.5 Деструктуризация массива
Учимся быстро и удобно записывать элементы массива в отдельные переменные.
Функции
2.3.1 Что такое функция
Разбираемся, зачем нужны функции. Учимся писать и вызывать разные виды функций.
2.3.2 Область видимости
Изучаем особенности области видимости переменной и функции.
2.3.3 Замыкания
Разбираемся, что такое замыкания и учимся их использовать.
2.3.4 Асинхронные операции
Знакомимся с асинхронными операциями. Учимся использовать функции планирования вызова.
2.3.5 Колбэк-функции
Учимся обрабатывать асинхронные операции с помощью колбэк-функций.
2.3.6 Promise
Учимся обрабатывать асинхронные операции с помощью промисов.
2.3.7 Контекст вызова функции
Изучаем, что такое контекст вызова функции.
2.3.8 Изменение контекста вызова
Учимся изменять контекст вызова функции.
Работа с DOM
Элементы
3.1.1 Что такое DOM
Знакомимся с браузерным окружением и объектной моделью документа.
3.1.2 Поиск элементов
Вспоминаем, как работают селекторы и учимся искать элементы в DOM.
3.1.3 Изменение элементов
Изменяем содержимое элементов. Добавляем, скрываем и удаляем элементы в DOM.
События
3.2.1 Что такое событие
Изучаем, что такое событие. Учимся добавлять в разметку обработчики событий.
3.2.2 Обработка событий
Учимся навешивать и снимать обработчики событий.
Встроенные инструменты
Даты
4.1.1 Встроенный объект Date()
Учимся работать с датами с помощью встроенного объекта Date.
4.1.2 Форматирование даты
Учимся формировать объект Date на основе строки и выводить дату в нужном формате.
Обработка ошибок
обрабатываем ошибки с помощью try/catch и создаем собственные типы ошибок с помощью объекта Error.
Математические операции
встроенный объект Math().
Выполняем математические вычисления с помощью встроенного объекта Math.
Регулярные выражения
4.4.1 Что такое регулярные выражения
Разбираемся, что такое регулярное выражение. Учимся записывать шаблоны регулярных выражений.
4.4.2 Поиск совпадений и замена строк
Учимся использовать регулярные выражения для поиска и замены строк.
Локальные хранилища
4.5.1 cookies
Изучаем, что такое cookies и как использовать их для хранения информации.
4.5.2 localStorage и sessionStorage
Изучаем браузерные хранилища localStorage и sessionStorage. Учимся использовать формат данных JSON.
Работа с сервером
4.6.1 Взаимодействие Клиент—Сервер
Разбираемся, что такое клиент, сервер и как работают сайты.
4.6.2 fetch
Учимся отправлять асинхронные запросы к серверу с помощью метода fetch.
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
