#01 - كل شيء عن جافا سكريبت الجديدة 2015

#React #Javascript
في هذه الدورة المميزة والفريدة من نوعها سنتعلم كل شيء عن لغة رياكت، لغة برمجة واجهات المواقع والتطبيقات التي تم اختراعها ضمن مختبرات فيسبوك وعلى يد أفضل مطوّري جافاسكريبت في العالم.
رياكت هي مكتبة مبنية للبرمجة بلغة جافا سكربت متخصصة بواجهات المستخدم تم بناؤها من قبل شركة فيسبوك، حيث تقدم طريقة سلسلة وقوية في الوقت ذاته لبناء واجهات المواقع الالكترونية، فهي تسمح للمطورين ببناء مُكوِّن صفحات الوب مرة واحدة بحيث يمكن إعادة استخدامه عدة مرات.
شرح برنامج فيجوال ستوديو كود بالتفصيل
• أفضل برنامج لكتابة الا...
كتابة أهم تعليمات لغة هتمل باستخدام إضافة إميت
• كتابة أهم تعليمات لغة ...
------------------------------------------------------------------------
اشترك بالقناة لمتابعة الدروس
/ nourhomsi
اشترك في مجموعة المصمم الأول لمناقشة الدروس:
groups/1designer
لمتابعة الحساب:
nourhomsi.com
drnourhomsi
nourhomsi1
drnourhomsi

[@drissraiss]

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

[@showaibhaydar9590]

48:31.........Object Destructuring

[@Habib_HBB_17]

ملاحظة : في الدقيقة 23 لما استخدم الخاصية bind . هناك خاصيتين تستطيع استعمالهما ايضا وهما apply و call . وستكون كالتالي :
const prog = designer.programs
prog.call(designer) او prog.apply(designer) ويمكنكم البحث عليهم أكثر .
وشكرا استاذ

[@mobiledev619]

ان شاءالله تكون دروسك المرجع الاول للعرب في React اجتهد عليها يا استاذي.

[@aymn.m2328]

.

[@mohammedsarmad5005]

في الدقيقة 46
تسمى:
backticks

[@kenwood4188]

الله يجزيييك الخير انت اكتر انسان مخلص عرفتو عاليوتيوب شكرا لك على كل الدروس التي تقدمها بكل اخلاص

[@BeAwake2]

الله يجزيك الخير ملخص رائع وومتع جداً أول مرة بحضر فيديو بهاذا الطول بدون ملل ابداً وبفائدة 100% جزيل الشكر لك من القلب وجزاك الله خيراً عل كل المجهود اللي عم تبذله لتعليم الناس

[@NourHomsi]

شكراً لمرورك والتعليق. أتمنى تكون استفدت

[@Youssef-lv6wp]

28:07
عندما تكون اكتر من parameters نترك الاقواس (n)
و عندما يكون عندنا اكتر من return نترك {}
و كلمة فونكشت دائما تحدف و تعوض بarrow فونكشن وهي =>

[@mohamedbenhsine4244]

بارك الله فيك أستاذ على المجهود الممتاز ياريت تعمل كورس على React Hooks
معلومة في الدقيقة 46 (` `) إسمها back-ticks:Template String

[@St6.1]

الله يوفقك ي استاذ نور وشكراً من كل قلبي لك على شروحاتك وتعبك هذا عشاننا🥰.

[@harounbergoug1062]

بالنسبة لي، فهذا الدرس لا يقدر بثمن .
هذا الدرس عبارة عن ملف urls لجميع الاشياء التي تعلمتها في البرمجة ،و الان و فقط استطيع الربط بينها لانشاء مشروع حقيقي .
قناة ثمينة و الاستاذ نور حمصي يستحق المتابعة و كل الشكر و التقدير و بالتوفيق في دورات تعليمية جديدة ...

[@SLASHTEAM]

شكرا شكرا وشكرا
طالب من كلية الهندسة المعلوماتية في الجامعة الافتراضية السورية
احييك على الشرح الرائع جدا مساعد كان

[@mustaphaab7127]

