JavaScript для начинающих 2024. Полный курс за 6 часов. Уроки. Теория + практика

Опубликовано: 01 Январь 1970
на канале: ВебКадеми | Юрий Ключевский
808,810
27k

Большой курс урок по JavaScript для новичков. Все что нужно для старта в 2024 году для работы с JavaScript.
↓↓↓ Файлы к уроку и тайм-коды ниже в описании ↓↓↓

Что такое JavaScript, переменные, типы данных, числа, BigInt, функции, стрелочные функции, массивы, циклы, обход массивов, объекты, свойства и методы объектов, классы, асинхронность, setTimeout, setInterval, callback hell, Promise, async await, работа с DOM. 3 практических проекта. Курс 2024 года.

Стартовый код к уроку: https://webcademy.ru/blog/867/

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: http://webcademy.ru/htmlsite/

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: https://webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 14 Октября 2024 года.

💻 Курс "Frontend разработчик. JavaScript + React": https://webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 21 Октября 2024 года.

💻 Курс "Разработка сайтов на PHP + MySQL":
https://webcademy.ru/phpcourse/
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💈 Сайт школы ВебКадеми: https://webcademy.ru/
💈 Вступайте в группу Вконтакте: https://vk.com/webcademy
💈 Подписывайтесь на Telegram: https://t.me/webcademynews

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Тайм-коды и код к уроку
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Код к уроку: https://webcademy.ru/blog/867/

00:00 Введение и содержание
02:24 Настройка окружения
04:55 Подключение JS файла

Основы

09:28 Переменные
13:00 Типы переменных let const var
20:15 Область видимости
23:41 Типы данных. Строки, числа, логические, BigInt, Symbol
38:30 Условия, операторы сравнения, логические операторы
47:50 Тернарный оператор
54:56 Конкатенация строк и шаблонные строки

Функции

1:00:36 Создание функций
1:04:02 Function expression и function declaration
1:12:41 Параметры и аргументы для функции
1:16:17 return
1:22:05 Функция как аргумент
1:31:30 Самовызывающаяся функция IIFE
1:39:22 Стрелочные функции

Массивы

1:48:16 Определение массивов
1:57:38 Методы массивов
2:06:44 Цикл for. Обход массива циклом for
2:18:37 Цикл for ( of ). Обход массива циклом for ( of )
2:21:20 Метод .forEach() для обхода массивов

Объекты

2:29:42 Объекты. Свойства объектов
2:39:00 Методы в объектах
2:42:50 Ключевое слово this
2:46:33 Обход свойств объекта через цикл for ( in )
2:50:17 Нюанс с const и изменением объекта или массива
2:52:43 Классы. Конструкторы объектов
3:02:30 Лайфхак работы с VS Code

Работа с DOM

3:04:30 Выбор DOM элементов
3:12:20 Выбор коллекции элементов
3:20:50 ES5 методы для выбора элементов
3:23:27 Работа с CSS классами
3:32:10 Атрибуты
3:42:07 Прослушка событий. Клик. addEventListener и onclick
3:49:53 Прослушка событий. Ввод текста
3:57:37 Объект event
4:03:21 Работа c HTML элементами. Создание. Копирование.
4:16:05 Список задач на JS [практика]

Асинхронность

4:40:51 Интервал setInterval. clearInterval
4:43:33 Таймер setTimeout
4:48:20 Секундомер [практика]

5:03:45 Callback hell
5:11:09 Callback hell. Пример с отпуском. [осторожно, взрыв мозга!]
5:29:32 Callback hell. Итоги

5:33:22 Promise. Создание и потребление промисов
5:41:44 Promise. Цепочки then
5:43:44 Promise. Цепочки then c асинхронными действиями [осторожно, взрыв мозга!]
5:53:00 Promise. Пример с отпуском

6:11:33 Асинхронные функции
6:19:09 Асинхронные функции. Пример с отпуском

6:28:10 Курс валют [практика]
6:45:00 Важная информация


Смотрите видео JavaScript для начинающих 2024. Полный курс за 6 часов. Уроки. Теория + практика онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь ВебКадеми | Юрий Ключевский 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 808,81 раз и оно понравилось 27 тысяч людям.