خارطة تعلم تطوير تطبيقات الويب فرونت اند | Frontend Developer Roadmap 2024 (Arabic)
في الفيديو ده بنتكلم على المنهجية اللي لازم اي حد يمشي عليها عايز يبقى Frontend Developer.
هندي شرح لكل جزئية ونقدر نتعلمها ازاي ومنين. بفترض ان مفيش سابقة خبرة خالص عشان تقدر تمشي معايا في الفيديو ده.
ممكن نعتبره الدليل الشامل الحديث اللي اقدر اعرف انا اتعلمت ايه وفاضلي ايه عشان اوصل وابقى Frontend Developer.
===
مراجع تفيدك في مذاكرة الـFrontend:
---
فيديو ملخص الجافاسكريبت في 15 دقيقة JavaScript in 15 mins.
• ملخص الجافاسكريبت في 1...
---
مرجع للـHTML و CSS
www.w3schools.com/
---
مرجع للجافاسكريبت
www.freecodecamp.org/learn/ja...
---
مرجع للـBootstrap
www.w3schools.com/bootstrap5/
---
مرجع لـTailwind CSS
tailwindcss.com/docs/
---
مرجع لـReact
reactjs.org/tutorial/tutorial...
---
مرجع لـAngular
angular.io/tutorial/tour-of-h...
---
مرجع لـVue.js
vuejs.org/tutorial/#step-1
---
===
- 00:00 مقدمة
- 00:39 1 - URLs, Domain, and Web Page
- 05:18 2 - HTML: Hypertext Markup Language
- 12:19 3 - CSS: Cascade Styling Sheets
- 19:48 4 - CSS Framework
- 23:28 5 - JavaScript (Node.js)
- 28:26 6 - Frontend Frameworks
- 38:59 الخلاصة
===
لو بتدور تبدأ منيني في البرمجة فشوف الPlaylist اللي بتمشي معاك في منهجية البرمجة من الأول
#####
منهجية - مراحل تعلم البرمجة
• منهجية - مراحل تعلم ال...
#####
صفحة الانستجرام
/ yehia.tech
متنسوش تعملوا Like وSubscribe.
اول مرة اشوف شرح عربي مختصر بدون حشو كلامات شكراً لك شرح متعوب عليه مختصر وشامل ❤🎉
شكراً جزيلاً على المحتوى 🙏🏻 واضح متعوب عليه
ماشاء الله شرح رائع و مبسط !
الشرح عظمة يهندسة ماشاء الله❤
بارك الله فيك ومشكور على الشرح المميز.
صراحة حاجة عظمة جدًا .. جزاكم الله خيرا
ربنا يكرمك يا رب، انت مبدع في توصيل المعلومة وليك كل إلاحترم والتقدير ❤
جزاك الله خيراً يا باشمهندس ❤
ياخي شرحك ومحتواك رهيب
شكرا جدا جدا لحضرتك بش مهندس كلام جميل و منظم و مفيش فيه اي فوضى استمر يا مبدع ❤❤❤❤❤❤❤❤❤❤
فديو رائع نتطلع الى خرائط الطرق للوظائف الاخرى
مفيش محتوي على اليوتيوب بجد جايب كميه التفاصيل ديه عالمي و الله و اجمد شرح شوفته❤❤❤❤❤❤
شكرا سهلت علي الله أسهل امورك
بارك الله فيك وننتظر منك نفس هذه المنهجية للباك ايند
شكرا كثير على الافادة بتمنى الحلقة الجاي تكون عن js
شكرا كثير ،انت رائع استاذي
والله شرح انا اول مره اسمعه في حياتي بجد شكرا❤❤❤❤❤❤❤❤ Yehia Tech
😍😍🔥🔥
شكرا بارك الله فيك
انت رائع منتظرين ال Backend فيديو
شرح رهيب والله رهيب😊
فيديو في القمة
شكرا من القلب ❤❤
السلام عليكم بصراحة مجهود يحترم وانا ناوى ابدأ انشاء الله وحابب اشارك التجربة مع حد عشان نشجع ونفهم بعض و الله المستعان
عليا الطلاق انت بحر معلومات❤
شكرا جدا جدا
تسلم يا باشمهندس يا عالمي 😍
شكرا 🙏
thank you about the informations
ياريت حضرتك تعمل فيديو لل backend و شكرا جدا لمجهود حضرنك
شكرا ل حضرتك منتظرين منهج للباك اند باستخدام nodejs
و كأنني شاهدت 4د مش 40د ... ماشاء الله عليك , شكراا من القلب ❤
جزاك الله خير الجزاء ممكن بعد إذنك شرح عن ال Gulp & pug وشكرا
اجمد مطور مواقع عربي ❤💪
صلوا على النبي ❤
معلم والله
عااااااااااااااااش يا هندسة فى انتظار الباك اند نود
شرح رهيب يا مهندس بخصوص الURL اختصار للUniform Resource Locator ليس Unifed Resource Locator❤
شرح رهيب كما عودتنا استاذ يحيى، توي لاحضت انك تشبه سايفر من The Matrix 🤣🤣
في انتظار حلقه الانجولار إن شاء الله
عجيب... مثال جزئية كتابة الــ class في ملف html.. على كثر ما سمعت فيها شروح إلا أن طريقة استخدامكم لها احترافية وتشرح استخدامها الصحيح اللي نفهمها
ممكن تنزل فيديو ازاي نتعلم MERN stack
قدم فى ال iti
بدون تعقيد MERN تعني: MongoDB + Express.js + React.js + Node.js هي تعتبر full stack لكن بفريموورك javascript
ممكن فديو زي دا لل Django ❤
ربنا يكرمك يارب و ينفع بك الناس مش عارف اشكرك ازاي والله .. انا بعمل شيفت كارير و معرفش حاجه عن البرمجه انت بسطتلي المعلومة مكونتش عارف أبدأ منين ولا اخد فكرة عن المجال اللي انا عاوزة منين و لقيت ده في الڤيديو و المحتوي بتاعك .. الف شكر استمر و ربنا يوفقك يارب ❤️
react is the best framework for many reasons
بتشكرك يااستاذ فيه استفسار ايش افضل الكورسات لمجال الفرونت اند عشان اخذها
انتا شخصية محترمة وشكرا لتسهيل المعلومات وطريقة شرحك جميلة ولو في وقت متاح ليك وعرفت انك تبداء تشرح reacjs لو حضرتك شغال بيها تبق مشكور وسوال تاني معلش ازاي الاقي تدريب ليا ك فرونت اند لاني خريج وتاية ومش عارف اوصل لشركات ومش عارف اوصل ازاي ليهم وربنا يوفقق يارب يا هندسة وشكرا لتعبك ❤
فيديو عال Cyber security 😊
دقيقة ماش فاهم جافاسكربيت كي يشتغل وحدو اذا كيف نربطه مع html
❤
كالعادة شرح جميل ومختصر كنت عايز أسئل حضرتك أنا خلصت html -css-javascript ,-react-next js وكمان مكتباتui- bootstrap -talwind وكنت عايز أدخل شوية back end لأن فية مشاريع صغيرة بتبقي عايز أعمل فيها back end فهل توصني أدرس mern ولا php ولو mern أبدأ بأيه الأول أرجوك جاوبني علي السؤال لأني مش هلاقي حد في خبرتك
Vue ال بناها كان من ضمن التيم ال بنى Angular ف شركة جوجل
شكرا على مجهودك انا في رحلة تعلم بعض لغات البرمجه وبدأت بالHTML وكملتها والآن أتعلم في لغة CSS عندي أقتراح منصة سطر التعليمية تعلمت منها بالنسبة للأساسيات تعتبر ممتازة ولكن يجب أن تبحث بنفسسك أيضا سؤالي هل أن أتعلم من منصة واحدة فقط و مسار واحد يكفيني أو لا
ممكن تحكي عال Data base
ربنا يخليك يا بشمهندس يحي انا بحب شرح حضرتك بيبقي واضح جدا وسهل الفهم بس ياريت تنزلنا ال Back-end عشان انا حابب ابقى full stack ولو ممكن مصادر يابشمهندس لل RESTful services and APIs, HTTP
طب ايه رايك في ال sass
ممكن حضرتك تعرفني ال sass لسه محتاجين نذاكرها
طيب ما تعمل كورسات للحاجات دي، ما شاء الله اسلوب حضرتك كويس جدا :)
فيه بالفعل كورس React نزل عندنا على القناة حضرتك تقدر تشوفه .. والباقي نتطرق اليه باذن الله kzhead.info/sun/ma6MdtmrZ6KujYE/bejne.htmlsi=pB5A3ZFWT5vGqHO1
جزاك الله خيراً يا باشمهندس ❤️ بعد اذنك أتابع إيه أعرف منه الجديد الى بيحصل أو أطلع اكتر زى مقالات أو كده
افضل موقع اشوفه هو medium.com ابحث بعنوان التخصص اللي عايز تتابع فيه وهتلاقي. وفيه قناة على اليوتيوب اسمها fireship ... بينزل كل جديد وبيتكلم عنه باختصار وشكل مبسط..
استاذ يحيى اولا شكرا عالتعب عهالفيديو ثانيا بما انك تحدثت عن الAngular ليش ماتنزل سلسلة عنه برايي هاد الوقت الانسب لتشهر حالك فيه كونه جديد ومافي كتير محتوى قوي عربي فيه ؟
🥰🥰🥰🥰🥰
is this mean that i should learn learn css framework before starting learn js
شكرا على مجهودك الجبار ❤️❤️ بس لو تعطينا افضل المصادر لتعلم js و شكرا.
مكتوبة في الDescription.
يحي انا عايز ابداء من الصفر فى التعليم ممكن ابداء معاك كا مدرب من الصفر إلى الاحتراف ؟
يجدعان لو مستعجلين ممكن تذاكروا html , css , bootstrap وشويه جافا سكريبت وهتلاقوا شغل فريلانس ولكن اعمل حسابك انك مش هتعمل الفلوس الهوبا هاى الا لو كنت زودت معلوماتك فهتعمل فلوس عنب من الفريلانس لكن لو بتارجت شركات هتحتاج تكمل الباقى وتتعمق فى الجافا سكريبت اكتر وطبعا هتعمل فلوس اكتر الكلام عن تجربه شخصية أنا شغال فريلانسر ومعرفش غير html , css , JS , bootstrap وفيجما
كم الوقت اللي يحتاج لتعلم js
بالنسبة للاساسيات اللي هيا داتا ستراكشر وخوارزميات .... هل ممكن اذاكرها بعد ما اخلص الرود ماب ولا لازم لازم ابدأ بيها ... خصوصا اني عاوز انجز وابدأ ادور علي شغل
السلام عليكم بدي اعرف مين فئة العملاء الي حنتعامل معهم في هاد المجال ,وهل احتاج لرأس مال للبدأ بهذا المجال.....وشكرا
حالين مافي اي استخدامات لل scss يعاني صار غير مستخدم ويعتمد على الفريم ورك
بسم الله ماشاء الله، جزاك الله خيرا شرح كافي ووافي، سؤال لو سمحت.... لازم اتعلم node قبل react js ؟
سلام ممكن تقولي بإي منهما بدأت وشكرا
و بماذا تنصحني
@@user-oc9nh2yi3z ممكن تقرا JavaScript dom مدرسه تقول كدا ومدرسه مثل بشمهندس يحيي تدرس JavaScript, node js runtime لديه كورس في القناة وبعد ذلك الانتقال لي react js
انا لو عنديip بتاع اليوتيوب كده هشغله من غير نت لانه مش هيدور عليه ف نت
ممكن roadmap لل node js
السلام عليكم انا عندي اقتراح ما. بعرف اذا بعجبك من وجهت نظري اذا بتعمل تطبيقات عملية على الويب بكون افضل شي للقناة لانو كثير ناس على اليوتيوب بعلمو الاساسيات بس وقت التطبيقات العملية ما في الاشي الكويس اذا بتعمل هاد الشي راح تكبر القناة و مشان ال javascript بدك ترجع تكمل ؟ و اذا بدك تكمل يا ريت يكون في تطبيقات كبيرة و معقدة لانو شرحك كويس و الله يكتب الخير
اشكرك على المقترح. وبالفعل هذا هو ما نسعى اليه. لكن يلزم برده البدأ من الاساسيات بحيث يكون متوفر المعلومات المتكاملة من الاساسيات للتطبيق العملي والاحتراف...والله الموفق والمستعان 🚀👏
الله يكرمك ... طب لو عاوز اساسيات الجافا سكريبت اخدها منين وهى كده كده بيتتكتب فانيلا معظم الدروس اللى على النت
وبالنسبه ل problem solving ?
طب الملخص بتاع حضرتك للجافا سكريبت هيفيد الدوم والبوم ولا ملهمش استخدام الان
مفيش فيديو قريب لل backend ؟
فيه باذن الله .. جاري التحضير له
27:40 طيب شو فرق يعني فرق بس ظهرت نتيجه في شاشه سوداء
وراى حضرتك فى كورس maximilian schwarzmüller للرياكت
جامد جدا الراجل ده...وشرحه بيغطي كل الابعاد اللي تحتاجها تشتغل بيها عملي.
اتا فتت على القناة لقيت فيديو 3 ساعات و بلاي ليست من 5 سنين هل هاد يلي بدك تحضرو و ممكن الرابط لو سمحت
@@lp26197 ده على يوديمى غير مجانى
طيب انا أكتب اكواد الـ JS في ملف خارجي واربط الملف بـ صفحة الـ HTML يعني هيك طريقه الـ node صح ؟! وايضا الـ node JS اعتقد هو freamwork خاص للباك اند
ايوة مظبوط...Node.js هو يستخدم Backend وايضا يعمل انهاردة لتشغيل الFrontend...هتلاقي حاجة زي Next.js مثلا معتمدة عليه بقوة لعمل Render على الServer الى HTML...واللي هو بيسموه SSR
هل الأفضل إستخدام frameworks لل css و js عند العمل على web apps بحجم كبير او vanilla?
طبعا Frameworks ... اوعى بتعمل بVanilla .. هبكون صعب جدا الMaintainability ... كلنك بالظبط بتعيد اختراع العجلة وهتقعد تضيع وقت في كود تعمل بيه حجات هو متوفر وجاهز استخدامه مباشرة في الFramework... وانهاردة اصلا الشركات بتطلب كمان تكون خبرة ومعرفة بFramework او تقنية معينة .. تطلب مثلا React او Angular او VueJs بالاسم .. وتكون عندك خبرة عملية فيها.
باش مهندس ممكن كورس node js يكون بالعربي
في كورس Java Script Node Js موجود على القناة ..❤️
@@yehiatech بس حبيبي انا فرونت اند وnode js بتكون للباك اند، كدا مش راح تنفعني؟
سوال يا هندسه بالنسبه لل css framework هو لازم احفظ كل ال classes الموجوده ولا انا بس بكون فاتح ال docs جنبى وانا شغال واشوف كلاس معين محتاجه فبعمله Copy علشان بس مضيعش وقت رهيب فى حفظ ال classes دى على الفاضى لو دة مش السياق المتبع
لا مش لازم تحفظ...تفهم بس ايه اللي ممكن تستخدمه وتركبهم ازاي مع بعض وتجيب كله من الDocs لمغ تحتاجها
طيب سؤال لو سمحت انا مخلص js الي كم شهر و الكورس كان بشرح فانيلا js طيب اذا بتقول انو معاد تستخدم كيف بدي استخدم js مع html ممكن شرح لاني ضايع و اذا بكون فيديو شورت توضح الفرق بين ال node و اكسبريس يستفيد الكل ولك جزيل الشكر لاني حاليا واقف مش عارف شو اعمل
بص هو مدام فهمت JavaScript كاساسيات فده ممتاز. حتى لو Vanilla Js فتمام الاساسيات بتاعت اللغة بس هي اهم شئ...ممكن تراجعها في فيديو الملخص اللي انا عامله... ثم ادخل على Framework. اختر React او Angualr وركز انك تتعلمهم كويس جدا
@@yehiatech اولا شكرا كثير كثير لك ثانيا انا تعلم اساسيات الفانيلا و طبقت كم تطبيق بتنصحني بلش فرييم وورك والله الناس حيرتني يلي بقلي طبق فوق 100 تطبيق و يلي بقلي ادخل تعلم فرييم وورك انا مشان تكون فتهم علي طبقت كم ويب سايد و كم تطبيق هيك تمام واتا حضرت الفيديو يلي انت نزلتو عن node هيك ادخل فرييم وورك ولا لا امانة سامحني عم غلبك و الله يجزيك الخير
انا ك فرونت اند تعلم اساسيات js لازم طبق عليها ولا الفريم وورك التطبيقات فيو احسن شو رأيك انت
طبق عكلي على طول في framework...افضل طريقة تثبت المعلومات وتكسب نفسك خبرة انك تبني مشروع بايدك.
@@yehiatech انا اسف بس ما فهمت عليك قصدك اني افوت دغري على ال framework و اطبق فيو لا اطبق ب js العادية
طبق على طول في الفريمورك.
سؤال يا باشمهندس 🌹 ايه الفرق بين Computer science و Software engineering ان شاء الله انا السنة الجاية جامعة ودلوقتي متحير بين التخصصين دول😆 وجزاك الله خيرا على المحتوى الجبار🌹
طبعا هو الفرق يصعب شرحه باختصار...وعايز اعمل عنه فيديو باذن الله. لكن سريعا....التخصص الاعم والاكبر هو Computer Science. والSoftware Engineering يعتبر تخصص فرعي داخل عالم الComputer Science. ممكن يقاس التشبيه بالطبيب العام الذي تخرج من طب....والطبيب الذي تخصص باطنة او نساء....
@@yehiatech 🌹
Tailwind css احسن من bootstrap بكثير
ياخويا انت قاعد تهبد و تضيع الناس اذا مبتعرفش حاجة ابحث عنها مش بتضيع الناس. ثاني مرة اشوف قناتك و اخفيها معلوماتك خطأ و انت قاعد تضيع الناس
ايه الاخطاء اللي انت شايفها .. شاركها فضلا اذا كنت انا مخطأ او انت عندك وجهة نظر تانية.