سلام و تحية لك من المغرب.
اشكرك على هذا الفيديو الرائع. إن سمحت، الرمز المستعمل في literal template يسمى ب backtick و نقطة أخرى أن مفهوم destructuring يمكن ترجمته بالعربية على الأقل في هذا السياق إلى "تفكيك" بدل تدمير.
مرة أخرى شكرا مع تحياتي

[@discovertheworld7607]

🇸🇾🇸🇾 تحيه ڵـڱ م̷ـــِْن العراق الموصل

[@hussenhassan2718]

تسلم وتحية الك انا من العراق من الموصل

[@Youssef-lv6wp]

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

[@ahmadalkadri4971]

شكرا الك انا ما بعرف تقريبا شي عن البرمجة لكن بعشق هاد المجال وبدي اتعلم.
منين بدي بلش ممكن تقلي لان يومين ورح اشتري لابتوب وبلش معك انشالله

[@hichamhallal2889]

شكرا لك استاذ نور افضل شرح موجود في اليوتوب العربي

[@ThePro-er9dp]

الله يجزيك الخير ، وصلت الأفكار بطريقة خيالية رائعة، والله يوفقك ويسلم إيديك عالتعب يلي عم تبذلوا والمجهود الكبير 💕

[@TheJordanEffect]

thank u for this turorial nice explication :D and really clear voice i recommend it for the arabic young people

[@ahmadsy4421]

شكرا لك على ال react لاني حابب فوت بمجال react native

[@hasanalkhder6260]

بتشكرك كتير استاذ نور الله يعطيك الف عافية شرحك جدا رائع ما شاء الله

[@Mm7_-]

الله يعطيك العافيه انشاءالله

[@Thrill-2]

لن تتعلم رياكت .... اعجبتني الحكمه بس ليش ماشرحت على رياكت . على كل حال اشكرك على هذا الجهد الجبار .

[@Youssef-lv6wp]

10:00
الVariable
تشتغل في global
اما Let
تشتغل في scope فقط بين القوسيين
اما const لم يتم تغيير قيمتها و تشتغل في scope

[@firaskalho5113]

الله يعطيك الف عافية
ويجزيك عنا كل خير

[@ramialkhateeb4395]

يعطيك العافية استاز نور على هلدرس المفيد والممتع

[@ahmadarzign9160]

الف شكر قبل لا اشوف المقطع

[@mouhammadabbasi9548]

شكرا نور

[@abbeed1]

الله يجزيك الخير

[@samehamer.]

شكرا جزيلا

[@Dee-wm8yt]

جزاك الله خيراً يا أستاذ

[@abdelhaktouil7326]

45:45 l'outil s'appelle `backticks`

[@user-qu9sk7ww7w]

شكرا جزيلا استاذ الله يجعلها في ميزان حسناتك

[@Crack.V]

تحية طيبة أخوك من المغرب

[@zekzak100]

احلا استاذ نور متابعك من دورتموند

[@ahmedelabidelsalih3121]

جزاك الله خير مراجعة قيمة

[@HOUSIENable]

السلام عليكم .. ` ` تدعى Back tick وهي اقتباس نصي في حالة اكثر من سطر .. ويوجد على الحرف ( ذ ) في الكيبورد .

[@3dgamecodes]

شكرا لك درس رائع و مفيد جدا.

[@yakoubdct8078]

ملاحظة هامة القفلات ممنوعة داخل الكائن شكرا نور الحمصي جزاك الله خيرا

[@SulimanAbuGhaida]

شكراً لك أخي نور على الفيديو القيّم جداً

[@MohamedElsify]

ربي يسعدك د. نور
أخوك محمد من مصر

[@yathrebamarneh3857]

شكرا جزيلا.. في ميزان حسناتك إن شاء الله

[@mohamed196n]

طريقه اللي بكتب traditional ازاي اعمل setup es6 inside visual studio code

[@samina7800]

اننا نريدك ان تجعل الدورة ويب سكريبنج
Web scraping
ماذا عن
عربي شوي

[@abdulbasetalhelaly9217]

الله يجمل حالك يا استاذ نور

