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

No video

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

Рет қаралды 185,525

Күн бұрын

أكاديمية حسوب
academy.hsoub....
استخدم كوبون YA100 واحصل على خصم 100 دولار لأول 10 طلاب هيشتركوا في كورس من كورسات
أكاديمية حسوب.
---
كورس تطوير تطبيقات الويب باستخدام MERN Stack
www.udemy.com/...
---
ده كورس شرح أساسيات 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

Пікірлер: 288

@codecret1 Жыл бұрын

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

@GeekMed1 Жыл бұрын

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

@emanswilam9934 5 күн бұрын

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

@ehabsalhi2735 Жыл бұрын

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

@ZobairNajdaoui 11 ай бұрын

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

@mohamedeljabri4970 Жыл бұрын

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

@ahmadzahran3649 9 ай бұрын

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

@ABDULRAHMAN_A2Z 2 күн бұрын

احترافية لا متناهية جزاك الله خير الجزاء ❤

@marzenalaaeddine Жыл бұрын

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

@firestormag Жыл бұрын

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

@ziadmhamd781 8 ай бұрын

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

@firestormag 8 ай бұрын

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

@mostafamohammady8809 11 күн бұрын

هل هي أصعب من أنجولار

@zohayrslileh2734 Жыл бұрын

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

@nah0221 Жыл бұрын

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

@sifoamama2673 Жыл бұрын

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

@omarabdelatif1367 Жыл бұрын

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

@egforce 11 ай бұрын

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

@didoiyad6770 Жыл бұрын

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

@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 !

@codemass 11 ай бұрын

if anyone facing a problem when creating a new React project just try to check the directory that is given inside the error message .. ( c:\users\username\AppData\Roaming pm ) just check if you have the npm folder there if not just create a new folder and name it npm and then try to create the project from cmd

@muhammedelkholy1453 11 ай бұрын

Thanks bro that was useful

@football_monzer Жыл бұрын

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

@omargumari8674 Жыл бұрын

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

@mahmoudali2625 10 ай бұрын

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

@salaheddinemaarouf1 3 ай бұрын

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

@Abdelrahman_Walid1 Жыл бұрын

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

@redarashad1415 Жыл бұрын

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

@salaheddinemaarouf1 3 ай бұрын

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

@zakariamoussammi6202 7 ай бұрын

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

@mszaki Жыл бұрын

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

@JEL-ug1eb 5 ай бұрын

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

@thomasmatta4076 Жыл бұрын

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

@yehiatech Жыл бұрын

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

@barbaros4253 Жыл бұрын

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

@osamadammag6303 Жыл бұрын

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

@ANDROIDSPACE0 Жыл бұрын

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

@yassminserag2924 Ай бұрын

ممكن تعمل لينا فيديو ازاى اعمل commercial website? شكرا جدا

@mohamedgalal9098 Жыл бұрын

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

@user-vh6ti3iy7v 6 ай бұрын

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

@mamdohmostafa3103 4 ай бұрын

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

@halearnenglish2961 Жыл бұрын

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

@moezcherif7352 Жыл бұрын

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

@abdullahsaid4765 Жыл бұрын

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

@fu_hi Ай бұрын

بارك الله فيك بجد محتوى فريد من نوعه

@monahewidy3748 Жыл бұрын

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

@alaaibrahim2893 Жыл бұрын

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

@EasternBoss Жыл бұрын

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

@treembadgish5807 Жыл бұрын

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

@lojee981 Жыл бұрын

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

@user-op3fu3vk7x 8 ай бұрын

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

@mohamedtaoufiq9999 Жыл бұрын

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

@IBRAHIMEZZAT Жыл бұрын

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

@ahmedqandiil201 Жыл бұрын

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

@eslamalmasoudy4972 Жыл бұрын

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

@mennaesmael7249 Жыл бұрын

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

@programminglanguage2806 11 ай бұрын

انا في مجال front end developer وبحبك جدا في ٣حاسبات ونفسي تصور معاك فديو في مستقبل

