JavaScript для начинающих 2024. Полный курс за 6 часов. Уроки. Теория + практика
Большой курс урок по 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 Важная информация
Пікірлер: 740
Стартовый код к уроку: webcademy.ru/blog/867/
@user-pv4pm8ip5t
Жыл бұрын
Бро курс актуален на март 2023 ? Ничего не поменялось ?
@WebCademy
Жыл бұрын
@@user-pv4pm8ip5t Актуален
@alil8706
Жыл бұрын
@@user-pv4pm8ip5t, зачем тебе IT?)))🤣
@user-pv4pm8ip5t
Жыл бұрын
@@alil8706 достали бои просто и миллионы,не умею зарабатывать мало,хочу чуть меньше зарабатывать научится
@alil8706
Жыл бұрын
@@user-pv4pm8ip5t , теперь Юрий может говорить, что сам Конор Макгрегор интересовался его курсами!
Читал учебник несколько дней, и если по началу основы воспринемальсь легко и понятно то гдето в районе методов обектов и масивов, все превратилось в кашу. Решил что нужно менять подход и начал смотреть ваше видео. Вя каша начала складыватся во чтото понятное. Спасибо вам огромное. Тот труд который вы сюда вложили поможэт сотням людей. Понравилась розбивка видео, понравились ремарки - "оно так работает но так не делайте". Очено понятная подача материала. Спасибо вам ещо раз
@zipsit2315
Жыл бұрын
Тебе бы лучше учебник по русскому почитать, а не js.
@PostSiege
Жыл бұрын
@@zipsit2315 для многих русский это второй или третий язык так что не манди, а уважай других
@zipsit2315
Жыл бұрын
@@PostSiege ещё один недоучка, откуда вы вылазиете?
@amirisaev7051
Жыл бұрын
Ай маладееес 👍
@morrrr
8 ай бұрын
@@zipsit2315для большинства народов знать русский язык - это подневольное решение. нигде кроме самой россии он не нужен. человек знает русский достаточно для того чтобы слушать материал который ему полезен, так что уважай это и прекрати навязываться
Очень Круто!!! Выжимка всего самого главного в JS для практической работы. Просто Хрестоматия JS!!! Это лучшее что я видел!!!! Все простым языком!!!! Большая работа Юрий!!! Очень здорово получилось!!!!! БРАВО!!!!!
Благодарю! И за тайм коды отдельная благодарность!
ТОП!!! Спасибо Вам огромное! То что надо прям для старта!
Классный курс, классная подача. Автору огромное спасибо!
Досмотрел. Отличная подача материала, спасибо!
Спасибо большое, Юрий! Просто класс! Всегда очень понятно объясняете. Супер!
Огромное спасибо я удивил всех после этого урока. Теперь понял как работает java script. Благодаря вашему уроку я закончил курс frontend и получил сертификат. А теперь работаю. Конечно подписался!😇😍
Очень полезный канал. Дошел в своем обучении из 12 модулей до 4-го и все, мухи и котлеты все смешалось. После ваших видео, пришло понимание и что очень важно мотивация. Спасибо Вам большое за труд и обучение. Однозначно буду рекомендовать вас своим однокурсникам.
Спасибо,профессионально и четко!)
Спасибо, Юрий! Именно вы мне подходите как ментор, вы настолько понятно всё объясняете)
Подякував великий +! ДУже доступно пояснюєте !
Спасибо за ваш труд! Классный материал!
огонь! спасибо за понятное изложение!
Спасибо за Ваш труд! Думала уже никогда с js не разберусь, но при просмотре стало приходить понимание , просто не хватало связующих звеньев, которые благодаря Вашим подробным объяснениям и сравнениям нашлись) И - Ваш голос приятно слушать), а для меня это очень важно
Огромное спасибо автору за такое полное видео, уверен многим поможет освоить этот язык, удачи в7
Просто супер! Спасибо за ваш труд!
Благодарю, начал проходить этот курс)
От души спасибо!!!!.... много читал много смотрел, но ваш формат подачи зашёл лучше всех
💥Спасибо за уроки! Отличное структурированное видео для изучения базового синтекса JS с понятными, простыми примерами и без воды!
Спасибо! Профессиональная подача материала, все темы основные охвачены и логически вытекают одна из другой! Бриллиант среди курсов!
Спасибо Юра, ты как всегда крут!)
Очень доступное объяснение👍
Огромное спасибо! Гораздо понятнее и интереснее объясняете, чем на skillbox
Спасибо большое! Огромный труд!
Лучший учитель, большое вам спасибо!
760k за 2 года - ну уровень и достойная награда за такой труд Решил просто повторить перед собесами - уверенгость растёт
Миллион спасибо! Объясняете очень доступно. У вас правда талант.
Сразу поставил лайк 👍 чтобы все видели этот видос)Очень подробно всё разобрано затронуто то что другие не затрагивают.
Спасибо большое за Ваш труд! За подробные и понятные объяснения!
Спасибо автору за вебинар. Учил js по документации, потом сделал перерыв и начал учить реакт. Когда начал учить реакт выяснилось, что js вылетел из головы, вот смотрю ваше видео и вспоминаю) Еще раз спасибо, голос приятный, темп какой надо, воды нет и все структурировано.
Искренне благодарю вас за ваш труд 💪🏼♥️
Большое Вам спасибо!
Отлично! Спасибо!
Суперматериал! Спасибо!
Спасибо лучшее что я нашел для освоения js низкий вам поклон за ваш труд а также подписка лайк и колокольчик
Спасибо, просто замечательно!
очень хорошо, я не знаю русский язык, я сейчас пишу через гугл переводчик, но я очень хорошо учу то, что вы объяснили, желаю вам удачи
Наконец то понял, что это самый подходящий для меня формат - все основное, без воды и разжевываний простых вещей, сам занимался back-end. А доп. детали всегда можно и в chartjpt спросить. Спасибо, здорово!
Очень понятно и интересно,благодарю за ваш труд
Спасибо вам за ваши старания и доходчивое объяснение! Действительно узнал много полезного и нового про JS!!!
Спасибо за материал и труды !
Вполне возможно что буду покупать твой курс, очень доступно излагаешь, прям от природы дано объяснять простым языком.
Это первый курс по JS, в котором спикер объясняет все темы максимально доходчиво. Юрий спасибо Вам большущее!!!
Спасибо) как раз учимся группой и я поделилась ссылкой на ваше видео, для новичков самое то!
otlichnyi urok! spasibo bolwoe! pryam vse ochen dostoverno obyasneno! prosto wow! po bolwe takih video!
Шикарный урок, спасибо за труды!)
Очень приятный голос , и подача информации очень профессионально! Спасибо большое , за знания , которыми делитесь🙏. Процветания Вам!
Спасибо за ваш труд! Бомбовый курс, раньше думал что никогда не разберусь в js))
Огромное спасибо!🙂
Титанический труд. Спасибо за уроки!
Твои уроки дают будущим разработчикам НАДЕЖДУ, я прохожу курсы и у меня такой маргарин в голове, посмотрев видео, всё становится на свои места!!! Благодарочка!!!
Огромное спасибо Юрий!
Огромное спасибо! Очень качественный урок, приятный программист и есть, что взять на заметку в стиле написания кода. За практику мое уважение, то, чего точно многим не хватало
Юрий, огромная благодарнасть Вам! Все четко, понятно, доступно, без воды! Просто лучшее, что я видела. Вы - настоящий талант разжевывания))
Огромное спасибо, пятый раз сажусь учить программирование, и только благодаря вашему труду я поверил что у меня получится в этот раз. Все понятно, просто, огромное спасибо!
Спасибо, все очень доходчиво.
Спасибо! Отличный курс, прошел полностью)
Поддерживаю автора, огромный труд, спасибо большое!
Благодарю, всё максимально понятно
Честно это намного понятнее чем большинство других уроков. Я сам раньше занимался html css js , и вот пришло время наверстать упущенное! Спасибо вам!
Спасибо! очень доступным и простым языком, на примерах, сочно объяснили!
Ещё не досмотрела, но уже пришло понимание. Спасибо
Это самый прекрасный туториал для новичков, автор просто великолепен ! Все по полочкам разложил, огромнейшее спасибо тебе, добрый человек )
Благодарю за курс, ставлю жирный лайк)
Много хороших уроков смотрел но этот похоже самый лучший. В то же время благодаря тому что пришлось пересмотреть пару тройку вводных курсов по js сейчас уже всё схватывается "на лету" . Автору конечно респект и +1 к карме)
Большое спасибо !
Большая благодарность 🌺
Очень круто получается преподносить материал, просмотрел за 3 дня. Всё доступно и понятно, посмотрю ещё пару курсов и вернусь пересмотрю с уже более глубоким пониманием тематики. Спасибо огромное за труд.
Спасибо большое очень хорошо подан материал!
После 4 месячного перерыва вернулся к изучению web разработки повторяю основы по вашим урокам, ибо лучше до сих пор ничего не нашел начинающим однозначно рекомендую именно эти уроки💣💣 да и всем остальным))
Видио отличное, приятно слушать. Спасибо
очень хороший уроки!, спасибо за уроки, удачи!
Спасибо огромное за курс, все очень понято хыг )
Красавчик. Передаешь информацию на очень понятном уровне.
Спасибо за ваш нереальный труд!
Курс бомба! Наконец-то дожал и пазл хоть сложился. А то до этого курс по ес6 проходил Promise, fetch и так далее нахватался - в голове каша, а здесь прям от самого просто к сложному - это то, чего не хватает новичкам для понимания. А то несвоевременная информация при самообучении порой взрывает мозг и опускаются руки из-за непонимания что вообще происходит.
Спасибо большое за курс! Все просто, ясно и понятно для самого самого новичка. Многие вещи стали понятны, которые до этого вообще понять не могла, как например методы и тому подобное. Смотрю и учусь с большим наслаждением. Спасибо вам за ваш огромный и очень полезный труд. Искренне и от души желаю развития вашей школе и вашему каналу.
спасибо огромное узнал очень много вещей в JS удачи в развитии канала! лайк + подписка + коммент)
Спасибо, обнял💙
*Потрясающее объяснение. Посмотрел 40 минут, чувствую себя почти программистом. Такому тупоголовому как я, как раз подходит такой метод. Посмотрю все ваши видео. Очень надеюсь, что будут еще подобные видео с простым донесением инфы. Спасибо вам!*
Хороший урок друг. Благодарю .
Спасибо вам за курс!
Здравствуйте. Ваши видео отличаются от других, количество практических примеров просто огромное количество. Верю в то что, Вы выйдите в топ. На других видео тоже есть практические примеры, чего не скажешь о других каналах. Продолжайте пожалуйста в таком формате и количество подписчиков вырастет, что касается меня с меня подписка и лайк.
Урок класс. То что нужно особенно если знаешь уже какой-то язык и хочешь понять нюансы JS.
1000 лайков вот это реально автор учит и практические знания спасибо вам!!!!
понятно и доступно обьясняете, спасибо
Ещё до конца не досмотрел , но скажу уже что видео топ 🔥Отличная подача и объяснение , хорошо структурирована информация )) Лично мне заходит в тысячу раз лучше, чем книга «JS для детей»
Было полезно! Спасибо
Спасибо. После этих почти 7 часов у меня в голове хоть немного, но сложилась картина происходящего
От души спасибо!!!
спасибо за курс!
Спасибо больше за данное видео. Я пока посмотрел 4 часа, но наконец я понял. Смотрел другие видео где все просто объясняют циклы, функции и т.д.(не говорю что плохо, очень даже хорошо.) Но в этом видео большое внимание уделили практики и я наконец понимаю на живых примерах для чего все это нужно учить. Понимаю для чего циклы, понимаю для чего функции. Теперь та же теория учится легче, хочется знать как это применить ещё. Спасибо автору за старание!
@user-vc2kj3tk8c
Жыл бұрын
Полностью согласен. Автор просто за сутки , не поленился и рассказал всё то, что нужно знать новичкам, а остальному сами научимся. Очень информативно! Спасибо за ролик
@Vitalij99
Жыл бұрын
Видео где одна лишь теория - это справочная информация
@user-ng4ou5mb5w
Жыл бұрын
@@Vitalij99 А в названии видео написано Javascript практика?
Осталось еще два часа урока, но уже сейчас хочу выразить благодарность за такую проделанную работу, я пересматриваю по два раза каждый урок и потом еще на след день закрепляю знания, и очень даже результат заметен, гораздо важнее понимать принцип работы - здесь в этом полный достаток. Просто, понятно, доступно, плюс приятный уху тембр и интонация в бонус)) Однозначно буду советовать новичкам именно это ВИДЕО, да и сам еще не раз буду его закреплять, пока полное понимание не придет.🤗🤗🤗💥💥💥💥
@djpipidaster8786
Жыл бұрын
это нужно учить чтоби патом xss делать и тупа сайты ломать а потом и корпоративные сети а потом бабки от туда варавать тупа даб даб да я
@akzatar_2286
Жыл бұрын
привет как успехи?
Спасибо! Как всегда хорошее изложение материала :)
Красавчик ,всё красиво объясняет и доступно.
Объясняете как надо, спасибо за трудность
очень вам благодарен, спасибо вам)
я даже начала что-то понимать в ЖС. Спасибо вам, вы умеете объяснять.