Тёмный

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

ВебКадеми | Юрий Ключевский
Подписаться 55 тыс.
Просмотров 782 тыс.
50% 1

Большой курс урок по JavaScript для новичков. Все что нужно для старта в 2024 году для работы с JavaScript.
↓↓↓ Файлы к уроку и тайм-коды ниже в описании ↓↓↓
Что такое JavaScript, переменные, типы данных, числа, BigInt, функции, стрелочные функции, массивы, циклы, обход массивов, объекты, свойства и методы объектов, классы, асинхронность, setTimeout, setInterval, callback hell, Promise, async await, работа с DOM. 3 практических проекта. Курс 2024 года.
Стартовый код к уроку: webcademy.ru/blog/867/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: webcademy.ru/htmlsite/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 01 Июля 2024 года.
💻 Курс "Frontend разработчик. JavaScript + React": webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 08 Июля 2024 года.
💻 Курс "Разработка сайтов на PHP + MySQL":
webcademy.ru/phpcourse/
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми: webcademy.ru/
💈 Вступайте в группу Вконтакте: webcademy
💈 Подписывайтесь на Telegram: t.me/webcademynews
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Тайм-коды и код к уроку
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Код к уроку: 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 Важная информация

Опубликовано:

 

25 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 739   
@WebCademy
@WebCademy Год назад
Стартовый код к уроку: webcademy.ru/blog/867/
@user-pv4pm8ip5t
@user-pv4pm8ip5t Год назад
Бро курс актуален на март 2023 ? Ничего не поменялось ?
@WebCademy
@WebCademy Год назад
@@user-pv4pm8ip5t Актуален
@alil8706
@alil8706 Год назад
@@user-pv4pm8ip5t, зачем тебе IT?)))🤣
@user-pv4pm8ip5t
@user-pv4pm8ip5t Год назад
@@alil8706 достали бои просто и миллионы,не умею зарабатывать мало,хочу чуть меньше зарабатывать научится
@alil8706
@alil8706 Год назад
​@@user-pv4pm8ip5t , теперь Юрий может говорить, что сам Конор Макгрегор интересовался его курсами!
@user-bi1zb2jx5f
@user-bi1zb2jx5f Год назад
Читал учебник несколько дней, и если по началу основы воспринемальсь легко и понятно то гдето в районе методов обектов и масивов, все превратилось в кашу. Решил что нужно менять подход и начал смотреть ваше видео. Вя каша начала складыватся во чтото понятное. Спасибо вам огромное. Тот труд который вы сюда вложили поможэт сотням людей. Понравилась розбивка видео, понравились ремарки - "оно так работает но так не делайте". Очено понятная подача материала. Спасибо вам ещо раз
@zipsit2315
@zipsit2315 Год назад
Тебе бы лучше учебник по русскому почитать, а не js.
@PostSiege
@PostSiege Год назад
@@zipsit2315 для многих русский это второй или третий язык так что не манди, а уважай других
@zipsit2315
@zipsit2315 Год назад
@@PostSiege ещё один недоучка, откуда вы вылазиете?
@amirisaev7051
@amirisaev7051 Год назад
Ай маладееес 👍
@morrrr
@morrrr 8 месяцев назад
@@zipsit2315для большинства народов знать русский язык - это подневольное решение. нигде кроме самой россии он не нужен. человек знает русский достаточно для того чтобы слушать материал который ему полезен, так что уважай это и прекрати навязываться
@alEL321
@alEL321 2 года назад
Спасибо,профессионально и четко!)
@user-mr3wf4kg6n
@user-mr3wf4kg6n 2 года назад
Спасибо за ваш труд! Классный материал!
@user-lf4bc7vq7n
@user-lf4bc7vq7n 2 года назад
Благодарю, начал проходить этот курс)
@profianhitm1769
@profianhitm1769 2 года назад
Очень доступное объяснение👍
@Alex0680
@Alex0680 Год назад
Просто супер! Спасибо за ваш труд!
@tracer4278
@tracer4278 2 года назад
ТОП!!! Спасибо Вам огромное! То что надо прям для старта!
@sergioavores4111
@sergioavores4111 Год назад
огонь! спасибо за понятное изложение!
@mspolermo
@mspolermo Год назад
Досмотрел. Отличная подача материала, спасибо!
@lamersmile
@lamersmile 2 года назад
Большое Вам спасибо!
@nso655
@nso655 2 года назад
Благодарю! И за тайм коды отдельная благодарность!
@over79751
@over79751 Год назад
Спасибо, просто замечательно!
@olegankudinov2424
@olegankudinov2424 2 года назад
Суперматериал! Спасибо!
@user-pm8dv5bw6g
@user-pm8dv5bw6g Год назад
Спасибо большое! Огромный труд!
@alexey_samokhin
@alexey_samokhin 2 года назад
Спасибо Юра, ты как всегда крут!)
@dramses
@dramses 10 месяцев назад
Очень понятно и интересно,благодарю за ваш труд
@SergeAser
@SergeAser 2 года назад
Отлично! Спасибо!
@mrCetus
@mrCetus 2 года назад
Спасибо большое, Юрий! Просто класс! Всегда очень понятно объясняете. Супер!
@FoxMindShow
@FoxMindShow 2 года назад
Спасибо за материал и труды !
@dmitrys5369
@dmitrys5369 2 года назад
Классный курс, классная подача. Автору огромное спасибо!
@alexandrmutovkin2476
@alexandrmutovkin2476 2 года назад
Благодарю, всё максимально понятно
@diver1668
@diver1668 Год назад
Спасибо, все очень доходчиво.
@alexeymirniy
@alexeymirniy Год назад
Спасибо! Отличный курс, прошел полностью)
@user-ur7vc7er3b
@user-ur7vc7er3b Год назад
Спасибо! очень доступным и простым языком, на примерах, сочно объяснили!
@jamshidkarimov1021
@jamshidkarimov1021 2 года назад
Большое спасибо !
@monieKidd
@monieKidd Год назад
Поддерживаю автора, огромный труд, спасибо большое!
@twxman
@twxman 2 года назад
Спасибо вам за ваши старания и доходчивое объяснение! Действительно узнал много полезного и нового про JS!!!
@sergeyprikop4030
@sergeyprikop4030 Год назад
Титанический труд. Спасибо за уроки!
@user-jb4wd2si5s
@user-jb4wd2si5s Год назад
Спасибо большое очень хорошо подан материал!
@shadowraze520
@shadowraze520 10 месяцев назад
Искренне благодарю вас за ваш труд 💪🏼♥️
@lidiiasharova
@lidiiasharova 2 года назад
Миллион спасибо! Объясняете очень доступно. У вас правда талант.
@RomanKhassazhirov
@RomanKhassazhirov Год назад
Шикарный урок, спасибо за труды!)
@denispaverin4584
@denispaverin4584 Год назад
Спасибо за ваш нереальный труд!
@user-oi8sb5co3h
@user-oi8sb5co3h Год назад
Видио отличное, приятно слушать. Спасибо
@user-be8dy2lw3n
@user-be8dy2lw3n Год назад
Большая благодарность 🌺
@piligrim_7
@piligrim_7 Год назад
Хороший урок друг. Благодарю .
@prikuplay
@prikuplay Год назад
Спасибо, Юрий! Именно вы мне подходите как ментор, вы настолько понятно всё объясняете)
@maralaldongarova5648
@maralaldongarova5648 Год назад
Благодарю за курс, ставлю жирный лайк)
@lingvostimrussia5733
@lingvostimrussia5733 2 года назад
Спасибо вам за курс!
@datdarkcraydatdarkcray5627
@datdarkcraydatdarkcray5627 Год назад
Спасибо! Профессиональная подача материала, все темы основные охвачены и логически вытекают одна из другой! Бриллиант среди курсов!
@numberone2617
@numberone2617 2 года назад
Лучший учитель, большое вам спасибо!
@_pheax
@_pheax Год назад
понятно и доступно обьясняете, спасибо
@princeofpersia9494
@princeofpersia9494 2 года назад
Огромное спасибо автору за такое полное видео, уверен многим поможет освоить этот язык, удачи в7
@user-hp2fu3ww2t
@user-hp2fu3ww2t 2 года назад
otlichnyi urok! spasibo bolwoe! pryam vse ochen dostoverno obyasneno! prosto wow! po bolwe takih video!
@sattobyte9702
@sattobyte9702 Год назад
Красавчик. Передаешь информацию на очень понятном уровне.
@new_life_home
@new_life_home 2 года назад
Спасибо) как раз учимся группой и я поделилась ссылкой на ваше видео, для новичков самое то!
@user-hx6sf8vf7j
@user-hx6sf8vf7j Месяц назад
Огромное спасибо Юрий!
@LovToLiv
@LovToLiv Год назад
Огромное спасибо! Гораздо понятнее и интереснее объясняете, чем на skillbox
@user-hb6gb7ck5u
@user-hb6gb7ck5u 11 месяцев назад
От души спасибо!!!!.... много читал много смотрел, но ваш формат подачи зашёл лучше всех
@user-bs6hc8es8p
@user-bs6hc8es8p 2 года назад
Очень Круто!!! Выжимка всего самого главного в JS для практической работы. Просто Хрестоматия JS!!! Это лучшее что я видел!!!! Все простым языком!!!! Большая работа Юрий!!! Очень здорово получилось!!!!! БРАВО!!!!!
@vladislavvladykin6286
@vladislavvladykin6286 3 месяца назад
Огромное спасибо!🙂
@anro9955
@anro9955 Год назад
💥Спасибо за уроки! Отличное структурированное видео для изучения базового синтекса JS с понятными, простыми примерами и без воды!
@user-fy6kf8hq2v
@user-fy6kf8hq2v 2 года назад
Было полезно! Спасибо
@elenapolat9228
@elenapolat9228 2 года назад
Ещё не досмотрела, но уже пришло понимание. Спасибо
@nadiakoluzaeva6800
@nadiakoluzaeva6800 Год назад
Спасибо большое за Ваш труд! За подробные и понятные объяснения!
@tatiana5197
@tatiana5197 2 года назад
Спасибо за Ваш труд! Думала уже никогда с js не разберусь, но при просмотре стало приходить понимание , просто не хватало связующих звеньев, которые благодаря Вашим подробным объяснениям и сравнениям нашлись) И - Ваш голос приятно слушать), а для меня это очень важно
@As-ru2bc
@As-ru2bc 2 года назад
Спасибо автору за вебинар. Учил js по документации, потом сделал перерыв и начал учить реакт. Когда начал учить реакт выяснилось, что js вылетел из головы, вот смотрю ваше видео и вспоминаю) Еще раз спасибо, голос приятный, темп какой надо, воды нет и все структурировано.
@thestrelchik
@thestrelchik 2 года назад
Спасибо, обнял💙
@AnhJonik
@AnhJonik 10 месяцев назад
очень вам благодарен, спасибо вам)
@javokhir176
@javokhir176 2 года назад
очень хороший уроки!, спасибо за уроки, удачи!
@dean91ful
@dean91ful 2 года назад
Сразу поставил лайк 👍 чтобы все видели этот видос)Очень подробно всё разобрано затронуто то что другие не затрагивают.
@vaspurakavdalian1133
@vaspurakavdalian1133 Год назад
Красавчик ,всё красиво объясняет и доступно.
@abubakrakhmadaliev9532
@abubakrakhmadaliev9532 Год назад
Спасибо лучшее что я нашел для освоения js низкий вам поклон за ваш труд а также подписка лайк и колокольчик
@Anatoli-bq1pe
@Anatoli-bq1pe Год назад
Огромная благодарность за отличный контент
@user-xe7ck7xj6z
@user-xe7ck7xj6z 11 месяцев назад
От души спасибо!!!
@Timm1735
@Timm1735 Год назад
Спасибо огромное за курс, все очень понято хыг )
@koolvent
@koolvent 2 года назад
спасибо, хорошая подача материала
@ozbekfilmlar
@ozbekfilmlar 2 года назад
Объясняете как надо, спасибо за трудность
@imrasterthgen7356
@imrasterthgen7356 2 года назад
Вполне возможно что буду покупать твой курс, очень доступно излагаешь, прям от природы дано объяснять простым языком.
@user-vf9ml7uc1t
@user-vf9ml7uc1t 2 года назад
Мужик ты лучший спасибо тебе за твой вклад в моё развитие!!
@bogdan3671
@bogdan3671 2 года назад
Огромное спасибо! Очень качественный урок, приятный программист и есть, что взять на заметку в стиле написания кода. За практику мое уважение, то, чего точно многим не хватало
@bahromtohirov3479
@bahromtohirov3479 Год назад
Огромное спасибо!
@itblog_ty_v_IT
@itblog_ty_v_IT 2 года назад
спасибо за курс очень пригодится
@user-bh2ge1mu9x
@user-bh2ge1mu9x 11 месяцев назад
Наконец то понял, что это самый подходящий для меня формат - все основное, без воды и разжевываний простых вещей, сам занимался back-end. А доп. детали всегда можно и в chartjpt спросить. Спасибо, здорово!
@akbarjonjoraqulov9545
@akbarjonjoraqulov9545 2 года назад
Молодец ребята! контент очень отлично.
@morelifetv1041
@morelifetv1041 2 года назад
Очень полезный курс !
@user-dd2jt2qu8h
@user-dd2jt2qu8h Год назад
Очень хорошое видео спасибо тебе!
@nobodylll48
@nobodylll48 4 месяца назад
Спасибо за ваш труд! Бомбовый курс, раньше думал что никогда не разберусь в js))
@Kleolit
@Kleolit Год назад
Очень классный курс, прошел всё!
@user-cn4dx2hd1i
@user-cn4dx2hd1i Год назад
Очень приятный голос , и подача информации очень профессионально! Спасибо большое , за знания , которыми делитесь🙏. Процветания Вам!
@moscow8881
@moscow8881 Год назад
Много хороших уроков смотрел но этот похоже самый лучший. В то же время благодаря тому что пришлось пересмотреть пару тройку вводных курсов по js сейчас уже всё схватывается "на лету" . Автору конечно респект и +1 к карме)
@sergeybarmaley125
@sergeybarmaley125 Год назад
СПАСИБО ТЕБЕ ДОБРЫЙ ЧЕЛОВЕК !!!
@ruslan_lwow79
@ruslan_lwow79 2 года назад
Подякував великий +! ДУже доступно пояснюєте !
@spacegaming8413
@spacegaming8413 2 года назад
Огромное спасибо, пятый раз сажусь учить программирование, и только благодаря вашему труду я поверил что у меня получится в этот раз. Все понятно, просто, огромное спасибо!
@romanromanoff4463
@romanromanoff4463 Год назад
Лучший курс по js. Спасибо тебе добрый человек!
@99k27
@99k27 11 месяцев назад
красавчик! очень грамотно все растолковал
@svg5359
@svg5359 5 месяцев назад
спасибо за курс!
@yuraartyshko755
@yuraartyshko755 2 года назад
Круто Спасибо
@swave2720
@swave2720 Год назад
Очень полезное, а главное понятное видео. 5 баллов!
@piligrim_7
@piligrim_7 Год назад
Пересмотрел урок , концовка интересовала , хорошее объяснение , пока что лучшее по Js на ютубе .
@valerymonastyrev3229
@valerymonastyrev3229 Год назад
Спасибо. После этих почти 7 часов у меня в голове хоть немного, но сложилась картина происходящего
@android_lover2077
@android_lover2077 Год назад
спасибо огромное узнал очень много вещей в JS удачи в развитии канала! лайк + подписка + коммент)
@KirillNadtochaev
@KirillNadtochaev Месяц назад
Отличный курс. Всем рекомендую ❤
@Midas50
@Midas50 Год назад
It's the best lesson!!! Спасибо тебе огромное за такие уроки)
@imrasterthgen7356
@imrasterthgen7356 2 года назад
Очень круто получается преподносить материал, просмотрел за 3 дня. Всё доступно и понятно, посмотрю ещё пару курсов и вернусь пересмотрю с уже более глубоким пониманием тематики. Спасибо огромное за труд.
@urmichk.7241
@urmichk.7241 2 года назад
*Потрясающее объяснение. Посмотрел 40 минут, чувствую себя почти программистом. Такому тупоголовому как я, как раз подходит такой метод. Посмотрю все ваши видео. Очень надеюсь, что будут еще подобные видео с простым донесением инфы. Спасибо вам!*
@begula_chan
@begula_chan Год назад
Спасибо большое!
@kuksh8691
@kuksh8691 2 года назад
Курс бомба! Наконец-то дожал и пазл хоть сложился. А то до этого курс по ес6 проходил Promise, fetch и так далее нахватался - в голове каша, а здесь прям от самого просто к сложному - это то, чего не хватает новичкам для понимания. А то несвоевременная информация при самообучении порой взрывает мозг и опускаются руки из-за непонимания что вообще происходит.
@user-hr2vx1ve7i
@user-hr2vx1ve7i 2 года назад
1000 лайков вот это реально автор учит и практические знания спасибо вам!!!!
Далее
ОБНОВАА?? ЛУТАЕМ МЕГАЯЩИКИ
3:12:14
Просмотров 312 тыс.
Жидкие носки)))
00:19
Просмотров 551 тыс.
Алгоритмы на Python 3. Лекция №1
1:20:50