كورس أساسيات رياكت في 90 دقيقة | React.js Basics in 90 Mins (Arabic)

أكاديمية حسوب
academy.hsoub.com/learn/javas...
استخدم كوبون YA100 واحصل على خصم 100 دولار لأول 10 طلاب هيشتركوا في كورس من كورسات أكاديمية حسوب.
---
ده كورس شرح أساسيات React بيغطيها كلها في 90 دقيقة.
المتوقع بعد متشوف الكورس ده تكون جاهز انك تقدر تدخل في عالم React كأول انطلاقة وتتعرف على بقية المفاهيم المتقدمة بسهولة وكمان تستخدم الاساسيات في انك تعمل Applications في React.
وهينزل فيديوهات تانية على القناة تغطي المفاهيم متقدمة في React.
متنسوش تسيبوا أي أسئلة تقف معاكم في الكومنتات تحت.
===
00:00 Intro مقدمة
04:15 Environment Setup
19:27 Folder Structure
22:57 JSX/TSX
26:14 Start Next App
30:35 Components
44:53 Ternary Operator / Conditional Components
48:48 Styling in JSX
53:42 Routing in Next.js
01:00:27 Hooks: useState
01:10:07 Hooks: useEffect
01:16:37 Hooks: useRef
01:22:37 Hooks: useMemo
01:26:57 Advanced Topics
01:33:47 Next Steps الخطوات القادمة
---
تابعوني ومتنسوش تعملوا Like وSubcribe لو مش عاملين.
وشاركوني بآراكم في الكومنتات.
===
فيديو منهجية تطوير تطبيقات الويب Frontend Roadmap 2023
• خارطة تعلم تطوير تطبيق...
---
فيديو ملخص الجافاسكريبت في 15 دقيقة JavaScript / Node.js in 15 mins.
• ملخص الجافاسكريبت في 1...
---
لو بتدور تبدأ منين في البرمجة فشوف الPlaylist اللي بتمشي معاك في منهجية البرمجة من الأول
منهجية - مراحل تعلم البرمجة
• منهجية - مراحل تعلم ال...
===
أنا يحيى العربي مهندس برمجيات شغال بقالي أكتر من 10 سنين في المجال. هدفي في الفيديوهات اللي بنزلها اني انشر الوعي البرمجي وانقلكم خبرتي وتجاربي في السوق عشان تستفيدوا منها ومتكرروش نفس الاخطاء.
وبتمنى التوفيق للجميع
صفحة الانستجرام
/ yehia.tech

[@codecret1]

استخدامك للمصطلحات التقنيه وشرحك ماوراء الاحداث في رياكت شيء رائع يستحق تسليط الضوء عليه 👏🏻👏🏻

[@GeekMed1]

I don't usually explore Arabic tech content on TH-cam, but I happened to come across this video on Facebook, and your explanation really impressed me. Well done 👏

[@mszaki]

ما شاء الله الشرح جميل والفيديو متعوب عليه جدًا ❤ بارك الله فيك ❤

[@kotax]

I have dealt with React before and watch a lot of tutorials indeed but this is absolutely fascinating !!! thank you Yehia, we really appreciate you work !

[@treembadgish5807]

شرح رائع جزاك الله خيرا ونفع بعلمك ❤

[@nah0221]

ما شاء الله يا بشمهندس شرحك رائع و مكثف. منتظرين حضرتك في اللي جاي و خصوصا جزء التعامل مع الباك اند 🙏

[@egforce]

الفيديو عظيم جدا ، ربنا يكرمك يا هندسة ❤

[@IBRAHIMEZZAT]

جزاك الله خيرا وجعلة في ميزان حسناتك

[@user-op3fu3vk7x]

شكراً جزيلاً كورس ممتاز بالمعنى الحرفي، بارك الله بيك.

[@monahewidy3748]

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

[@omarabdelatif1367]

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

[@JEL-ug1eb]

ماشاء الله شرح رائع جزاك الله خير واستمر محتاجين فيديوهات مثل هذا الفيديو.واضح مركز ومفيد👏👏👏👏

[@Abdelrahman_Walid1]

شكرا فعلا❤
كان بقالي وقت كبير مش لاقي كورس كويس يشرح الreact

[@ZobairNajdaoui]

شكرا شرحك يبهر والله (ما تتعمق كثير و تعطي مفيد) , اتوقع انك بداية كويسة لأي شخص مبتدئ برياكت

[@moezcherif7352]

بارك الله فيك و جعله الله في ميزان ⚖️ حسناتك

[@marzenalaaeddine]

جزاك الله خيرا أستاذ وجعله الله في ميزان حسناتك في انتظار فيديوهات جديدة حول المكتبة وكل مستلزماتها.

[@zohayrslileh2734]

شرح احترافي،
انا استخدم رياك مند زمن بس شاهدت الفيديو لان فيه تفاصيل اكثر

[@mahmoudali2625]

شرحك سلس وممتع وطبيعية استخدام المصطلحات كويسة جدا ، جزاك الله خير انا مش بمل من مشاهدة الڤيديوهات بتاعتك