[@harithsaleem]

الله يوفقك. بس. سؤال اريد دوره ع dart, flutter

[@user-ib3gv6ig9u]

فيديو في القمة شكرا استاذ نور👌

[@hustlershorts]

في الدقيقة 45 يسمونها BackTicks او Template literals

[@wiliamgerou]

ربنا ينورك يا استاد نور 💙💙💙💙💙

[@mouradeljayi6688]

بارك فيك استاذ نور

[@ahmedizikki]

chkran😍😍😍

[@user-gj7pu3vg8x]

الله يوفقك أستاذ نور نبي نسأل لو نبي نتعلم ال frontend منين ابدأ حسب ترتيب الكورسات اللي على القناة ؟

[@Anas-xi1mx]

1 html
2 css
3 js
وممكن تتعلم اطارات بتساعدك في العمل
js formwork = React
css formwork = bootstrap
واذا بتتعلم sass منيح

[@user-qf9mb3bz4v]

الله يوفقك استاذنا وشكرا ❤️🌹😍

[@alamianouar4385]

الان نحن في 2021 هل بامكاني ان اتعلم لغة جافا النسخة القديمة التي تحدث عنها في الفيديو

[@thewaytoallah7800]

لو سمحت يا بشمهندس لما بعمل click right على الfolder لا يظهر لي الvisual stodio على الرغم من انه تم تسطيبه على الجهاز فما المشكله؟

[@mohammedrai6565]

ماشاء الله عليك رائع😍😍😍❤️❤️❤️

[@user-ot8xu2qv5e]

يعطيك الف عافية استاذي

[@Death_101]

الله يجزيك الخير
بس الله وكيلك نشف قلبنا من كتابة :
Console.log
غيرها يا رجل
متابعينك الأشاوس ✌🏻

[@marymelhem6491]

