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

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

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

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

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 05 Августа 2024 года.

Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 12 Августа 2024 года.

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

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

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

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

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 Важная информация

[bizbjxf]

Читал учебник несколько дней, и если по началу основы воспринемальсь легко и понятно то гдето в районе методов обектов и масивов, все превратилось в кашу. Решил что нужно менять подход и начал смотреть ваше видео. Вя каша начала складыватся во чтото понятное. Спасибо вам огромное. Тот труд который вы сюда вложили поможэт сотням людей. Понравилась розбивка видео, понравились ремарки - "оно так работает но так не делайте". Очено понятная подача материала. Спасибо вам ещо раз

[nso]

Благодарю! И за тайм коды отдельная благодарность!

[mspolermo]

Досмотрел. Отличная подача материала, спасибо!

[tracer]

ТОП!!! Спасибо Вам огромное! То что надо прям для старта!

[mrwfkgn]

Спасибо за ваш труд! Классный материал!

[lfbcvqn]

Благодарю, начал проходить этот курс)

[dramses]

Очень понятно и интересно, благодарю за ваш труд

[new_life_home]

Спасибо) как раз учимся группой и я поделилась ссылкой на ваше видео, для новичков самое то!

[urvcerb]

Спасибо! очень доступным и простым языком, на примерах, сочно объяснили!

[ruslan_lwow]

Подякував великий +! ДУже доступно пояснюєте !

[dmitrys]

Классный курс, классная подача. Автору огромное спасибо!

[lidiiasharova]

Миллион спасибо!
Объясняете очень доступно. У вас правда талант.

[bshcesp]

Очень Круто!!! Выжимка всего самого главного в JS для практической работы.
Просто Хрестоматия JS!!!
Это лучшее что я видел!!!! Все простым языком!!!!
Большая работа Юрий!!!
Очень здорово

[shadowraze]

Искренне благодарю вас за ваш труд 💪🏼♥️

[alexeymirniy]

Спасибо! Отличный курс, прошел полностью)

[Oscar-siyh]

Огромное спасибо я удивил всех после этого урока.
Теперь понял как работает java script.
Благодаря вашему уроку я закончил курс frontend и получил сертификат.
А теперь работаю.
Конечно подписался!😇😍

[sattobyte]

Красавчик. Передаешь информацию на очень понятном уровне.

[monieKidd]

Поддерживаю автора, огромный труд, спасибо большое!

[nobodylll]

Спасибо за ваш труд! Бомбовый курс, раньше думал что никогда не разберусь в js))

[jbwdsis]

Спасибо большое очень хорошо подан материал!