Импорт и экспорт JavaScript. На реальном примере 

Если чего-то не знаешь и хочешь краткий, исчерпывающий ответ, то тебе точно сюда! Спасибо за знания!

Спасибо большое за помощь! У Вас талант от Бога объяснять материал!

Большое Вам человеческое спасибо! Перелопатил кучу инфы по модулям, но только тут понял что к чему. Очень доходчиво и понятно.

Поставил на паузу и поставил лайк. Теперь со спокойной душой буду смотреть дальше. Александр, Спасибо Вам огромное!

Добрый день! Извините что не по теме! Александр, Вы очень хорошо и понятно объясняете, я восхищаюсь вашими видеоуроками. Хотелось бы увидеть от Вас в ближайшем будущем видео о префиксных и постфиксных инкрементах и декрементах. :)

Алекс Лущенко, ты лучший. когда-нибудь накоплю на твой курс )

как же круто вы все рассказываете. огромное спасибо!

Отличный урок! Спасибо автору! Ждем новых уроков.

С самого начала изучения JS пользовался NodeJS и привык к его импорту/экспорту. И пришлось работать не с html-файлами, а с php, которые Node не поддерживает. Облазил десятки тем на форумах, и нигде не увидел момент про указание расширения файла при импорте. В очередной раз выручили, Александр! Спасибо! Лайк!

Отличная подача информации! У вас талант.

За видео - лайк! Всегда подробно и понятно. 👍🏻

Александр, Вы мой кумир! Получила task написать app на нативном js, не было ни одной идеи как организовать код на голом js без React. После пересмотра урока все стало по полочкам. Спасибо Вам за помощь!💛💙

Как раз в этой теме сегодня разбирался!) Спасибо Александр!)

Спасибо Вам за все Ваши видео 🙏🙏🙏

хороший канал у вас александр спасибо

Это то, чего мне не хватало. Спасибо! Люблю нативный js :) 😊

Хорошо объяснил про работу модульной системы. Начал vue учить, пришлось вернуться к основам js. Спасибо)

Очень круто все объяснил ) Заслуженный лайк)

Как всегда на высоте инфа , спасибо!!!

просто прекрасно, спасибо большое

классс, спасибо, без воды

спасибо! Очень полезная и понятная инфа)

Спасибо за видео. Только сел учить js и это видео очень помогло

спасибо - очень доступно и понятно!

Нырнул, что называется, в новые для меня открытия мира JS. Очень интересно было! Могу теперь приступать к практике.

Вчера хотел сделать тоже самое, все начинания разбились об ошибку в консоли. Просыпаюсь утром и чувствую силу )) Спасибо

просто бомба, объяснение проще некуда!

как всегда отличный урок, спсибо!!!

Большое спасибо, очень полезное видео! Жаль не упомянули про работу с классами и их импорт/экспорт)

Красавчик! Обьясняешь на уровне!!

Спасибо большое, всё доступно и понятно

классный урок, понятное объяснение

Спасибо за видео, от доков уже голова кружилась, а хотелось оч без вебпака попробовать импорт.

спасибо за объяснение. все понятно

Как всегда профессионально !

по мне ОН объяснил эту тему как создатель Java...простыми словами..респект

Спасибо вам🎉

Спасибо огромное!!! Благодаря вам увидела свою ошибку!!! И все получилось)

всё очень понятно! спасибо)

единственное видео на тему модулей в ютубе где до конца все максимально понятно

Супер!!! Спасибо Вам огромное!!!

A 4to tak mojno bilo????? :))))) Alex da ti prosto krasava! Bolshoe spasibo!!!! Ne mogu otorvatza ot tvoih urokov!

Очень круто 👍

Отличный урок. Если бы ещё в конце добавить деструктуризацию объекта helper_array2.js, вообще была бы сказка.

Просто и понятно 👍

як завжди топ, дякую!

хорошее обьяснение, спасибо)

очень хороший урок🖤

Спасибо...ОГРОМНОЕ очень помогло $$$$$$

спосибо добрый человек

ухххх!! многоуровневая головоломка = ) интересно, интересно...

Спасибо большое, помог

Лучший !

Алекс, привет! Есть идея для ролика, как для практики js. У нас есть на сайте в "альбоме" наши любимые картинки, но мы не хотим их отдельно скачивать. Самый верный вариант, т.к. мы разработчики, написать скрипт для этого. Мы берем каждый элемент, проходим циклом, получая его url из img, добавляем в массив, формируем zip и скачиваем) Как тебе? Ну, это моя реализация, я думаю, ты можешь сделать и лучше

Оoo как раз!👍

