Learn JavaScript In Arabic 2021 - #167 - Modules Import And Export

Modules Import And Export

Study Plan:

Code & Notice:

Assignments:

=============================

Support Me on Patreon to Help me Create More Videos

I will be Very Happy if you Support my Channel.

Join Our Facebook Group:

Follow My Facebook Profile:

Like Facebook Page:

Follow Me On Twitter:

[omarghazi]

معلومة اضافية ادا ظهر لك error في ال console بان cant import import a <... > outside the module فقط ارجع الى ملف الاصلي ل js و اضف خاصية type="module" و سيشتغل

[mohamedkoraem]

ما شاء الله من تقدم إلى تقدم اللهم بارك

[abdalrzakal-mustafa]

❤❤ جزاك الله ووالديك عنا خير الجزاء ❤❤

[hamzehqatash]

🌹ويستمر الابداع🌹 ما شاء الله تبارك الرحمن

[mustafaemadeldeen]

ربنا يجازيك خير الجزاء يا رب العالمين ويبارك في مجهودك اللهم آمين

[gamersyriapubgmobile]

جزاك الله خيرا يا بشمهندس و شكرا على هذا المجهود الرائع
زادك الله علمًا ورفعك قدرًا و جعل هذا العلم النافع فى ميزان حسناتك💐💐

[tmhgjft]

شرحك ممتع حبيبي, ربنا يحشرك مع رسول الله, فهمت الدرس بنسبة 100% انتي ملهم ما شاء الله عليك

[A-h-m-e-d_S-a-m-y]

لما بصيت ع الnode js عرفت قيمه الmodules وكنت زعلان اوى لما مكنتش لسه نزلت بس الحمد لله نزلت اهى😂

[bricod]

you must run the code with Live Server

[happer]

السلام عليكم انا مش عارف اطبق ال module باى شكل ولا حتى ب live server

[mahdiatefadas]

/*

Modules
import and export


*/

/* export */ let a = 10;
/* export */ let arr = [1, 2, 3, 4, 5];

/* export */ function saySomething() {
return `something`;
}

/// other way to export
export { a, arr, saySomething };













///

[khxvgzf]

في شغلة ما شرحتها حضرتك ...
لما نستخدم ال module لح تواجهنا مشاكل بالتنفيذ . لتفادي هذه المشاكل لدينا اكثر من حل.
١- بحال أردت مشاهدة النتائج من خلال Console على ال Terminal يجب عليك اعادة تسمية الملف وتستبدل اللاحقة فتكون mjs. بدلا من js.

2- بحال أردت مشاهدة النتائج عن طريق ال console في المتصفح يجب عليك تنزيل Extension على برنامج Visual studio يدعى Live server و عند تشغيل الملف من الVisual studio قم بكبس الزر الأيمن على اسم ملفك ثم تشغيل عن طريق ال Live server
لح يفتح المتصفح ... وهلق شغل ال console على المتصفح بتلاقي النتيجة

٣- انك تكون منزل Package تبع ال Node وتروح تعمل تعديل على ال Type وتعملها Module

[mahaghaly]

امتى بنستخدم export default و امتى export بس لاننا في react js بنستخدم export default و لما بنعملها import بيكون من غير الاقواس بس نفسي اعرف الفرق بينهم؟؟

[MMSpharmacysystem]

أعتقد أنه لا فائدة من استدعاء ملف مين.جيه اس في ملف اندكس - يكفي استعداء ملف اب.جي اس

[moha]

بيطلع عندي اربع اخطاء في الكونسول ماهو الحل ؟؟؟

[happer]

انا شايف ان مفيش حد بيقدم حلول او بساعدنا

[tfnlmvs]

لو سمحت يا بشمهندس اسامه انا عندى مشكله لما اطبق Modules Import And Expor الكنسول بيدينى ايرورر ده from origin 'null' has been blocked by CORS policy يريت تساعدنى

[KhalidKhalid-ywig]

بيطلعلي Cannot use import statement outside a module

[lord]

بعد اذنك يا هندسة ال Modules مش شغال عندى اعمل ايه

[seriouskiller]

لحل مشكله ال error اللي هو Cant acess دي هتفتح الملف html بي live server
هيقبلك مشكله تانيه في live server وهي Get دي هتحلها عن طريق الملف اللي بتعملو import
import {a, arry} from "./main.js"
لازم تتاكد ان الملف زي ما هو كدا .main.js
لازم يكون الامتداد بتاعو ظاهر لو مش ظاهر زي كدا
import {a, arry} from "./main دا كدا غلط انت ضفلو الامتداد بتاع الملف خليه كدا
import {a, arry} from "./main.js"