Рад вам представить самый полный и самый современный курс по самому востребованному языку программирования, JavaScript. Если вы не писали ни одной строки кода - этот курс для вас. Этот курс для абсолютных новичков в программировании, но знающих основы HTML и CSS. Это значит, что мы вместе, шаг за шагом, пройдем путь от основ JavaScript до создания удивительных проектов и полного понимания того как работает язык программирования JavaScript. Понимание принципов работы JS, а не зубрежка. В этом курсе вы не будете бесцельно изучать кучи правил и функций, или бессмысленно повторять код из видео. Вместо этого мы узнаем как работает JS, разберёмся с его правилами и особенностями так, что вы сможете самостоятельно решать любые задачи и находить ответы. То есть вы узнаете и самое главное поймете все, что вам нужно для самостоятельной работы на этом языке программирования. Объяснения на простом и понятном языке. Все примеры на простом и понятном языке. Без лишней воды, зубрежки и без непонятных терминов. Большое количество практики для лучшего усвоения материала. Этот курс практический. В нем вы найдете более 20 практических задач на самостоятельное выполнение, десятки тестов на повторение материала и несколько проектов, которые мы создадим вместе, шаг за шагом осваивая все необходимое для уверенной работы с языком программирования JavaScript. Современные и простые методические пособия включены в курс. Дополнительно вместе с курсом предоставляется подробная презентация, с самыми необходимыми правилами и подсказками, по всем темам курса. Поверьте, этот курс не оставит шанса не понять или не усвоить какую либо из тем в JavaScript. Я на связи по всем вопросам курса И конечно, если у вас возникнут сложности, вы всегда сможете написать мне, и я быстро вам отвечу. Все практические задачи сопровождаются ответами и пояснениями, если вы где то застрянете. Курс подойдет для любого возраста Если вы считаете, что языки программирования это сложно, нужен определенный склад ума, талант или знания высшей математики, то позвольте мне доказать вам, что освоить программирование может каждый. 30 дней гарантии качества Если у вас все еще остались сомнения, этот курс предоставляет возможность вернуть деньги, потраченные на него, если он вам не понравится в течении 30 дней. Поддержка Автор курса отвечает на все вопросы в комментариях к урокам — ежедневно. Тысячи положительных отзывов об обучении. Итак, кто же я? Меня зовут Дмитрий Фокеев и я создаю профессиональные курсы по дизайну, программному обеспечению и веб разработке. И лучше обо мне, чем студенты проходившие мои курсы, не скажет ни кто. Мои курсы прошли уже более 15 000 студентов по всему миру, и оставили более 5000 отзывов, со средней оценкой 4.84 из 5. Присоединяйтесь ко мне и мы вместе начнем создавать удивительные работы на JavaScript До встречи на уроках!

JavaScript

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

Stepik

Автор курса

Stepik

4.6

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

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

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

Подготовка

- Как проходить курс. Скачиваем материалы
- Устанавливаем необходимое ПО
- Оставайтесь со мной на связи

Основы Java Script

- Добро пожаловать в клуб Hello world!
- Как работает Java Script
- Важны ли точки с запятой? Как создавать комментарии
- Что такое переменные
- Подробнее о переменных
- ПРОВЕРЬ СЕБЯ: Знание переменных
- Что такое "выражения" и "инструкции"
- Типы данных
- Особенности чисел и строк
- ПРОВЕРЬ СЕБЯ: Типы данных
- Введение в операторы. Математические операторы "+" "-" "*" "/"
- Как работают Операторы сравнения ">" "==" "<" "!="
- ПРОВЕРЬ СЕБЯ: Операторы сравнения
- Приоритетность операторов
- Преобразование типов данных
- Стандартные объекты. Подводим итоги и повторяем.
- ПРАКТИКА-1. Создайте калькулятор индекса тела
- ПРАКТИКА-2. Создайте любовный рандомайзер
- Знакомство с If Else. Условное ветвление
- Как работают логические операторы "!" "??" "&&" "||"
- ПРОВЕРЬ СЕБЯ: Логические операторы
- Как работает тернарный оператор "?"
- Заключительное слово этого блока

Мини-курс по ChatGPT для обучения и работы (Опционально)

- Обзор нейросетей
- Лучшие модели искусственного интеллекта на сегодня
- Как оплатить подписку на Chat GPT
- Обзор тарифов Chat GPT
- Программа Chat GPT на разные операционные системы
- Используем Chat GPT для обучения
- Используем Chat GPT для программирования
- Где еще полезен Chat GPT
- Как показывать экран чату GPT
- Генерация изображений с помощью Chat GPT и не только
- Advanced Voice mode в Chat GPT
- Как работает Copilot от GitHub

Углубление в основы Java Script. Функции и Объекты

- Используйте "Use Strict"
- Введение в функции
- Function Expression и Function Declaration
- Области видимости в JS
- ПРОВЕРЬ СЕБЯ: Области видимости
- Значения по умолчанию для параметров функций
- Что такое callBack функции
- Как работают стрелочные функции
- ПРАКТИКА-3. Калькулятор победителя
- Что такое объекты
- Вложенные свойства объектов
- Сокращенная запись свойств
- Создание функций в объектах и немного про this
- ПРАКТИКА-04. Создайте калькулятор BMI с помощью объектов
- Введение в массивы
- Введение в методы массивов
- Введение в цикл for
- Break & Continue в циклах For
- Цикл While Do While
- Копирование объектов. Мутация Объектов
- ПРАКТИКА-5-Создайте последовательность Фибоначи
- ПРОВЕРЬ СЕБЯ. Тест по основам JS
- Заключительное слово этого блока

