Уроки JavaScript для начинающих / #2 - Основные моменты при работе с JavaScript

Поделиться
HTML-код
  • Опубликовано: 9 июн 2024
  • Прежде чем приступить к разработке программ на JavaScript необходимо изучить некоторые основные моменты. В ходе урока мы познакомимся со специальными тегами «noscript» и «script», а также на практике рассмотрим пример применения языка JS.
    ✅ Полезные ссылки:
    Урок на сайте itProger: itproger.com/course/javascript/2
    ⏰ Тайм коды:
    00:00 - Начало
    00:18 - Возможности JavaScript
    03:25 - Пример кода на JS
    04:33 - Тег «noscript»
    06:20 - Тег для подключения JS
    10:25 - Комментарии в JavaScript
    11:50 - Заключительная часть
    ✔ Сообщество программистов: itproger.com/
    ✔ -------------
    Вступай в группу Вк - prog_life 🚀
    Группа FaceBook - goo.gl/XW0aaP
    Инстаграм itProger: / itproger_official
    Instagram: / gosha_dudar
    Telegram: t.me/itProger_official
    Twitter - / goshadudar
    - Уроки от #itProger 👨🏼‍💻
    - Все уроки по хештегу #itprogerLessons

Комментарии • 116

  • @hakeeeem
    @hakeeeem 2 года назад +45

    Ох чел дай бог теье здоровья
    Ля нигде не объясняют как на практике это все работает и я не понимаю, зачем я его учу
    Ты сходу это сказал, огромное увожение!

  • @alimniyazov5248
    @alimniyazov5248 3 года назад +80

    Удобно что видео выходят каждый день,успеваешь понять тему и отдохнуть

    • @maximdnepr1
      @maximdnepr1 2 года назад +4

      я сомневаюсь что кто-то физически может снимать видео хорошые уроки больше чем 1 раз за день

  • @user-kk3rk9np8l
    @user-kk3rk9np8l Год назад +5

    Лучший ввод в начало обучения, много уроков пересмотрел.

  • @ananasikakotik
    @ananasikakotik 20 дней назад +1

    Спасибо за крутой ролик!❤

  • @danilbadretdinov2787
    @danilbadretdinov2787 3 года назад +14

    Спасибо за ваш труд!

  • @EliseiFox
    @EliseiFox 3 месяца назад

    Отличный урок! Благодарю за подробное объяснение основ JavaScript и использование практических примеров. Очень помогает понять, как работает язык в реальных проектах. С нетерпением жду следующих уроков!

  • @Burovasofia
    @Burovasofia Год назад +7

    спасибо за урок! Начинаю с Вами изучать JS

  • @speedsongs1082
    @speedsongs1082 3 года назад +17

    ты круто объясняешь ! спасибо

  • @alhamdulillah_musulman89
    @alhamdulillah_musulman89 9 месяцев назад +18

    Как же все понятно обьясняете ❤
    "Без воды" 🤝

  • @mr_slame
    @mr_slame Год назад +1

    Отличное повествование, лайк

  • @skolotoi4588
    @skolotoi4588 2 года назад +2

    будем делать! спасибо!

  • @supraonelove_
    @supraonelove_ Год назад +2

    Молодец спасибо тебе большое было полезно ✊👍 удачи❤

  • @zolrux9065
    @zolrux9065 3 года назад +5

    спасибо большое 🙏

  • @ivr3835
    @ivr3835 Год назад

    Спасибо за урок!

  • @gagikpetrosyan4951
    @gagikpetrosyan4951 2 года назад

    Спасибо вам !!!Бог с вами

  • @mirjakhonkobilov6829
    @mirjakhonkobilov6829 3 года назад +2

    спасибо большое вам :-)

  • @zxs_DEADinside
    @zxs_DEADinside 6 месяцев назад +2

    спс вам за урок

  • @user-gs4ec4it5l
    @user-gs4ec4it5l 3 года назад +1

    Спасибо бро!

  • @user-gs7np2rf4i
    @user-gs7np2rf4i 2 года назад

    Спасибо!

  • @user-np7jz5jm9v
    @user-np7jz5jm9v 2 года назад +2

    Спасибо

  • @TheTrans773
    @TheTrans773 3 года назад +1

    Дякую за відео урок

  • @user-cj3vb2ix9j
    @user-cj3vb2ix9j 6 месяцев назад

    Спасибо!!!

  • @user-ej7oo5xd3p
    @user-ej7oo5xd3p Год назад

    Супер

  • @_k_aras_u_
    @_k_aras_u_ 3 года назад +5

    Как раз сессии закончатся, будет штук 10 уроков по js)

  • @anastasiafliostor5797
    @anastasiafliostor5797 Месяц назад

    best of the best!

  • @dmitriystr
    @dmitriystr 3 года назад +2

    Спасибо Гоша дударь за новый урок

  • @realmadrid-ji9bd
    @realmadrid-ji9bd 3 года назад +4

    Спасибо вам

  • @beardedman721
    @beardedman721 Год назад +8

    Ммм.. так вот почему, на некоторых сайтах такая долгая загрузка 🤔🤔 Спасибо, на один вопрос у меня стало меньше 😄 И вообще за видео спасибо, хорошо объясняешь 👍🏻👍🏻

    • @user-gx4cy9tp5v
      @user-gx4cy9tp5v Год назад +3

      ну, вариант 1й - потому что рукожопы делают.
      вариант 2-й - медленная скорость Интернета не успевает за медийным содержимом сайта. Сейчас сайты очень объемистые, там много мультимедиа объектов.

    • @user-gv4wy5kt9y
      @user-gv4wy5kt9y 3 месяца назад

      1 вариант чаще всего@@user-gx4cy9tp5v

  • @user-ri5qf3g3
    @user-ri5qf3g3 2 года назад

    спасибооо

  • @Working-wh1bx
    @Working-wh1bx 11 месяцев назад +3

    Как зайти в браузер, как у вас, чтобы видеть что ты написал
    Например ты написал console.log("Hello, Worlds") , а как дальше результат посмотреть (в браузере)? Скажите пожалуйста! Заранее спасибо!

    • @airinn4398
      @airinn4398 6 месяцев назад +2

      F12, открывается консоль

  • @onenotableoddball8335
    @onenotableoddball8335 2 года назад +5

    Не могу понять как открыть в google страницу index.html где будет виден код 4:28

    • @PriveoOtShirnogo
      @PriveoOtShirnogo Год назад

      Открой html файл

    • @hayge6763
      @hayge6763 Год назад

      @@PriveoOtShirnogo и в чем прикол де его открыть

    • @PriveoOtShirnogo
      @PriveoOtShirnogo Год назад

      Компилятор создаёт файл его и надо найти и запустить, а если компилятор онлайновый в браузере то нужно нажать кнопку скачивания файла и запустить по завершению.

  • @nuconteaza3027
    @nuconteaza3027 Год назад +2

    Когда браузер заходит на вашу страницу XD 😄👍

  • @grimgomcyrus2160
    @grimgomcyrus2160 2 года назад +5

    Как проверить код с помощью сайта? Просто я не понял, как ты создал сайт и подключил к ему код

    • @igorzonenko8925
      @igorzonenko8925 2 года назад +5

      Никак код не подключается к сайту. Сайт и есть код. Он открыл просто локальный файл и все изменения кода ведут к изменениям этого локального файла. Код проверяется либо в редакторе (где ты пишешь его) либо в консоли разработчика. Консоль покажет не только елементы, но и предупреждения, ошибки, если они есть.

    • @krenk2235
      @krenk2235 Год назад

      @@igorzonenko8925 благодарю

  • @elgamer4986
    @elgamer4986 2 года назад

    Топ

  • @andrei6283
    @andrei6283 2 года назад +1

    Не понял как открыть файл в google подскажите пж

  • @Muhdi680
    @Muhdi680 2 года назад

    как поставить одно запятую на верху?

  • @shizekX
    @shizekX Год назад

    что если при скачке плагина ошибка?

  • @dmitry_beresten
    @dmitry_beresten Год назад +3

    Цікавий урок! Дякую. Вивчаю веб-розробку.

  • @R_VIDEOS09
    @R_VIDEOS09 Год назад +2

    У меня вопрос, можно ли использовать JavaScript для создании игр. Скажу честно я ничего не знаю про программирования. Я ходил на курсы, но всего месяц я хорошо учился но не успел все прикрепить к мозгу, и все забыл

    • @dimanich_228
      @dimanich_228 Год назад +1

      Полноценную игру нельзя, этот язык для вёрстки сайтов в связке с HTML и CSS. ну какую нибудь игру по типу Гугл Динозаврика - наверное можно

    • @Fernando-qe4jv
      @Fernando-qe4jv Год назад +1

      Можно есть фреймворк react, react native библиотека позволяет создавать игры и веб приложения. Но игра будет исключительно в браузере

  • @user-vi6yx2rv3o
    @user-vi6yx2rv3o 9 месяцев назад

    а как на макбуке открыть файл в браузере ?? Просто ничего не получается 😢

  • @Ethanolethane
    @Ethanolethane 2 года назад

    А сайт индекс не работает . Почему то нет доступа. Но спасибо.

  • @igorivanov783
    @igorivanov783 2 года назад +1

    а что за плагин который подсвечивает текст как у него?

    • @MondyKun
      @MondyKun Год назад +1

      emmet. Я пользуюсь sublime text, там этот плагин все упрощает. Плюс редактор сам подстраивает разметку под используемый язык

  • @xeither289
    @xeither289 2 года назад

    ☦❤☦🙏❤

  • @AleksyGorsky
    @AleksyGorsky Год назад

    w head -
    не, слышал)

  • @user-tv9nb4by4n
    @user-tv9nb4by4n 3 года назад +6

    7:38 Да ну... Правда что ли?? Разницы нет?? Автор, срочно нужен мастер-класс))
    Прописываем в теге body новый элемент. Пусть это будет пустой div с id="one". Попробуйте-ка к нему обратится из скрипта, расположенного в теге head и например, поменять значение свойства innerHTML с пустой строки на что-нибудь другое...
    Получилось? Я думаю, что нет ;)) Вот поэтому - теги script и прописывают перед закрывающим тегом body...
    08:10 - как ваш браузер (клиентская часть) может зайти на мою страничку (она у меня на сервере хранится)?))

    • @itproger
      @itproger  3 года назад

      Не важно где размещен код, ведь можно указать его использование лишь после полной подгрузки страницы. Тот же метод onload вызовет функцию лишь после полной загрузки.

    • @user-tv9nb4by4n
      @user-tv9nb4by4n 3 года назад +3

      @@itproger ваш ответ и указывает на ВАЖНОСТЬ и особенности того, где именно код JS размещен!)) Я и Вы знаете как справиться с той задачей, которую я описал выше - нужно добавить немного кода (лишняя работа). Но! У вас же курс для начинающих! И какой-нибудь ученик будет долго ломать голову, почему же он не может обратиться к элементу, созданному в body - из скрипта, находящегося в head! И будет вспоминать ваши слова о том, что разницы - нет! А разница есть! Адекватный программист будет все скрипты пихать к закрывающему тегу body и ОБЯЗАТЕЛЬНО скажет об этом ученикам. А лучше даже укажет, что это единственно верный способ на начальном этапе. Пока новички не разберутся, что к чему и как все работает...

    • @user-tv9nb4by4n
      @user-tv9nb4by4n 3 года назад +5

      Ок. Еще один наглядный пример - ваш следующий урок №3 "Вывод информации. Работа с консолью". Там вы выводите текст строчкой: document.write("Some text"); которая находится внутри тегов script. Кидаем этот скрипт (из урока №3) сразу же после открывающего тега head (вы говорите, что разницы нет, где скрипт прописать - 7:28 данного урока), открываем консоль в Хроме, заходим на вкладку Elements, смотрим структуру документа и... Уууупс!!! Что-то пошло не так... Потом вырезаем этот скрипт без изменений и кидаем его к закрывающему тегу body и окончательно и бесповоротно убеждаемся, что очень важное значение имеет место, где именно расположен скрипт!

    • @MondyKun
      @MondyKun Год назад +1

      @@user-tv9nb4by4n чел, я вот сижу, учу, не думаю, что я захочу писать скрипт в начале или в head. Мне манера поприятнее. Надушил тут если честно, хотя объяснение было полезное

  • @user-qr5up3cb6b
    @user-qr5up3cb6b 5 месяцев назад

    можно пожалуйста уроки BOOtstrap

  • @tamp1ee975
    @tamp1ee975 3 года назад +1

    что если скрипт не могу прописать

  • @KapitanDi
    @KapitanDi 5 месяцев назад

    ...хм..а у меня "Comment" виден на странице в браузере...

  • @maximd7128
    @maximd7128 3 года назад

    Как запустить код в редакторе Atom?

    • @infuse8812
      @infuse8812 3 года назад

      скачай другой :D

    • @user-ck5oj5rf7d
      @user-ck5oj5rf7d 3 года назад +2

      Это редактор же, а не среда разработки)

  • @dabik-io1dw
    @dabik-io1dw Год назад

    что это за серый текст , который иногда остаётся?

    • @MondyKun
      @MondyKun Год назад +1

      Может имеешь ввиду комментарии?

  • @biscuitjerry8043
    @biscuitjerry8043 9 месяцев назад

    Сайт не работает!!!!

  • @Denis_SLDE
    @Denis_SLDE Год назад +23

    как вы открыли html в браузере?

    • @krenk2235
      @krenk2235 Год назад

      У меня такой же вопрос

    • @krenk2235
      @krenk2235 11 месяцев назад

      @@textpistelsблагодарю

    • @krokobab
      @krokobab 11 месяцев назад +10

      Дабл клик лкм по html файлу 💀💀💀

    • @IvBeh_ivbeh
      @IvBeh_ivbeh 10 месяцев назад +2

      Можно и на телефоне его открыть, принцип тот же самый

    • @sanyaborsch5791
      @sanyaborsch5791 9 месяцев назад +2

      Любой файл с расширением html открывается в основном браузере ПК

  • @errortv5000
    @errortv5000 10 месяцев назад

    Урок верстала

  • @akill9619
    @akill9619 Год назад

    а если... прописать script в noscript ?

    • @SAMANUELb
      @SAMANUELb 10 месяцев назад +2

      вселенная схлопнется

  • @AlexSangvin
    @AlexSangvin 5 месяцев назад

    не ищет emmet

  • @optimax7357
    @optimax7357 3 года назад

    дз есть?

  • @user-kj9rl1oz8o
    @user-kj9rl1oz8o 2 года назад +1

    Мне Emmet не установить. Никакие пакеты не устанавливаются. Винда 7.

    • @user-jw5qg2bd5q
      @user-jw5qg2bd5q 2 года назад

      такая же хрень(

    • @MondyKun
      @MondyKun Год назад

      Скорее всего брэнмауэр блокирует доступ к GIT или к источнику. Либо же в файле HOST нужно порыться

    • @anpbog
      @anpbog Год назад

      он не нужен, если используете атом, то достаточно вводить html и нажать tab или enter) появится нужная разметка, немного отличающаяся от того, что в уроке

  • @user-nn1ht8co4e
    @user-nn1ht8co4e 4 месяца назад

    Я толком не чего не понял с чего начинать именно у меня нет опыта в компьютере вообще и понять но хочу научиться все говорят что это очень сложно у тебя 4-7лет пройдёт на изучение и т д

    • @tragedymMASK
      @tragedymMASK 4 месяца назад

      да не, 7 лет не надо) Вы имейте ввиду опыт в программировании или использовании компьютера

  • @den4ik-1995
    @den4ik-1995 2 года назад

    +++(30.08.22)

  • @BlackWolf-iz6tt
    @BlackWolf-iz6tt Год назад +1

    На ваших уроках по джава с самого начала что-то понимал, а тут пока что ничего не понятно 😂 у всех так или у меня одного?

    • @user-mm8ow7to8c
      @user-mm8ow7to8c Год назад +2

      Поймешь после изучения верстки:html, css

    • @Colacode
      @Colacode Год назад +1

      Во-первых короче во-первых нужно знать CSS и HTML и ты должен просто это слушать А ты должен применять на практике раза два-три

  • @ximik1590
    @ximik1590 Год назад +2

    Хорошо конечно что объясняешь всё подробно, но это так нудно и долго) А так информативное видео)

    • @Virusnik
      @Virusnik Год назад +1

      Ты бы его старые видео видел бы) Сейчас он снимает намного лучше

    • @user-ws6he8vd7l
      @user-ws6he8vd7l Год назад +1

      @@Virusnik много водички сейчас) как было раньше не представляю, я еще зеленый в этой сфере, только-только наткнулся на парня

    • @Virusnik
      @Virusnik Год назад

      @@user-ws6he8vd7l круто, я тоже не очень то и развит в этой сфере, лишь немного пишу код на php.

    • @RunBull
      @RunBull Год назад

      @@user-ws6he8vd7l ты не видел другие курсы, там около часа могут объяснять как объявлять переменные

  • @malkhalk8837
    @malkhalk8837 3 года назад

    Смотрите видео что вы начинаете комменты писать..

  • @user-fk8ce8jb4q
    @user-fk8ce8jb4q Год назад +1

    Вот после 7 минуты начинается неимоверная ересь. Говорится что где угодно можно прописать тэг, но якобы он пишется в конце по причине того,что так принято. НЕТ! Так непринято, так нужно. Потому-что если его указать в начале, а дальше какую-то кодировку делать после него, то код просто на просто, не сработает.

    • @MondyKun
      @MondyKun Год назад

      Ясень пень, что так нужно. Но автор говорит, что имеется возможность подключить script в любом месте. Плюс скрипт можно много раз прописывать. Кто-то захочет писать скрипт везде, для каждого момента отдельно, а кто-то поступит из манер и подключит весь скрипт после всего HTML кода

  • @TheArtsakhKing
    @TheArtsakhKing 3 года назад

    Очень похож на C#

    • @itproger
      @itproger  3 года назад +2

      Все языки друг на друга похожи)

  • @xeither289
    @xeither289 2 года назад +1

    ИИСУС ХРИСТОС ЕСТЬ МЕССИЯ И ОН ВОСКРЕС

  • @user-cb8nd7yk5u
    @user-cb8nd7yk5u Год назад

    ничего не понял. мог бы на практике что то сделать, чем проста говорить

  • @xeither289
    @xeither289 2 года назад

    БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ

  • @firedub3545
    @firedub3545 6 месяцев назад

    к чему тут джс, если ты html учишь...

  • @svetlanavygovskaya1600
    @svetlanavygovskaya1600 Год назад +1

    Я вот, наверное, умру пока буду учить JS по вашим урокам. Неужели нельзя выучить правильное произношение английских слов, которые вы используете в уроках? Я пишу не со злостью, а с просьбой. HTML произносится последняя буква, как Эль. Эйч Ти Эмель. Если вы выучили JS, так и английский же можно выучить.

    • @user-gv4wy5kt9y
      @user-gv4wy5kt9y Год назад +4

      ну найди того кто будет хтмл произносить как тебе нравится и смотри там

    • @MondyKun
      @MondyKun Год назад

      хытымыэл. Я не хочу ломать язык от правильного, тем более когда нужно много инфы сказать, а ты 5 минут выговариваешь. ЭЙЧ ТИ ЭМ ЭЛЬ.

    • @kanjoninja1407
      @kanjoninja1407 Год назад

      Питон)

    • @YuriyYarish
      @YuriyYarish Год назад

      В Вашем случае изучение JS будет более продуктивным в движении по причине переадресации .
      Эль ей видите ли мешает 😞

  • @Kristina-zn3co
    @Kristina-zn3co 2 года назад

    Спасибо

  • @user-rb5hu9sz5y
    @user-rb5hu9sz5y 3 месяца назад

    Спасибо