يعطيك العافة استاذ وشكرا لمجهودك
بالدقيقة 15 وقت اكتب method ضمنobject
ميكتبلي ب console انو
Uncaught syntaxError: unexpected token (
الخطأ بسطر Methodوقت نكتب
Programes() {}
ممكن اعرف ليش استاذ؟

[@barbaros7838]

ممتاز راىع

[@ahmadarzign9160]

سؤال انا الآن لا أريد تعلم ريأاكت
واريد تعلم الجافا سكريبت
هل يجب علي مشاهدة المقطع والتعلم منه؟؟"

[@viralspark1085]

بالطبع صديقي لانها معلومات حول الأصدار الاخير لي js وهو es6 ولن يستعمل React في الفيديو

[@ahmadsy4421]

اكيد

[@JadArab]

الكورس اجا بعز وقته .. شنو الاسبوع الجاي رح نبدا جافا 😅

[@RedaHajli]

هل يمكن أن تنشر لنا دورة عن جافاسكريبت بارك الله فيك على المجهودات

[@rolazi3635]

الله يجزيك كل خير

[@qsemalalo9637]

استاذ نور اذا اول مرة اتابع كورس للجافا سكريبت هل يمكنني البدء من هذا الفيديو الرائع
رغم اني تعلمت منك كتير وانا لا املك كمبيوتر واتعلم من هاتف

[@ammarmohammed6200]

السلام عليكم ممكن تسوي دورة عن Flutter

[@zaynalabdeen6844]

شكرا على الشرح

[@khaledoghli1894]

الفرق بين vanilla js and pure js ،هل هي نفس الشيئ استاذ

[@ahmedsadki8715]

جزاك الله خيرا.....

[@user-zb4hr6jv2f]

يا أستاذ وهل الطرق القديمة لازالت تعمل ؟ أنا شخصيا حصل معي مشكلة مع ميثود كتبتها بالطريقة القدية لم يظهر خطأ لكن لا تعمل جيدا ؟

[@Mahmood8497]

شرح ممتاز

[@codify2450]

hi Nour, thank you so much of being honest, its called ` back tick `

[@informationdesign7010]

48:20

[@alihassan-qg7ky]

والله انت حبيبي ياهندسه

[@kimokimo-se3ur]

الله يجزيييك الخير

[@fadinimer4574]

Great work 👍

[@Ronaldostars]

يعطيك العافية
اذا ممكن باي دقيقة عم تحكي عن ال modulus؟

[@x-killer5216]

1:13:00

[@informationdesign7010]

12:40

[@mohamedezzat634]

يا شباب انا مش فاهم حوار bind ومش فاهم هي بتعمل ايه....لو ينفع حد يفهمهالي

[@saidibrahim5931]

هل هذا درس جديد ؟ أو هو نفس الدروس القديمة مجموعة في فيديوا واحد ؟

[@darkagon491]

الله يوفقم

[@one-word-edu]

استاذ نور لدي سؤال لو سمحت لا يتعلق بالجافا سكربت هو ان هناك اعلانات كثيرة مثل GoDaddy تقول انها تعلمك تصميم المواقع في اقل من ساعة
ما مدى صحة هذا الكلام ولو صح فلماذا نتعلم لغات مثل HTML JavaScript ,CSS , PHP ارجو الافادة لو سمحت .

[@Anas-xi1mx]

استاذ نور هل بنهاية الكورس رح كون قادر على استعمال رياكت بشكل كامل

[@mohamedbenhsine4244]

الله يوفقك

[@settitarak3439]

very nice ...allah bless you

[@dyako926]

الفاكشن وال ميثود هما نفس الشيء ام انا غلطان ؟

[@omersalam5492]

هل هذه فيديو شامل لجافاسكريبت

[@ridarida-bg7gw]

thaaaaaaaank yooooooou mrcccccccccccccccccccccccccccci

[@ame3140]

موفق

[@shadijaradat1199]

ممكن تنزل الكودات الي بتكتبها ؟

[@Youssef-lv6wp]

تعمل كمنت تعمل سليكت و تضغط Alt+shift+A

[@Youssef-lv6wp]

@@naserowaimer أظن انه غير من ماك لنظام ويندوز

[@crazypossibilities9981]

amasing thanks a lot .

[@youssefaboullail285]

Thanks

[@abdulwahab.malhes]

واخيرا😍😍😍

[@MrEnigma2013]

الروابط غير فعالة يا اخي أسفل الفيديو.. اواجه صعوبة في فتحها لاني من الهاتف.. (الروابط لا تظهر باللون الازرق بل كأنها نص في صندوق الوصف).

[@hafidafida4575]

استاذ بليييز ما خلصت دروس انجليزي فهمت معك كثييير

[@erwinsmith6721]

👍

[@benzazalaid6623]

طريقتك رائعة تصلح للنبتدئين و المتقدمين من اجل التعلم ... واصل ... ارجوا ان تبني برامج و مواقع كبيرة و تشاركنا فبها المشاكل و الحلول ... عدم سرعتك في الإلقاء ميزة جيدة جدا ... و لكن اخبرني هل هروبك من الديزاين هو مؤقت كما حدث معك في السابق ... البرمجة رائعة و لكن سحر الديزاين لا يقاوم ... على فكرة انا مبرمج و فشلت في الديزابن

[@shtatrajl3033]

٢

[@shtatrajl3033]

٢٢

[@shtatrajl3033]

١

[@shtatrajl3033]

سس،س،س،س،،س،#

[@nawaral-shybine3295]

بكل صراحه اذا واحد معه معلومه وتابعك يضيع كل معلوماته بشرحك الغير جيد
انت تصعب المساله اكثير ماهي صعبه

[@moaazibrahem5926]

ليه كاتب 2015

[@user-fs3bo8ff3c]

لماذا تكررون الأساسيات ، في أكثر من دورة ، لماذا ستعيد تعلم قواعد كتابة المتغيرات والدوال والمصفوفات وكل الأساسيات الثابتة الموجودة بكثرة ، نحن نريد الدوال الجاهزة للتعامل مع البيانات .

[@Barca4Ayman]

قناة نور موجهة للناس باختلاف المستويات تشمل المبتدئين جدا مثلي اعتقد مكانك بالمحتوى الاجنبي الAdvanced