#01 - كل شيء عن جافا سكريبت الجديدة 2015
HTML-код
- Опубликовано: 14 окт 2024
- #React #Javascript
في هذه الدورة المميزة والفريدة من نوعها سنتعلم كل شيء عن لغة رياكت، لغة برمجة واجهات المواقع والتطبيقات التي تم اختراعها ضمن مختبرات فيسبوك وعلى يد أفضل مطوّري جافاسكريبت في العالم.
رياكت هي مكتبة مبنية للبرمجة بلغة جافا سكربت متخصصة بواجهات المستخدم تم بناؤها من قبل شركة فيسبوك، حيث تقدم طريقة سلسلة وقوية في الوقت ذاته لبناء واجهات المواقع الالكترونية، فهي تسمح للمطورين ببناء مُكوِّن صفحات الوب مرة واحدة بحيث يمكن إعادة استخدامه عدة مرات.
شرح برنامج فيجوال ستوديو كود بالتفصيل
• أفضل برنامج لكتابة الا...
كتابة أهم تعليمات لغة هتمل باستخدام إضافة إميت
• كتابة أهم تعليمات لغة ...
------------------------------------------------------------------------
اشترك بالقناة لمتابعة الدروس
/ nourhomsi
اشترك في مجموعة المصمم الأول لمناقشة الدروس:
groups/1designer
لمتابعة الحساب:
nourhomsi.com
drnourhomsi
nourhomsi1
drnourhomsi
This is for you( هذا لك ):
Just pray with me( ادعي معي فقط )
01:41........Preparing the work environment( تحضير بيئة العمل )
04:33........Let/Const
12:44........Objects
17:20........this
23:30........Arrow function
38:33........Array.map()
52:00........Array Spread
56:44........Classes
01:04:31...Class Inheritance
01:09:14...Construcor/Super()
01:13:31...Modules import{Componennts}
01:21:38...Class Export Named/Default
48:31.........Object Destructuring
ملاحظة : في الدقيقة 23 لما استخدم الخاصية bind . هناك خاصيتين تستطيع استعمالهما ايضا وهما apply و call . وستكون كالتالي :
const prog = designer.programs
prog.call(designer) او prog.apply(designer) ويمكنكم البحث عليهم أكثر .
وشكرا استاذ
ان شاءالله تكون دروسك المرجع الاول للعرب في React اجتهد عليها يا استاذي.
.
شكرا شكرا وشكرا
طالب من كلية الهندسة المعلوماتية في الجامعة الافتراضية السورية
احييك على الشرح الرائع جدا مساعد كان
الله يجزيك الخير ملخص رائع وومتع جداً أول مرة بحضر فيديو بهاذا الطول بدون ملل ابداً وبفائدة 100% جزيل الشكر لك من القلب وجزاك الله خيراً عل كل المجهود اللي عم تبذله لتعليم الناس
شكراً لمرورك والتعليق. أتمنى تكون استفدت
بارك الله فيك أستاذ على المجهود الممتاز ياريت تعمل كورس على React Hooks
معلومة في الدقيقة 46 (` `) إسمها back-ticks:Template String
28:07
عندما تكون اكتر من parameters نترك الاقواس (n)
و عندما يكون عندنا اكتر من return نترك {}
و كلمة فونكشت دائما تحدف و تعوض بarrow فونكشن وهي =>
الله يجزيييك الخير انت اكتر انسان مخلص عرفتو عاليوتيوب شكرا لك على كل الدروس التي تقدمها بكل اخلاص
بالنسبة لي، فهذا الدرس لا يقدر بثمن .
هذا الدرس عبارة عن ملف urls لجميع الاشياء التي تعلمتها في البرمجة ،و الان و فقط استطيع الربط بينها لانشاء مشروع حقيقي .
قناة ثمينة و الاستاذ نور حمصي يستحق المتابعة و كل الشكر و التقدير و بالتوفيق في دورات تعليمية جديدة ...
لن تتعلم رياكت .... اعجبتني الحكمه بس ليش ماشرحت على رياكت . على كل حال اشكرك على هذا الجهد الجبار .
سلام و تحية لك من المغرب.
اشكرك على هذا الفيديو الرائع. إن سمحت، الرمز المستعمل في literal template يسمى ب backtick و نقطة أخرى أن مفهوم destructuring يمكن ترجمته بالعربية على الأقل في هذا السياق إلى "تفكيك" بدل تدمير.
مرة أخرى شكرا مع تحياتي
شكرا الك انا ما بعرف تقريبا شي عن البرمجة لكن بعشق هاد المجال وبدي اتعلم.
منين بدي بلش ممكن تقلي لان يومين ورح اشتري لابتوب وبلش معك انشالله
في الدقيقة 46
تسمى:
backticks
10:00
الvaribles
مشكلتها و هي متلا عندما تعمل
var x = 1;
{
var x = 2;
}
و عندما تنادي var ب كونسل لوغ المشكل هو ان الvar ينادي على x = 2 لأنه يشتغل في الglobal اما let تحل هده المشكلة
عندما ستعطي لل var x = 2 ; تغيرها إلى Let x = 2 ;
فعندما ستنادي ال x من خارج سيتعرف الكونسل لوك على x = 1 بدلا من x = 2
الله يوفقك ي استاذ نور وشكراً من كل قلبي لك على شروحاتك وتعبك هذا عشاننا🥰.
thank u for this turorial nice explication :D and really clear voice i recommend it for the arabic young people
شكرا لك استاذ نور افضل شرح موجود في اليوتوب العربي
الله يوفقك أستاذ نور نبي نسأل لو نبي نتعلم ال frontend منين ابدأ حسب ترتيب الكورسات اللي على القناة ؟
🇸🇾🇸🇾 تحيه ڵـڱ م̷ـــِْن العراق الموصل
تسلم وتحية الك انا من العراق من الموصل
استاذ نور اذا اول مرة اتابع كورس للجافا سكريبت هل يمكنني البدء من هذا الفيديو الرائع
رغم اني تعلمت منك كتير وانا لا املك كمبيوتر واتعلم من هاتف
10:00
الVariable
تشتغل في global
اما Let
تشتغل في scope فقط بين القوسيين
اما const لم يتم تغيير قيمتها و تشتغل في scope
شكرا لك على ال react لاني حابب فوت بمجال react native
الله يجزيك الخير ، وصلت الأفكار بطريقة خيالية رائعة، والله يوفقك ويسلم إيديك عالتعب يلي عم تبذلوا والمجهود الكبير 💕
شكراً لك أخي نور على الفيديو القيّم جداً
ملاحظة هامة القفلات ممنوعة داخل الكائن شكرا نور الحمصي جزاك الله خيرا
يعطيك العافية استاز نور على هلدرس المفيد والممتع
الله يوفقك. بس. سؤال اريد دوره ع dart, flutter
بتشكرك كتير استاذ نور الله يعطيك الف عافية شرحك جدا رائع ما شاء الله
استاذ نور لدي سؤال لو سمحت لا يتعلق بالجافا سكربت هو ان هناك اعلانات كثيرة مثل GoDaddy تقول انها تعلمك تصميم المواقع في اقل من ساعة
ما مدى صحة هذا الكلام ولو صح فلماذا نتعلم لغات مثل HTML JavaScript ,CSS , PHP ارجو الافادة لو سمحت .
هل هذا درس جديد ؟ أو هو نفس الدروس القديمة مجموعة في فيديوا واحد ؟
لو سمحت يا بشمهندس لما بعمل click right على الfolder لا يظهر لي الvisual stodio على الرغم من انه تم تسطيبه على الجهاز فما المشكله؟
الله يعطيك العافيه انشاءالله
يا أستاذ وهل الطرق القديمة لازالت تعمل ؟ أنا شخصيا حصل معي مشكلة مع ميثود كتبتها بالطريقة القدية لم يظهر خطأ لكن لا تعمل جيدا ؟
اننا نريدك ان تجعل الدورة ويب سكريبنج
Web scraping
ماذا عن
عربي شوي
يعطيك العافة استاذ وشكرا لمجهودك
بالدقيقة 15 وقت اكتب method ضمنobject
ميكتبلي ب console انو
Uncaught syntaxError: unexpected token (
الخطأ بسطر Methodوقت نكتب
Programes() {}
ممكن اعرف ليش استاذ؟
في الدقيقة 45 يسمونها BackTicks او Template literals
شكرا نور
جزاك الله خيراً يا أستاذ
جزاك الله خير مراجعة قيمة
شكرا جزيلا استاذ الله يجعلها في ميزان حسناتك
الفرق بين vanilla js and pure js ،هل هي نفس الشيئ استاذ
السلام عليكم .. ` ` تدعى Back tick وهي اقتباس نصي في حالة اكثر من سطر .. ويوجد على الحرف ( ذ ) في الكيبورد .
شكرا لك درس رائع و مفيد جدا.
شكرا جزيلا.. في ميزان حسناتك إن شاء الله
الله يجزيك الخير
ربي يسعدك د. نور
أخوك محمد من مصر
تحية طيبة أخوك من المغرب
الله يجمل حالك يا استاذ نور
هل يمكن أن تنشر لنا دورة عن جافاسكريبت بارك الله فيك على المجهودات
الله يعطيك الف عافية
ويجزيك عنا كل خير
بارك فيك استاذ نور
الكورس اجا بعز وقته .. شنو الاسبوع الجاي رح نبدا جافا 😅
الان نحن في 2021 هل بامكاني ان اتعلم لغة جافا النسخة القديمة التي تحدث عنها في الفيديو
احلا استاذ نور متابعك من دورتموند
الف شكر قبل لا اشوف المقطع
ربنا ينورك يا استاد نور 💙💙💙💙💙
شكرا جزيلا
الله يجزيك الخير
بس الله وكيلك نشف قلبنا من كتابة :
Console.log
غيرها يا رجل
متابعينك الأشاوس ✌🏻
فيديو في القمة شكرا استاذ نور👌
45:45 l'outil s'appelle `backticks`
طريقه اللي بكتب traditional ازاي اعمل setup es6 inside visual studio code
موفق
chkran😍😍😍
يعطيك الف عافية استاذي
ممتاز راىع
الله يجزيك كل خير
الله يوفقك استاذنا وشكرا ❤️🌹😍
ماشاء الله عليك رائع😍😍😍❤️❤️❤️
شرح ممتاز
السلام عليكم ممكن تسوي دورة عن Flutter
سؤال انا الآن لا أريد تعلم ريأاكت
واريد تعلم الجافا سكريبت
هل يجب علي مشاهدة المقطع والتعلم منه؟؟"
بالطبع صديقي لانها معلومات حول الأصدار الاخير لي js وهو es6 ولن يستعمل React في الفيديو
اكيد
شكرا على الشرح
يعطيك العافية
اذا ممكن باي دقيقة عم تحكي عن ال modulus؟
1:13:00
استاذ بليييز ما خلصت دروس انجليزي فهمت معك كثييير
Great work 👍
الفاكشن وال ميثود هما نفس الشيء ام انا غلطان ؟
جزاك الله خيرا.....
هل هذه فيديو شامل لجافاسكريبت
والله انت حبيبي ياهندسه
الله يجزيييك الخير
very nice ...allah bless you
hi Nour, thank you so much of being honest, its called ` back tick `
الله يوفقم
الله يوفقك
👍
يا شباب انا مش فاهم حوار bind ومش فاهم هي بتعمل ايه....لو ينفع حد يفهمهالي
48:20
ممكن تنزل الكودات الي بتكتبها ؟
12:40
thaaaaaaaank yooooooou mrcccccccccccccccccccccccccccci
Thanks
واخيرا😍😍😍
الروابط غير فعالة يا اخي أسفل الفيديو.. اواجه صعوبة في فتحها لاني من الهاتف.. (الروابط لا تظهر باللون الازرق بل كأنها نص في صندوق الوصف).
تعمل كمنت تعمل سليكت و تضغط Alt+shift+A
@@naserowaimer أظن انه غير من ماك لنظام ويندوز
فيديو ممتاز
amasing thanks a lot .
طريقتك رائعة تصلح للنبتدئين و المتقدمين من اجل التعلم ... واصل ... ارجوا ان تبني برامج و مواقع كبيرة و تشاركنا فبها المشاكل و الحلول ... عدم سرعتك في الإلقاء ميزة جيدة جدا ... و لكن اخبرني هل هروبك من الديزاين هو مؤقت كما حدث معك في السابق ... البرمجة رائعة و لكن سحر الديزاين لا يقاوم ... على فكرة انا مبرمج و فشلت في الديزابن
٢
٢٢
١
سس،س،س،س،،س،#
♥️
❤️❤️❤️❤️
💙❤️🥰😍🙏