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

Прежде чем приступить к разработке программ на 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

[@hakeeeem]

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

[@user-kk3rk9np8l]

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

[@danilbadretdinov2787]

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

[@EliseiFox]

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

[@Burovasofia]

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

[@alimniyazov5248]

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

[@maximdnepr1]

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

[@speedsongs1082]

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

[@alhamdulillah_musulman89]

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

[@skolotoi4588]

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

[@mr_slame]

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

[@gagikpetrosyan4951]

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

[@zolrux9065]

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

[@ivr3835]

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

[@ananasikakotik]

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

[@supraonelove_]

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

[@user-np7jz5jm9v]

Спасибо

[@mirjakhonkobilov6829]

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

[@user-gs4ec4it5l]

Спасибо бро!

[@user-gs7np2rf4i]

Спасибо!

[@zxs_DEADinside]

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

[@user-cj3vb2ix9j]

Спасибо!!!

[@realmadrid-ji9bd]

Спасибо вам

[@TheTrans773]

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

[@user-ej7oo5xd3p]

Супер

[@anastasiafliostor5797]

best of the best!

[@_k_aras_u_]

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

[@dmitriystr]

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

[@user-ri5qf3g3]

спасибооо

[@beardedman721]

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

[@user-gx4cy9tp5v]

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

[@user-gv4wy5kt9y]

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

[@shizekX]

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

[@Muhdi680]

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

[@user-vi6yx2rv3o]

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

[@andrei6283]

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

[@Working-wh1bx]

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

[@airinn4398]

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

[@elgamer4986]

Топ

[@onenotableoddball8335]

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

[@PriveoOtShirnogo]

Открой html файл

[@hayge6763]

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

[@PriveoOtShirnogo]

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

[@AleksyGorsky]

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

[@Ethanolethane]

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

[@nuconteaza3027]

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

[@grimgomcyrus2160]

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

[@igorzonenko8925]

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

[@krenk2235]

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

[@igorivanov783]

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

[@MondyKun]

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

[@user-qr5up3cb6b]

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

[@dmitry_beresten]

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

[@R_VIDEOS09]

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

[@dimanich_228]

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

[@Fernando-qe4jv]

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

[@KapitanDi]

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

[@xeither289]

☦❤☦🙏❤

[@user-tv9nb4by4n]

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

[@itproger]

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

[@user-tv9nb4by4n]

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

[@user-tv9nb4by4n]

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

[@MondyKun]

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

[@maximd7128]

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

[@infuse8812]

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

[@user-ck5oj5rf7d]

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

[@biscuitjerry8043]

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

[@tamp1ee975]

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

[@dabik-io1dw]

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

[@MondyKun]

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

[@optimax7357]

дз есть?

[@akill9619]

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

[@SAMANUELb]

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

[@errortv5000]

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

[@user-kj9rl1oz8o]

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

[@user-jw5qg2bd5q]

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

[@MondyKun]

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

[@anpbog]

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

[@AlexSangvin]

не ищет emmet

[@Denis_SLDE]

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

[@krenk2235]

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

[@krenk2235]

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

[@krokobab]

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

[@IvBeh_ivbeh]

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

[@sanyaborsch5791]

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

[@user-nn1ht8co4e]

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

[@tragedymMASK]

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

[@BlackWolf-iz6tt]

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

[@user-mm8ow7to8c]

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

[@Colacode]

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

[@ximik1590]

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

[@Virusnik]

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

[@user-ws6he8vd7l]

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

[@Virusnik]

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

[@RunBull]

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

[@malkhalk8837]

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

[@den4ik-1995]

+++(30.08.22)

[@den4ik-1995]

+

[@den4ik-1995]

+

[@user-fk8ce8jb4q]

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

[@MondyKun]

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

[@user-cb8nd7yk5u]

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

[@TheArtsakhKing]

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

[@itproger]

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

[@xeither289]

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

[@firedub3545]

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

[@svetlanavygovskaya1600]

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

[@user-gv4wy5kt9y]

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

[@MondyKun]

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

[@kanjoninja1407]

Питон)

[@YuriyYarish]

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

[@xeither289]

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

[@Kristina-zn3co]

Спасибо

[@user-rb5hu9sz5y]

Спасибо