нереально круто

крутяк, спасибо огромное

Хорошое видео. Лайк

Класс, спасибо.

как обычно супер, плюсую и жду новых видео, но я немного огорчен что у вас етого описания нету в JS2.0.

Спасибо

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

Спасибо!

спасибо,класс!!

спасибо

👍 отлично

Spasibo

Лайк !!!

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

it cool !!THX=)

лучший

Алекс, скажи пожалуйста , что лучше использовать modгle export or export default? спасибо!

Спасибо, заполнили пробел в моих знаниях. Как-то так получилось что нативными модулями я не пользовался, а спрашивается почему бы и не использовать при случае? Не обязательно же всюду пихать вебпак

Хорошо объясните на нативном js.

Можно ещё так экспортировать: export const getValue = helper.getValue, mapArray = helper.mapArray

А можете рассказать, пожалуйста, как правильно, красиво и удобно реализовать подключение модулей с версткой и js кодом к этой верстке по условию. Т.е. если сделал действие 1 - подтянулся файл с версткой 1 и исполнился код js 1, который работает с этой версткой. Если действие 2 - соответственно верстка 2 и код к ней. Зачем это нужно? Хочу для разных устройств выводить разную верстку. но сделать это все как js библиотеку, без бэкенда. Когда пытался реализовывать сам, получилось только с помощью eval() исполнить код, т.к. при подключении верстки, она сразу отрисовывается. Но при подключении кода уже к отрисованной странице - он не исполняется. А про eval() пишут, что он небезопасный. Кстати, разбор этого момента тоже очень интересен (актуальна ли его небезопасность и как вообще через него могут взломать) Можете показать на примере чистого js и модулей, а можете например рассказать, как пользоваться какими-нибудь сборщиками из вебпака? С большим уважением к Вам и Вашим урокам. Смотрим всей семьей и радуемся жизни! p.s. кстати, если сделаете видео на тему безопасности - тоже будет огромный + в карму, про базовые вещи типа xss

Все супер! Только не Го лив, а го лайф. :)

Бомба

спсб

Just 'helpers' everyday!

Всетаки в php include намного круче. Там функции везде доступны, из файла 1 можно получить в файле 2, а из файла 2 в файле 1, и это одновременно. А тут модуль как полностью отдельный скрипт, по сути библиотека.

Очень полезно для начинающих! По оформлению видео, Александр, большая просьба, не начинайте с тишины. Кажется, что у меня громкость на нуле. Я выкручиваю посильнее, и тут вы начинаете орать. ООООЧЕНЬ резкий переход!!! Не делайте так. Воткните какой-нибудь звук вначале.

получается с модулями уже нужен вебпак? не запустить просто с помощью хрома?

superhero[i]['power'] - интересный синтаксис. Подскажите, что это, пожалуйста

Если бы вы только понимали как вы помогаете разобраться.... Спасибо!!!!!

На скорости 1.5 смотрится отлично

Я только одно не понял. Если нативны импорты в браузере сработали только, когда был запущен live-сервер, то как этот код будет работать, если его разместить на хостинге? К примеру, на GitHub Pages?

Алиас разве нельзя использовать при импорте..? Вопрос создания объекта с методами спорный. Вы все равно в одном файле создаёте большой обьект с этими функциями , т. е строк не меньше в файле. Также Дополнительная переменная на обьект , потом ещё на каждый метод опять переменную для экспорта

Все бы хорошо. Но мне требуется прочесть данные из файла.js прямо в скриптах HTML-файла. То есть некие константы, переменные выдернуть из внешнего подключенного файла и использовать их в скриптах index.html. К сожалению, везде, как и здесь, рассказывается об экспорте/импорте между js-модулями. Но никак не напрямую.

Сделай уроки по react native

У мене в хромі працює тільки коли прописати файлам розширення mjs , інакше не завантажує, щось там з CORS . Не підскажете чому так?

Запускаю ровно такой же код на OSPanel, у меня ошибок нет - но кода в файле который делает импорт просто не работает =( Причем вообще все что есть в файле, даже банальный console.log(123);

import и export вызывает SyntaxError: Unexpected token - как это обойти, когда запуск идет не через лайв сервер ?

Вау

export {getValue2 , mapArray , p} = helpers сработает ?

как импортировать класс из другого файла?

what is this: let name = require("./modules/test").NAME ? saying please

коли назви імпротів перекликаються можна ще використовувати "import { map as mapArray} from './..../....'"

module.exports = сейчас не использоют ?

import {...} Как обосновать наличие {}, это что? Это не деструктуризация, это просто --> блок кода