[@salaheddinemaarouf1]

جزاكم الله خيرا و بارك فيكم، نفعكم الله و نفع بكم على المحتوى القيم بمستوى عالي ❤

[@user-pp2cd4sr1k]

تسلم يا هندسه والله عالشرح الرائع ده ومنتظرين استكمال السلسلة بشرح React Native بفيديو عظيم زي ده إن شاء الله ❤

[@user-vh6ti3iy7v]

أحيك مهندس يحيى، جزاك الله خيراً على المختصر المحترم هذا

[@mohamedeljabri4970]

يا سيد يحيى على متابعتك بعض فيديوهاتك وجدت انك جاد جدا في الشرح التفصيلي مع اني غير متخصص في المجال بس كونت ليا خيال برمجي لكن المشكلة مصطلحاتك كثيرة جدا شعرت ان السهل الممتنع
أشكرك على مجهودك

[@abdullahsaid4765]

تسلم ايدك يفنان اول مره اجرب اتعلم React بسم الله ماشاء الله شرحت كل المهم عاش جدا ❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤❤

[@redarashad1415]

اوبااااا ..🤩😍
انا مستني منك تشرح الريأكت من زمان ❤
تسلم يا غالي 😊

[@imadel3647]

Very professional explaining, thanks Yehia ;)
waiting for more !

[@ahmadzahran3649]

استاذي الكريم انت عن 1000 دوره react اسلوبك رائع بيسط انا كنت مستصعب next.js لكن هذا الفيديو قديش طلعت سهلة كل الاحترام والتقدير والله يجزيك الخير وين ما رحت ❤❤❤

[@alaaibrahim2893]

ربنا يباركلك الواحد لما بيفهم حاجه مكنش فاهمها بيحس إن العلم نوور بجد

[@redadev4807]

شكرا استاذ يحيي .... احسن شرح مبسط لرياكت ❤

[@user-wo3cl1iz4d]

بارك الله فيك المحتوى ممتاز جدا و معلومات مفيدة بالتوفيثق

[@mennaesmael7249]

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

[@abdulhakimawad]

عااش يا هندسة ♥️♥️
شرح بسيط و عظمة جداً

[@mamdohmostafa3103]

ممتاز ممتاز شرح سلسل وجميل جزاك الله كل خير يا بشمهندس يحي ❤❤

[@esmatomer369]

جزالك الله خيرا شرح مميز وجميل

[@fatmam7016]

شكرا يا بشمهندس انت افضل من يشرح رياكت ❤🎉

[@AlgerEvent]

عظمة عظمة شكرا لك على كل ما تقدمه للمحتوى العربي واصل كفووووا

[@mohammedabdellatif3562]

شكرا ليك استفدت من شرحك جدا.

[@forchildren1006]

شكرا يا باشمهندس علي الشرح الرائع المبسط ❤❤❤❤❤

[@Muhammad.Ahmad94]

شرحك سهل وبسيط، إستمر يا بطل💪

[@mohamedtaoufiq9999]

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

[@MaaElKetab]

one of the best Resorces I have find in the TH-cam thank you

[@camip1519]

و الله افضل شرح وجدتو شكرا جزيلا يحيى

[@abdallahmashaly2911]

مجهود يحترم❤❤

[@israarashed4859]

شرح سلس 💥💥شكرا

[@eslamalmasoudy4972]

كورس عظيم ي هندسه والله عايزين كورسات تانيه ❤😊

[@ahmedashrafkhalifa5351]

بارك الله فيك ❤

[@marcilenoreda932]

يااااه ع الوقت اشكرك ❤❤❤

[@moua6139]

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

[@ethanroman6883]

Awesome, thank you 🙏

[@user-jf4wn4oh4p]

عظمه يا هندسه والله حضرتك شرحك مفصل جدا ❤❤❤❤

[@lojee981]

أستاذ بأتم معنى الكلمة

[@omargumari8674]

ربنا يباركلك يا أستاذ ، تحياتي لحضرتك من الجزائر

[@amrmustafa1533]

thank you for this perfect teaching , very helpful and very clear . waiting for other front-end videos.

[@sanaaafifi1754]

الله يباركلك بجد شرحك جميل جدا

[@mustafamarwan5587]

الله يعطيك العافية شرح اكثر من رائع الصراحة متابعك من الاردن ❤❤❤

[@1amir_16]

شكرا علي الحلقه الرهيبة ❤

[@abdomarfy3546]

رااااائع شكرا 💮💮

[@nermeenaliabdelhakeem422]

You are perfect Thanks alot 🎉🎉🎉

[@mustafaomran1887]

ما شاء الله علي طريقة شرحك .. عاش استمر

[@bahidev9245]

محتوى وشرح احترافي يعطيك الصحة ، متابعك الوفي من الجزائر ❤❤❤❤

[@mohamedgalal9098]

استمر والله عاش جودة المحتوي عالية ما شاء الله💥💯👍

[@awadhsupper4868]

شكرا لك على هذا الشرح الرائع