@yehiatech 11 ай бұрын

🌹🚀

@mohammedaminelahmami708 3 ай бұрын

شرح مبسط و جميل بارك الله فيك

@user-ls3gq1qv8j 5 ай бұрын

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

@jackgoreges6411 Жыл бұрын

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

@ahmedalkatb Ай бұрын

ممكن تنصحني بكورس فلاتر مشروح كويس

@jackgoreges6411 Ай бұрын

@@ahmedalkatb تابع مصادر اجنبية حديثة

@nouaimmebarki8885 10 ай бұрын

19:43 هناك إمكانية استخدام . code في terminal

@amrmustafa1533 7 ай бұрын

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

@heshamabdulaziz8135 Жыл бұрын

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

@user-wo3cl1iz4d 11 ай бұрын

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

@MaaElKetab 9 ай бұрын

one of the best Resorces I have find in the KZfaq thank you

@Mo1992 11 ай бұрын

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

@alisafrioui9914 9 ай бұрын

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

@mustafamarwan5587 Жыл бұрын

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

@Akram-UXUI Жыл бұрын

ممكن يابش مهندس تثرينا بمعلومات حول أنظمة الويب مثل نظام اودو اي ار بي الزاي تم تطويره وبأي لغات ورأيك اي في الموضوع داه

@israarashed4859 Жыл бұрын

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

@AlgerEvent Жыл бұрын

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

@redadev4807 9 ай бұрын

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

@MohammedDra-tt3wk 9 ай бұрын

شكرا لك 🌹🌹 بغيت نسولك، عطينا أفضل كورسات "أمن سبيراني " من صفر إلى الاحتراف و شكرا بغيتك تجاوبني أقرب وقت

@camip1519 11 ай бұрын

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

@bahidev9245 Жыл бұрын

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

@MinaMk587 23 күн бұрын

جميل جدا اعمل فيديو مخصوص ل react native و خليك جدع 😂❤

@user-pp2cd4sr1k 11 ай бұрын

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

@AhmadFijr Жыл бұрын

من فضلك قدم نفس الشرح ولكن لل Nuxt 3 المبني على Vue

@sadaksalaheddine7798 Ай бұрын

intéressant , merci Yahya

@mohammedabdellatif3562 7 ай бұрын

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

@awadhsupper4868 3 ай бұрын

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

@alaskaricode989 8 ай бұрын

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

@sanaaafifi1754 9 ай бұрын

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

@hamzachaali6637 Жыл бұрын

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

@abdallahmashaly2911 Жыл бұрын

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

@abdomarfy3546 Жыл бұрын

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

@mustafaomran1887 11 ай бұрын

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

@ethanroman6883 Жыл бұрын

Awesome, thank you 🙏

@mahmoud.Mohamed.tawfiq 11 ай бұрын

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

@progamingdz5717 Жыл бұрын

تقدر تدخل في الكورس بدون تعلم html و css فقط متعلم node js

@yehiatech Жыл бұрын

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

@ConventionChallenger Жыл бұрын

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

@user-vo3bm2dg3h 8 ай бұрын

الفرق بين vite-react and next js

@fatmam7016 Жыл бұрын

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

@khaledgamal3324 Жыл бұрын

يا ريت مشاريع رياكت يا هندسه

@user-dx3kd8tu6n Жыл бұрын

جزاك الله خير على تعبك وشرحك كان فيديو حلو رغم اني تعبت وانا بشاهده وتقريبا فنصف الفيد دماغي وقف معالجة للبيانات وبدا يصيح يقول "كااااااافي"🤣🤣 اتمنى من حضرتك فوقت مناسب لك تبدا كورس فعلي مقسم لفديوهات اكثر بطريقه شرح شوي ابسط بيتكلم عن react وبالتحديد next.js حصرا فرغم كون هذا الكورس حلو الا انه بصراحه كان متعب شويتين ...مع خالص الشكر والتقدير لتعبك💙