Переменные в JAVASCRIPT. Константы. Ключевые слова LET CONST VAR. Уроки JAVASCRIPT с нуля 2020
Что же такое переменные? В JAVASCRIPT переменные - это такой себе контейнер, коробка которая используются для хранения значения, некой информации для дальнейшего использования её в коде. Первым делом нам нужно объявить переменную, то есть создать нашу коробку. Для этого используется ключевое слово LET. Для лучшей читабельности JavaScript кода имя переменной должно соответствовать содержимому, то есть сразу говорить нам и другим программистам о том, что содержит эта переменная. Константа - это та же переменная но которую нельзя изменить. Ну почти :) Для объявления константы используется ключевое слово CONST что является сокращением от слова constant которое можно перевести как «постоянный». Чтобы объявить переменную в JavaScript можно использовать ключевое слово VAR. Мало того, это был единственный способ объявления переменной до появления let и CONST с выходом EcmaScript 2015.
👉Файлы урока: fls.guru/files/tutorials/js/j...
👉Список зарезервированных имен: fls.guru/js-reservedkeywords.html
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
Содержание:
00:00 - Вступление
00:10 - Что такое переменная в JavaScript
00:47 - Объявление переменных let
01:06 - Имена переменных в JavaScript
03:03 - Присвоение значений переменным
04:26 - Объявление нескольких переменных
05:17 - Смена значения переменных
06:10 - Режим use strict и переменные
06:48 - Область видимости переменных
08:12 - Константы (const) в JavaScript.
10:31 - Объявление переменных var
12:11 - Совет по применению переменных
12:58 - Домашка
13:33 - Заключение
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©
Пікірлер: 839
🤟 Кто не смотрит тот Киркоров :) 🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle 🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat) 🔴 Facebook: facebook.com/freelancerlifestyle 🔴 Instagram: instagram.com/freelancer.lifestyle
@MrReflection540
3 жыл бұрын
Здравствуйте. Очень хотелось бы раскрыть тему верстки писем
@recon_4735
3 жыл бұрын
Привет, что думаешь о learn.javascript.ru
@deniskotov
3 жыл бұрын
Спасибо за уроки, Жень. А есть возможность запилить ролик по добавлению карт на сайт? Карт Гугл, Яндекс разными способами с плюсами и минусами? Сутки пытаюсь добавить карту Гугл с помощью апи, но не получается, не могу понять причину. Не запилишь ролик? Дело ведь достаточно частое.
@konstantino7016
3 жыл бұрын
не хочу быть Киркоровым))) но смотрю в первую очередь потому что интересно и хочется скорее JS освоить
@_easy_movie
2 жыл бұрын
@@konstantino7016 получилось?)
Если кто-то хоть немного занимался блогингом, сразу поймет что автор канала очень сильно старается, что вызывает огромное уважение!
@user-yr3wh8ef2k
2 жыл бұрын
Я бы добавила, что у него реально круто получается.
@evkor
2 жыл бұрын
Подача нравится,без агрессии
@user-ng2di2rk6g
Жыл бұрын
даже без занятий блогингом видно что старается
@chudotech
Жыл бұрын
@@user-ng2di2rk6g вот-вот :)
@ferryterry1873
Жыл бұрын
@@chudotech Я паралельно прохожу курсы , уже специализированные , и понимаю , что Евгений - лучший :D
Пришёл не по колокольчику, а по зову сердца 💕
@user-nb8ex1tq6r
3 жыл бұрын
Как мило :)
@poecsta1372
3 жыл бұрын
наитие
@FreelancerLifeStyle
3 жыл бұрын
Спасибо!
Такие знания дают далеко не все платные курсы. А здесь, всё по полочкам, и каждое слово - золото, ничего лишнего. Спасибо, Женя, +1 тебе в карму за старания)
@kirillperov3843
3 жыл бұрын
А за платный курс Евгений сделает из вас Junior JS разработчика.
Сколько же я до этого смотрел подобных видео или автор запинается и не хочет пытаться даже переснять а снимает всё разом или в коде раз по тридцать ошибку допустит и потом сидит ищет или заваливали терминологией, показав "Вот это значит вот это" после чего как поезд, просто гнали дальше, не давая понятных примеров на чём то обыденном, для более простого понимания, а иногда просто зачитывают с learn JS, но упуская кучу информации. В итоге, я и начал год назад учить данный язык с сайта, но будь в то время подобные видео, я уверен, мне было бы куда проще и учился бы быстрее. Но теперь, те кто хотят так же выучить данный язык, они смогут найти отличные видео и сэкономить кучу времени, а такая помощь заслуживает и лайка и комментария и поддержки. Буду и дальше смотреть и освежать память, возможно в будущем подмечу новые упущенные тонкости.
@FreelancerLifeStyle
3 жыл бұрын
Я рад что нравится
@user-in1en4sl9y
3 жыл бұрын
@@FreelancerLifeStyle Подача хорошая, именно так и надо! Советую заострить внимание в дальнейшем на вывод инфы в html элементы сразу, а не только console.log() , или alert(). У многих начинающих с этим проблемы
@peiiiajikuh
3 жыл бұрын
Если есть желание учиться, то выучить JS можно очень легко. Можно же просто решать задачки по js и не париться, чем больше пракитики, тем больше знаний. Вот мне дали задачу и не говорят, что и где читать, приходиться самому рыть в интернете, от этого и знаний больше. Все жаждут курсов, что их кто-то обучит, всем лишь бы поныть.
@user-up1zb8lx8x
3 жыл бұрын
@@angelika_vladimirskaya а можно рассказать почему? А то скачал их курс по js и и собираюсь по ним учить.
пока учил js забыл html и css :)
@user-ef8to2si8k
3 жыл бұрын
Пока учил js забыл html и css , решил повторить - забыл js
@soulor6235
2 жыл бұрын
@@user-ef8to2si8k Решил повторить - забыл js, принял решение на время отдохнуть от обучения - забыл всё
@pitbrest
2 жыл бұрын
@@user-ef8to2si8k я тоже основы js уже проходил, потом вернулся к HTML + CSS и JS остался в общих чертах)) . Правда есть надежда что JS на этом канале зайдет лучше.
@user-ef8to2si8k
2 жыл бұрын
@@pitbrest не зайдёт , я просмотрел 3х человек показывающих как работает js и не понял ничего , не понял для чего массивы , циклы, функции, сейчас нашёл отличного преподавателя на ютюбе и уже спустя 2 недели изучаю двумерные массивы, функции и циклы как семечки щелкаю .
@ganjackal
2 жыл бұрын
@@user-ef8to2si8k приветик что за канал ? заранее спс!
1. const userEyeColor 2. let user let userName userName = 'Вася' user = userName console.log(user) 3. Вариант 1 - неверно (либо перенести вторую переменную на другую строку, либо поставить ; ) Вариант 2 - неверно (myage нужно писать по camelCase - myAge) Вариант 3 - неверно (значение переменной заранее неизвестно, значит имя пишем по camelCase - blockSize) Вариант 4 - верно (значение переменной заранее известно) Вариант 5 - верно (переменная var видна за пределами данного блока)
@xrumstik
Жыл бұрын
в целом во втором варианте нет ошибки, строка сработает. Просто не комильфо. а в третьем объявляется не переменная, а константа с присвоением значения, так что она тоже верная.
"Эх, если бы реальный возраст можно было изменить так же легко" не грусти братан! по мне ты очень много делаешь для других, учишь новому, хотел бы я тоже прожить достойно и оставить что-то после себя как ты. спасибо тебе за уроки, хожу на курсы Js, и параллельно смотрю твои уроки
@Paradox_Filantropa
2 жыл бұрын
+
Учусь на фронтенд разработчика, как нашёл Ваши видео и посмотрел, аж слеза проступила, на сколько Вы хорошо подаёте информацию. Желаю Вам огромных успехов в развитии канала👍👍👍👍👍
@daniilkononchuk8837
Жыл бұрын
не плачь
Каждое слово на карандаш! Конспектирую, записываю, впитываю знания! Спасибо вам Евгений за колоссальный труд и умение всё преподносить как на блюдечке. Прохожу сейчас курсы IT, некоторые лекции совсем не понимаю, захожу к Вам на канал, включаю ролик по этой теме, смотрю, записываю, и словно ПРОЗРЕВАЮ! Не хватает эмоций и слов чтобы выразить Вам благодарность! Всех благ, успехов и процветания вам и вашей семье!
Рекомендация для всех, кто только начал изучать JS. Не нужно пытаться выучить идеально всю теорию, которую Евгений даёт в первых видео о переменных, ветвлениях, циклах и тд. Нужно понять лишь базовые понятия, о которых идёт речь в уроках и переходить к практике(последнее видео в плейлисте о JS- манипуляции с DOM-деревом. Я сам не так давно просмотрел все видео по списку их этого плейлиста и пытался учить по порядку сухую теорию. На практике всё учится гораздо быстрее и интереснее!!
@Mikhail.tortik001
Жыл бұрын
@@jamesbond8008 😂😂😂😂😂 можно вешатьсч
@Mikhail.tortik001
Жыл бұрын
@@jamesbond8008 да, с ним проблем уже нет) Учу экосистему react и nodeJS
@valeramakarov5359
Жыл бұрын
Подскажите где взять практику?
@Mikhail.tortik001
Жыл бұрын
@@valeramakarov5359 находи задачки в интернете. Смотри видосы на ютубе и сначала просто повторяй за преподом, а потом пытайся сам тоже самое писать, только по памяти
@valeramakarov5359
Жыл бұрын
Super!
Талант обучать от бога. Очень легко и понятно, кайф!
Вот за что я люблю твои уроки: понятно, весело и конспектировать не нужно. Уже и конспект есть, спасибо!
@FreelancerLifeStyle
3 жыл бұрын
Я рад!)
Я реально ОЧЕНЬ удивлен вашему уровню стараний. Я смотрел курсы по JS но там надо было что-то непонятное гуглить самому, а вы все подробно объясняете, за что вам ГИГАНТСКОЕ спасибо
Ваши видео-уроки очень информативны и понятны, это такая редкость! Спасибо!!!
))) Как всегда подача настолько доступна, что мой 5-ти летний ребенок стал рядом и посмотрел видео почти до конца ))
@FreelancerLifeStyle
3 жыл бұрын
Я рад!)
Это лучшие уроки по JavaScript из всех, что я смотрела. Спасибо!
Огромный респект и уважение! Очень качественная, емкая, а главное усвояемая подача матерьяла. Спасибо!
Лучший образовательный контент по веб разработке в рунете. Сразу видно качество работы человека который любит то что делает. Спасибо
Спасибо за обучение и доброту! // 1 let userEyes = 'blue'; // 2 let userName, user; userName = 'Vasya'; user = userName + ' Detrov'; 'Detrov' это от себя) console.log(`userName: '${userName}'`); console.log(`user: '${user}'`); // 3 // №_1 answer: False - Нельзя объявлять переменную без разделителя ";" в одну строку: let user = "Вася"; let age = 36; или let user = "Вася", age = 36; // №_2 answer: True - let myage = 36; код будет работать, но лучше разделять слова через camelCase(lowerCase), для читабельности кода: let myAge = 36; // №_3 answer: True - const BLOCK_SIZE = 14 + 50; BLOCK_SIZE = 64. Нужно писать const blockSize = 14 + 50; Так как вычисляется, как и переменная. // №_4 answer: True - const BLOCK_HEIGHT = 100; Запись для жёстких значений в коде, объявленных за ранее. // №_5 answer: True - if(true) { var size = 15; } console.log(size); Переменная объявленная через ключевое слово "var" в блоке if, за пределами блока будет видна.
@user-islamkaz
2 жыл бұрын
Почему сверху (где больше лайков) дичь полная, в этом коменте больше развернуто и правильнее хотя и трудно читаемо
Спасибо тебе за твою работу!)) Офигительное качество картинки, материала, залитает на раз!!)Ты крут! Огромнейшое тебе спасибо)
Отличные уроки, все понятно! Просто находка! Спасибо большое!
С коробкой это ты здорово придумал, Женя! прям на пальцах объяснил, очень круто, спасибо тебе!
О май гад, как же это круто, реально всё понятно до мелочей. Автору огромное спасибо)!!!
Доступно,понятно.Спасибо за отличный урок!!!
Пояснюєш просто і докладно. + якийсь позитив) у подачі інформації. Дякую.
Как всегда все продумано до мелочей. Большое спасибо, за интересный урок.
Очень не плохой способ объясняя тему прибавлять прикладной пример, хорошо помогает понять суть. Большое спасибо!
все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье!!!
Спасибо за огромный труд! Очень полезная и качественная информация!
Спасибо, Женя! Ты акцентируешь внимание на мелочах, о которых другие не говорят, но которые могут помочь лучше понять. Смотрим, пишем за тобой дальше...! Спасибо!
@FreelancerLifeStyle
3 жыл бұрын
Пожалуйста! Рад что полезно!
Блиин, просто продолжай это делать !!!! Это шикарно !!!
@FreelancerLifeStyle
3 жыл бұрын
Спасибо!
Отличный препод по вёрстке. Спасибо за уроки!
Великолепная подача информации. Спасибо!
Большое тебе человеческое СПАСИБО за твой труд, лучшее что есть в интернете!
@FreelancerLifeStyle
3 жыл бұрын
Пожалуйста!
var & let только Евгений смог разобрать кратко и лаконично и главное доходчиво. Дзякуй
Коммент в поддержку канала! Уверенно движемся вперед, Жека!
Ещё не досмотрел до конца, а уже леплю тебе лайк за такую простую и понятную подачу!)👍
@FreelancerLifeStyle
3 жыл бұрын
Спасибо!
Монтаж просто пушка, вышка!! Рад за тебя Женя...ну и за себя тоже, ведь есть возможность учить JS у шикарного педагога)))
огромное человеческое спасибо! Ты мой кумир после этих уроков!)
Евгений, Спасибо большое за Ваш труд! Супер доступно и понятно ❤
Спасибо большое за очень крутое видео! Более детального обзора по переменным js не встречал. Код в вашем видео отлично читается даже на экране телефона, за что вам огромное спасибо!
Евгений, спасибо за полезный материал!
Качество, энтузиазм , подход всё всё всё Вышка! Спасибо Жека! GodBlessYou
@FreelancerLifeStyle
3 жыл бұрын
Пожалуйста!
Большое спасибо, очень все понятно разложил по полочкам! Очень полезный канал и видео
Спасибо Женя за доступную инфомацию!!!
Урок пересмотрел, еще один комментарий оставил) Благодарю. Теперь я еще ближе к своей цели!
@FreelancerLifeStyle
3 жыл бұрын
Я рад!
Дякую, чудові уроки та ще й безкоштовні, нереально круто
спасибо большое. часовые уроки смотрел у других блогеров и никак не мог врубиться. просмотрел пару твоих уроков и начал догонять) приподносишь шикарно! уважаю
@FreelancerLifeStyle
3 жыл бұрын
Я рад!
Спасибо!!! С нетерпением жду каждое видео!
@FreelancerLifeStyle
3 жыл бұрын
Пожалуйста!
Ну прям очень круто объясняешь! Посмотрел уже много разных уроков по JS, спать хочется. Тут все по полочкам разложено! Спасибо тебе за твой труд!
@FreelancerLifeStyle
3 жыл бұрын
Пожалуйста!
// 1.eyesColorBox /*2*/ let user; let userName = 'Вася'; user = userName; console.log(user) //3-Варинат 1// Как я долго ждал этот курс. Единственный, кто смог объяснить мне верстку)
Мне интересно, кто все эти люди, которые ставят дизлайк??? Все просто и доступно! Спасибо вам большое! Все супер!
@FreelancerLifeStyle
3 жыл бұрын
Пожалуйста!
@yurizhdanov
2 жыл бұрын
те кто два раза объявляют одну переменную ))
Как обычно супер ясное объяснение темы. Все очень подробно и доходчиво. Сотня тысяч человек ждет продолжения!)
@FreelancerLifeStyle
3 жыл бұрын
спасибо!
Женя,спасибо тебе огромное за твой труд.Мы тебя любим
@FreelancerLifeStyle
3 жыл бұрын
Пожалуйста!
Серия по JS очень вовремя, как раз читаю уже третью книгу из серии YDKJS. Спасибо за отличный контент!
@FreelancerLifeStyle
3 жыл бұрын
Я рад!
ДЯКУЮ за Вашу працю!!! Пройшов html, css і тепер добрався до JS. Усе розкладено по поличках. Супер!
Учился верстке по твоим курсам!) Ну в курс по JS настоящий подарок!Огромное спасибо!)
Несомненно, лучшая подача информации во всем ютубе
@FreelancerLifeStyle
3 жыл бұрын
Спасибо!
спасибо, наконец то разобрался в const , let , var
Жирный лайк за наглядность!!! Жека, ты лучший учитель!
Большое Спасибо, за конспект! Ну, ОЧЕНЬ удобно!
Евгений Вы большой молодец! Так держать!
@FreelancerLifeStyle
3 жыл бұрын
Спасибо!
Недавно начал проходить платный курс по JS и... Женя уже изначально преподает более подробнее и лучше.
@FreelancerLifeStyle
3 жыл бұрын
Супер, я рад!
@McNeelone
3 жыл бұрын
Зачем платные курсы, если источников для обучения куча.
@user-qf3xn8th4w
3 жыл бұрын
@@McNeelone Подскажите, буду рад Вашей помощи
@dimeliora
3 жыл бұрын
@@user-qf3xn8th4w ищи на ютубе канал Владилена Минина. Там, в том числе, есть и база, собранная в пяти(!)часовой видос со всеми подробностями. Таймкоды, конечно же, прилагаются.
@sergei625
3 жыл бұрын
@@McNeelone как зачем, там же, на платных, делают сеньеров из джуниоров)
Спасибо, Евгений, за Ваш труд) ❤️ 🔔
Вроде основы js уже знаю! НО!!! Твои видео смотрю с огромным удовольствием!!!! Спасибо Евгений тебе за труды и о заботе о нас, junior-х😝😁🔥🔥🔥🔥👍👍👍👍
@FreelancerLifeStyle
3 жыл бұрын
Спасибо!
Поставил лайк, за то чтобы об этом канали узнали больше!
не начал смотреть видос, лайк по умолчаню) Добро возвратил, можно смотреть видос)))
Для мене це найкращий курс по JS, який я знайшов на ютубі. Євген, ти крутий🤘
Неверный вариант №1 и №3. Очень интересно! Спасибо за обучение!!! =)
Спасибо большое! Самый понятный курс по Js. Рекомендую!
@FreelancerLifeStyle
3 жыл бұрын
Пожалуйста! Я рад!
Замечательные уроки! Доступные для новичков. Лучший курс на ютубе!
Традиционно комент в поддержку канала, огромное спасибо тебе за проделанную работу!
@FreelancerLifeStyle
3 жыл бұрын
Спасибо!
Очень доступно! и без воды!
Здорово! Интенсивность уроков по JS не может не радовать - так держать!)))
@FreelancerLifeStyle
3 жыл бұрын
Стараюсь!
Спасибо, Евгений! Очень понятно и интересно
Отличный канал! Все достаточно понятно и ёмко! И самое главное вовремя :) Неделю назад начал изучать js :D
Под каджым видео автора столько коментариев с похвалой и благодарностями, что у меня ни разу не получилось доскролить их до конца и все перечитать!)))) Напишу еще и свой: огромнейшее спасибо!!!!!! В Ваших видео прекрасно ВСЕ!))) Благодарим за старания!!
Жека, как всегда красавчик: и материал, и мотивацию преподаёт
@FreelancerLifeStyle
3 жыл бұрын
Я рад!
дякую за такі круті пояснення 🙏🙏🙏
Отличный урок. Качество видео, звука и монтажа уже на высоком уровне! Ну и как всегда все очень доступно объясняешь!) Спасибо. ☺️
@FreelancerLifeStyle
3 жыл бұрын
Я рад что нравится!
Красава, просто кросс, у меня нет слов, видео шикарное!
Круто-круто! Я сейчас в отпуске и голову ничем не забиваю, кроме развлечений ) А новый урок по JS уже два раза посмотрел )) Женя, спасибо! )
@FreelancerLifeStyle
3 жыл бұрын
Пожалуйста!
Я в восторге! Спасибо огромное за доступную информацию! Работа для видео проделана колоссальная - это видно! Блог очень полезный! Не перестаю восхищаться Вами!!
Бомба, пушка, ракета. Фоссо!
За старания и доброе лицо лайк) Спасибо большое за урок let beHappy
Данный курс просто подарок для интересующихся! Я практически научился вёрстке по курсам Жеки и параллельно теперь учусь JS. Жека спасибо за твои труды, они по-любому будут вознаграждены!!!
@FreelancerLifeStyle
3 жыл бұрын
Я рад!
Спасибо за Ваши интересные и познавательные видео)))
Супер! Спасибо за легкую подачу и инфо в файлах к урокам, ваш канал дал мне надежду, что не так все плохо с моим декретным мозгом, если не с первого, то со второго раза становится все понятно! Успехов!)))
@FreelancerLifeStyle
3 жыл бұрын
Я рад!
Лучшая подача информации, спасибо !
@FreelancerLifeStyle
3 жыл бұрын
Пожалуйста!
Спасибо огромное. У Вас талант учить людей. Очень доступно и понятно для новичков. Радует, что объясняете все мелочи, которые очень понятны опытным, но в ступор вводят новичков. Подача, видео - всё супер. С Вами обучение в удовольствие. Здоровья Вам , долгих лет счастливой жизни и вдохновения для создания прекрасных новых уроков)))))
@FreelancerLifeStyle
3 жыл бұрын
Спасибо! Я рад!
Гарно ведеш уроки, мені до вподоби!
Всё получилось. Мне очень нравится ваш канал, большое спасибо.
Одним словом - МАСТЕР !
Спасибо тебе ! Очень рад новому видео ! Мои знание в JS начиная функций покрашились ... очень надеюсь что после твоих видео смогу знать все это и буду стучать на собеседование !) Кстати, волосы в другую сторону очень идут ! Дальше больше учитель ! Не знаю почему, но именно от тебя информация усваивается очень хорошо !
@FreelancerLifeStyle
3 жыл бұрын
Я рад что нравится!
Вот знаете по моему Женя эта единственный ютубер который не пиздит когда говорит : ''Я ЧИТАЮ ВСЕ ВАШИ КОММЕНТАРИИ'' , сколько его видео смотрю в коментах все пролайканные .
@FreelancerLifeStyle
3 жыл бұрын
Да, читаю)
@kerim5568
3 жыл бұрын
Оно и видно
Да это просто чудо что одновременно после окончания раздела basic html/css приступив к разделу js на курсах за которые плачу несколько тысяч уе ,начали выходить ролики у вас на канале ! Скажу вам что никто не смог объяснить о флексах лучше чем вы ) надеюсь так же будет с js ! Желаю вам здоровья и успехов на канале ) Круто что вы есть
@FreelancerLifeStyle
3 жыл бұрын
Постараюсь!
Лучшые уроки по JavaScript во всем мире!Продолжай пожалуста!)
@FreelancerLifeStyle
3 жыл бұрын
Продолжаю!
Найкращій❤️🔥
Великолепная съёмка для общения с пользователями, приятный задний вид не мозолящий глаза. Спасибо за информативное и качественное видео. Вы самый позитивный IT-блогер которого я видел на ютубе. Лайк за ваши старания!
@FreelancerLifeStyle
3 жыл бұрын
Пожалуйста! Я рад что нравится!
@MrTruth-ri5sb
3 жыл бұрын
@@FreelancerLifeStyle там наверное у вас уютно и комфортно просто по фону видно