[@user-ls3gq1qv8j]

الله اكبر و لله الحمد بصراحة شرح مفيد جدا يابشمهندس

[@firestormag]

ماشاءالله شرح بسيط وشامل و غطى كامل الاساسيات React , حاليا عندي خبرة سنتين React/ node.js و اكيد رح استنى اكثر فيديوهات عن Next.js استمر

[@ziadmhamd781]

هل اشتغلت بالتقنيات دي ولا لسه

[@firestormag]

اه اشتغلت و حاليا طلعنا موقع جديد@@ziadmhamd781

[@adilkhalid6625]

شرح اكثر من رائع ❤

[@hamzachaali6637]

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

[@allammokavideos]

فيديو تحفه اقسم بالله

[@supergeniuspro]

روعة اول مرة احس اني فاهمه اخيرا

[@youcef476]

كمية معلومات رهيبة

[@user-gs5vn3ks6b]

شكرا جدا على كورس ❤

[@osamadammag6303]

والله ولا اروع ي بش مهندس 🔥🔥
طيب ليه ما تفعل كورس Angular ... بيكون اعظم.

[@ReemRamzi]

Perfect and on point

[@football_monzer]

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

[@TiSo02511]

واخيرا بعد انتظار

[@ahmadanm7300]

واااااخيرا وربي فرحت لمن شفت الإشعااار

[@halearnenglish2961]

انت انسان عملى جدا و اسلوبك مميز يا ريت اكون صحبك فى العلم و التعلم و يشرفنى اكون صاحبك طباعا

[@aitlamdadmohamed162]

الله انور طريقك

[@Eminno-Ab]

جميييييل البش مهندس

[@zakariamoussammi6202]

it's my first react course, and i feel like i can start build a real project😅 . Thank you mate !

[@wsemdawoodi7074]

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

[@BadrDevApkiXD]

شكرااا ❤❤

[@mmllllmm5671]

مشكور والله

[@ahmedqandiil201]

فيديو اكثر من رائع مشاء الله ... ممكن الخطوة اللي جاية انك تعمل مثلا عمل موقع Blog توظف فيه كل الكلام دة هيكون حاجة رائعة وبالتوفيق ❤❤

[@rscfb7597]

شكراا جزيلا

[@didoiyad6770]

افضل شرح عربي للرياكت شفتو شكرا لك أستاذنا الكريم هل يمكن أن تعمل لنا مشروع كامل مثل المبيعات ب رياكت او تشرح لنا رياكت ناتيف

[@rscfb7597]

شكرا جزيلا

[@ANDROIDSPACE0]

ياريت يا اخي لو تشرح تايب سكرت في فيديو منفصل و تشرح اش الفرق بينه وبين js العادي😊❤

[@sadaksalaheddine7798]

intéressant , merci Yahya

[@ahmadhazem1055]

اخيييرااا🔥🔥

[@barbaros4253]

thanks for everything,
please mr.yahia could you create a REACT NATIVE COURSE

[@sifoamama2673]

شكراا، كنا منتظرين هذا الدرس 😍😍😍😍

[@ahmedalkolfat9375]

شرحك رائع جدا

[@heshamabdulaziz8135]

شرح رئع بشمهندس ممكن تنزل فيديوا تشرح فيه ال prisma جزاك الله خير

[@salaheddinemaarouf1]

ممكن كورس مفصل حول Redux، صراحة طريقة الشرح سهلة و مبسطة جدا و جزاكم الله خيرا ❤

[@NOURTCS]

Thanks!

[@alaskaricode989]

اتمنى فيديو شرح كامل عن Angular❤

[@ehabsalhi2735]

لو تكمل شرح react and node وتدخل بمواضيع advance في full stack field ، صراحة اتوقع تكون الاول عربيا بهاي التغطية والاحترافية ، لانه اغلب الكورسات الاحترافية للاسف مش بالعربي وحسب ما انا شايف اذا عملت هيك رح تكون انت الاول عربيا وصدقني ما ببالغ ب كلامي ، ابدعت 👏

[@thomasmatta4076]

ياريت حاجة زي كده في angular 😍

[@yehiatech]

باذن الله في الخطة ✌️🚀

[@Mo1992]

انا بتعلم Web Development فى مانشستر علشان بغير career وعندى معرفة كويسة فى React وبعمل search علشان استفيد اكتر من يوتيوب وشوفت الفيديو بتاعك رغم ان انا مش بفهم الكلام والمصطلحات العربية ولا بتفرج على اى محتوى عربى . لكن انت بصراحة مع استخدامك للأشياء بأسمائها الانجلش وشرحك المفصل والسهل يخلينى اقول انك عالمى يا صديقى . تحياتى ليك وبالتوفيق وشكرا على مجهودك وان فعلا فيه حد بيقدم محتوى برمجى باحتراف 🔥🔥🔥🔥

[@alisafrioui9914]

Please can I talk to you in WhatsApp or Instagram ??

[@manomohamed2893]

استمرررر❤❤❤❤

[@TheFuture_25]

ياريت تعمل عن ال Angular