Основы работы с DOM

- Prettier и как работают "сниппеты".
- Что такое DOM и Окружение JS
- Получение HTML Элементов
- Что такое HTML узлы и родство элементов
- Что такое псевдомассив
- Как работают циклы for of и for in
- Получение и изменение содержимого тегов
- Создание и вставка новых элементов DOM
- Как работает InsertAdjastmentHTML
- Клонирование, перемещение и удаление элементов
- Изменение CSS стилей с помощью JS
- Получение и изменение атрибутов DOM элементов
- Что такое обработчик события на странице
- Как добавлять воспроизведение аудио при срабатывании события
- ПРАКТИКА - 6. Создайте игру в угадай число
- ПРАКТИКА - 7. Создайте модальные окна
- ПРАКТИКА - 8. Создайте игру в алфавит
- ПРОВЕРЬ СЕБЯ. Тест по D.O.M.
- Заключительное слово

Углубленная работа с данными

- О чем этот блок
- Как работает контекст вызова this
- Деструктуризация массивов
- Деструктуризация объектов
- Как работает оператор spread
- Что такое оператор rest
- ПРАКТИКА-9. Деструктуризация, rest и spread
- Что такое классы в JS
- Что такое Set
- Что такое Map
- Конвертация структур данных
- ПРАКТИКА-10. Map и Set
- Заключительное слово

Работа со строками

- Методы строк ч. 1-Как работают строки. Метод slice
- Методы строк ч. 2. (trim, toLowerCase, replace)
- Методы строк ч. 3 (Split / Join)
- ПРАКТИКА-11. Работа со строками

Работа функций

- Параметры функций по умолчанию
- Объекты как параметры функций
- Функции высшего порядка и первого класса
- Возврат функции из функции
- Метод функций call
- Метод функций bind

Работа с массивами

- О чем этот блок
- Базовые методы массивов
- Как работает метод forEach()
- forEach на Map и Set
- Начинаем создавать приложение
- Метод Map()
- Map() на практике
- Метод filter()
- Метод Reduce()
- Практика. Filter/ map/ reduce
- Применяем методы на странице
- Метод find()
- LogIn в аккаунт
- Перевод средств из аккаунта
- Метод findIndex()
- Методы some() и every()
- Метод flat()
- Метод sort()
- Метод fill() и Array.from()
- Практика. Методы массивов
- Заключение блока

Числа и время

- Базовые методы чисел
- Что такое bigInt
- Как создать дату
- Устанавливаем даты в банковском приложении
- Выражения с датами
- Форматы дат разных стран
- Форматы чисел разных стран
- SetInterval и SetTimer
- Заключительное слово

Углубление в работу DOM

- О чем этот блок
- Живые VS статичные коллекции
- Координаты элементов
- Отмена и всплытие событий
- Делегирование событий
- Создаем табы
- Создаем прозрачное меню
- Intersection API
- Применяем Intersection на секциях
- Применяем Intersection на изображениях
- Создаем слайдер
- Доделываем слайдер
- 3 способа подключения скрипта на сайт
- Заключительное слово

Объектно ориентированное программирование

- Что такое функции конструкторы
- Разница между prototype и __proto__
- ПРАКТИКА - Создайте функции конструкторы
- Разница между классами и функциями конструкторами
- Что такое геттеры
- Что такое сеттеры
- ПРАКТИКА - Классы, гетеры и сеттеры
- Что такое статические методы
- Object.create()
- Создание дочерних классов
- ПРАКТИКА - Создайте дочерний класс
- Создание дочерних классов через синтаксис классов
- Что такое API
- Переменные в классах
- Инкапсуляция свойств
- Инкапсуляция свойств новый стандарт
- Создание цепочки методов
- Подводим итог изученного
- ПРАКТИКА - Дочерние классы через синтаксис классов
- Проверь себя. Тест по теме.
- Заключительное слово

Объектно ориентированное программирование - на практике

- О чем этот проект
- Используем Geolocation API
- Размещаем карту на сайте
- Работаем с документацией
- Отображение формы
- Рефакторинг в синтаксис классов
- Создаем классы тренировок
- Валидация форм
- Отображение тренировок
- Плавное перемещение к тренировкам по карте
- Работа с localStorage
- Заключительное слово

Асинхронный код

- Что такое асинхронный код
- Как работает XMLHTTRequest
- Подключаемся к API
- Call-back hell
- Введение в fetch & promise
- Как работает promise по цепочке
- Обработка ошибок в promise
- Обработка ошибок сервера
- ПРАКТИКА. Используем внешние API
- Что такое промисификация
- Очередь выполнения кода
- Промисификация ч.2
- Как работает async/await
- Обработка ошибок try catch
- Возврат данных из async/await
- Параллельное выполнение promises
- Доп. методы параллельного кода