خارطة تعلم تطوير تطبيقات الويب فرونت اند | 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.
Пікірлер: 126
اول مرة اشوف شرح عربي مختصر بدون حشو كلامات شكراً لك شرح متعوب عليه مختصر وشامل ❤🎉
احسن قناة ناطقة بالعربي في مجال البرمجة
شكرا جدا جدا
فيديو في القمة
شكرا 🙏
شكرا بارك الله فيك
شكرا من القلب ❤❤
ياخي شرحك ومحتواك رهيب
الشرح عظمة يهندسة ماشاء الله❤
ماشاء الله شرح رائع و مبسط !
جزاك الله خيراً يا باشمهندس ❤
شرح رهيب والله رهيب😊
انت رائع منتظرين ال Backend فيديو
شكرا كثير ،انت رائع استاذي
بارك الله فيك ومشكور على الشرح المميز.
شكرا سهلت علي الله أسهل امورك
فديو رائع نتطلع الى خرائط الطرق للوظائف الاخرى
شكراً جزيلاً على المحتوى 🙏🏻 واضح متعوب عليه
جزاك الله خيرا
صراحة حاجة عظمة جدًا .. جزاكم الله خيرا
بارك الله فيك وننتظر منك نفس هذه المنهجية للباك ايند
شكرا كثير على الافادة بتمنى الحلقة الجاي تكون عن js
شكرا ل حضرتك منتظرين منهج للباك اند باستخدام nodejs
ربنا يكرمك يا رب، انت مبدع في توصيل المعلومة وليك كل إلاحترم والتقدير ❤
تسلم يا باشمهندس يا عالمي 😍
شكرا جدا جدا لحضرتك بش مهندس كلام جميل و منظم و مفيش فيه اي فوضى استمر يا مبدع ❤❤❤❤❤❤❤❤❤❤
ياريت حضرتك تعمل فيديو لل backend و شكرا جدا لمجهود حضرنك
شرحك كتيير مفيد اخي يحيى ❤❤❤❤شكرا لك جزيلا
والله شرح انا اول مره اسمعه في حياتي بجد شكرا❤❤❤❤❤❤❤❤ Yehia Tech
جزاك الله خير الجزاء ممكن بعد إذنك شرح عن ال Gulp & pug وشكرا
thank you about the informations
عليا الطلاق انت بحر معلومات❤
مفيش محتوي على اليوتيوب بجد جايب كميه التفاصيل ديه عالمي و الله و اجمد شرح شوفته❤❤❤❤❤❤
شكرا لك على هده العظمة
و كأنني شاهدت 4د مش 40د ... ماشاء الله عليك , شكراا من القلب ❤
شرح حضرتك ممتاز ربنا يزيدك من فضله، سهلت عليا كتير ربنا يسهلك الصعب
والله العظيم إنه من أحسن الشرحات لي شفتها مختصر ومفيد ، شكرا ❤❤
اجمد مطور مواقع عربي ❤💪
معلم والله
السلام عليكم بصراحة مجهود يحترم وانا ناوى ابدأ انشاء الله وحابب اشارك التجربة مع حد عشان نشجع ونفهم بعض و الله المستعان
شرح رهيب يا مهندس بخصوص الURL اختصار للUniform Resource Locator ليس Unifed Resource Locator❤
😍😍🔥🔥
شرح رهيب كما عودتنا استاذ يحيى، توي لاحضت انك تشبه سايفر من The Matrix 🤣🤣
عااااااااااااااااش يا هندسة فى انتظار الباك اند نود
في انتظار حلقه الانجولار إن شاء الله
عجيب... مثال جزئية كتابة الــ class في ملف html.. على كثر ما سمعت فيها شروح إلا أن طريقة استخدامكم لها احترافية وتشرح استخدامها الصحيح اللي نفهمها
بتشكرك يااستاذ فيه استفسار ايش افضل الكورسات لمجال الفرونت اند عشان اخذها
ممكن تنزل فيديو ازاي نتعلم MERN stack
@NourAyman2699
7 ай бұрын
قدم فى ال iti
@badermezzi2788
6 ай бұрын
بدون تعقيد MERN تعني: MongoDB + Express.js + React.js + Node.js هي تعتبر full stack لكن بفريموورك javascript
@user-xe5kp8tk5s
27 күн бұрын
@@badermezzi2788صح
ممكن فديو زي دا لل Django ❤
Vue ال بناها كان من ضمن التيم ال بنى Angular ف شركة جوجل
فيديو عال Cyber security 😊
ربنا يكرمك يارب و ينفع بك الناس مش عارف اشكرك ازاي والله .. انا بعمل شيفت كارير و معرفش حاجه عن البرمجه انت بسطتلي المعلومة مكونتش عارف أبدأ منين ولا اخد فكرة عن المجال اللي انا عاوزة منين و لقيت ده في الڤيديو و المحتوي بتاعك .. الف شكر استمر و ربنا يوفقك يارب ❤️
react is the best framework for many reasons
ممكن تحكي عال Data base
انتا شخصية محترمة وشكرا لتسهيل المعلومات وطريقة شرحك جميلة ولو في وقت متاح ليك وعرفت انك تبداء تشرح reacjs لو حضرتك شغال بيها تبق مشكور وسوال تاني معلش ازاي الاقي تدريب ليا ك فرونت اند لاني خريج وتاية ومش عارف اوصل لشركات ومش عارف اوصل ازاي ليهم وربنا يوفقق يارب يا هندسة وشكرا لتعبك ❤
جزاك الله خيراً يا باشمهندس ❤️ بعد اذنك أتابع إيه أعرف منه الجديد الى بيحصل أو أطلع اكتر زى مقالات أو كده
@yehiatech
Жыл бұрын
افضل موقع اشوفه هو medium.com ابحث بعنوان التخصص اللي عايز تتابع فيه وهتلاقي. وفيه قناة على اليوتيوب اسمها fireship ... بينزل كل جديد وبيتكلم عنه باختصار وشكل مبسط..
ممكن roadmap لل node js
ربنا يخليك يا بشمهندس يحي انا بحب شرح حضرتك بيبقي واضح جدا وسهل الفهم بس ياريت تنزلنا ال Back-end عشان انا حابب ابقى full stack ولو ممكن مصادر يابشمهندس لل RESTful services and APIs, HTTP
طيب ما تعمل كورسات للحاجات دي، ما شاء الله اسلوب حضرتك كويس جدا :)
@yehiatech
9 ай бұрын
فيه بالفعل كورس React نزل عندنا على القناة حضرتك تقدر تشوفه .. والباقي نتطرق اليه باذن الله kzread.info/dash/bejne/mH6HqNesYNPeiqw.htmlsi=pB5A3ZFWT5vGqHO1
الله يكرمك ... طب لو عاوز اساسيات الجافا سكريبت اخدها منين وهى كده كده بيتتكتب فانيلا معظم الدروس اللى على النت
حالين مافي اي استخدامات لل scss يعاني صار غير مستخدم ويعتمد على الفريم ورك
❤
دقيقة ماش فاهم جافاسكربيت كي يشتغل وحدو اذا كيف نربطه مع html
السلام عليكم بدي اعرف مين فئة العملاء الي حنتعامل معهم في هاد المجال ,وهل احتاج لرأس مال للبدأ بهذا المجال.....وشكرا
شكرا على مجهودك الجبار ❤️❤️ بس لو تعطينا افضل المصادر لتعلم js و شكرا.
@yehiatech
Жыл бұрын
مكتوبة في الDescription.
ممكن حضرتك تعرفني ال sass لسه محتاجين نذاكرها
استاذ يحيى اولا شكرا عالتعب عهالفيديو ثانيا بما انك تحدثت عن الAngular ليش ماتنزل سلسلة عنه برايي هاد الوقت الانسب لتشهر حالك فيه كونه جديد ومافي كتير محتوى قوي عربي فيه ؟
صلوا على النبي ❤
طب ايه رايك في ال sass
بسم الله ماشاء الله، جزاك الله خيرا شرح كافي ووافي، سؤال لو سمحت.... لازم اتعلم node قبل react js ؟
@user-oc9nh2yi3z
8 ай бұрын
سلام ممكن تقولي بإي منهما بدأت وشكرا
@user-oc9nh2yi3z
8 ай бұрын
و بماذا تنصحني
@football_monzer
8 ай бұрын
@@user-oc9nh2yi3z ممكن تقرا JavaScript dom مدرسه تقول كدا ومدرسه مثل بشمهندس يحيي تدرس JavaScript, node js runtime لديه كورس في القناة وبعد ذلك الانتقال لي react js
كالعادة شرح جميل ومختصر كنت عايز أسئل حضرتك أنا خلصت html -css-javascript ,-react-next js وكمان مكتباتui- bootstrap -talwind وكنت عايز أدخل شوية back end لأن فية مشاريع صغيرة بتبقي عايز أعمل فيها back end فهل توصني أدرس mern ولا php ولو mern أبدأ بأيه الأول أرجوك جاوبني علي السؤال لأني مش هلاقي حد في خبرتك
وبالنسبه ل problem solving ?
طب الملخص بتاع حضرتك للجافا سكريبت هيفيد الدوم والبوم ولا ملهمش استخدام الان
27:40 طيب شو فرق يعني فرق بس ظهرت نتيجه في شاشه سوداء
انا لو عنديip بتاع اليوتيوب كده هشغله من غير نت لانه مش هيدور عليه ف نت
بالنسبة للاساسيات اللي هيا داتا ستراكشر وخوارزميات .... هل ممكن اذاكرها بعد ما اخلص الرود ماب ولا لازم لازم ابدأ بيها ... خصوصا اني عاوز انجز وابدأ ادور علي شغل
السلام عليكم انا عندي اقتراح ما. بعرف اذا بعجبك من وجهت نظري اذا بتعمل تطبيقات عملية على الويب بكون افضل شي للقناة لانو كثير ناس على اليوتيوب بعلمو الاساسيات بس وقت التطبيقات العملية ما في الاشي الكويس اذا بتعمل هاد الشي راح تكبر القناة و مشان ال javascript بدك ترجع تكمل ؟ و اذا بدك تكمل يا ريت يكون في تطبيقات كبيرة و معقدة لانو شرحك كويس و الله يكتب الخير
@yehiatech
Жыл бұрын
اشكرك على المقترح. وبالفعل هذا هو ما نسعى اليه. لكن يلزم برده البدأ من الاساسيات بحيث يكون متوفر المعلومات المتكاملة من الاساسيات للتطبيق العملي والاحتراف...والله الموفق والمستعان 🚀👏
يحي انا عايز ابداء من الصفر فى التعليم ممكن ابداء معاك كا مدرب من الصفر إلى الاحتراف ؟
شكرا على مجهودك انا في رحلة تعلم بعض لغات البرمجه وبدأت بالHTML وكملتها والآن أتعلم في لغة CSS عندي أقتراح منصة سطر التعليمية تعلمت منها بالنسبة للأساسيات تعتبر ممتازة ولكن يجب أن تبحث بنفسسك أيضا سؤالي هل أن أتعلم من منصة واحدة فقط و مسار واحد يكفيني أو لا
صلوا على رسول الله
@Jackson-y3x
17 күн бұрын
صلى الله عليه وسلم
@Jackson-y3x
17 күн бұрын
صلى الله عليه وسلم
is this mean that i should learn learn css framework before starting learn js
وراى حضرتك فى كورس maximilian schwarzmüller للرياكت
@yehiatech
Жыл бұрын
جامد جدا الراجل ده...وشرحه بيغطي كل الابعاد اللي تحتاجها تشتغل بيها عملي.
@lp26197
Жыл бұрын
اتا فتت على القناة لقيت فيديو 3 ساعات و بلاي ليست من 5 سنين هل هاد يلي بدك تحضرو و ممكن الرابط لو سمحت
@beshoyezzat6443
Жыл бұрын
@@lp26197 ده على يوديمى غير مجانى
يجدعان لو مستعجلين ممكن تذاكروا html , css , bootstrap وشويه جافا سكريبت وهتلاقوا شغل فريلانس ولكن اعمل حسابك انك مش هتعمل الفلوس الهوبا هاى الا لو كنت زودت معلوماتك فهتعمل فلوس عنب من الفريلانس لكن لو بتارجت شركات هتحتاج تكمل الباقى وتتعمق فى الجافا سكريبت اكتر وطبعا هتعمل فلوس اكتر الكلام عن تجربه شخصية أنا شغال فريلانسر ومعرفش غير html , css , JS , bootstrap وفيجما
@idontcare.8697
3 ай бұрын
كم الوقت اللي يحتاج لتعلم js
@sbdhdjdjdj657
Ай бұрын
أتعلم js basic من القناه عندو + OOP عند الزيرو و اخر حاجه بص علي ال dom و Bom و ال crud operation وبس كده @@idontcare.8697
هل الأفضل إستخدام frameworks لل css و js عند العمل على web apps بحجم كبير او vanilla?
@yehiatech
Жыл бұрын
طبعا Frameworks ... اوعى بتعمل بVanilla .. هبكون صعب جدا الMaintainability ... كلنك بالظبط بتعيد اختراع العجلة وهتقعد تضيع وقت في كود تعمل بيه حجات هو متوفر وجاهز استخدامه مباشرة في الFramework... وانهاردة اصلا الشركات بتطلب كمان تكون خبرة ومعرفة بFramework او تقنية معينة .. تطلب مثلا React او Angular او VueJs بالاسم .. وتكون عندك خبرة عملية فيها.
🥰🥰🥰🥰🥰
طيب انا أكتب اكواد الـ JS في ملف خارجي واربط الملف بـ صفحة الـ HTML يعني هيك طريقه الـ node صح ؟! وايضا الـ node JS اعتقد هو freamwork خاص للباك اند
@yehiatech
Жыл бұрын
ايوة مظبوط...Node.js هو يستخدم Backend وايضا يعمل انهاردة لتشغيل الFrontend...هتلاقي حاجة زي Next.js مثلا معتمدة عليه بقوة لعمل Render على الServer الى HTML...واللي هو بيسموه SSR
سوال يا هندسه بالنسبه لل css framework هو لازم احفظ كل ال classes الموجوده ولا انا بس بكون فاتح ال docs جنبى وانا شغال واشوف كلاس معين محتاجه فبعمله Copy علشان بس مضيعش وقت رهيب فى حفظ ال classes دى على الفاضى لو دة مش السياق المتبع
@yehiatech
Жыл бұрын
لا مش لازم تحفظ...تفهم بس ايه اللي ممكن تستخدمه وتركبهم ازاي مع بعض وتجيب كله من الDocs لمغ تحتاجها
مفيش فيديو قريب لل backend ؟
@yehiatech
9 ай бұрын
فيه باذن الله .. جاري التحضير له
طيب سؤال لو سمحت انا مخلص js الي كم شهر و الكورس كان بشرح فانيلا js طيب اذا بتقول انو معاد تستخدم كيف بدي استخدم js مع html ممكن شرح لاني ضايع و اذا بكون فيديو شورت توضح الفرق بين ال node و اكسبريس يستفيد الكل ولك جزيل الشكر لاني حاليا واقف مش عارف شو اعمل
@yehiatech
Жыл бұрын
بص هو مدام فهمت JavaScript كاساسيات فده ممتاز. حتى لو Vanilla Js فتمام الاساسيات بتاعت اللغة بس هي اهم شئ...ممكن تراجعها في فيديو الملخص اللي انا عامله... ثم ادخل على Framework. اختر React او Angualr وركز انك تتعلمهم كويس جدا
@lp26197
Жыл бұрын
@@yehiatech اولا شكرا كثير كثير لك ثانيا انا تعلم اساسيات الفانيلا و طبقت كم تطبيق بتنصحني بلش فرييم وورك والله الناس حيرتني يلي بقلي طبق فوق 100 تطبيق و يلي بقلي ادخل تعلم فرييم وورك انا مشان تكون فتهم علي طبقت كم ويب سايد و كم تطبيق هيك تمام واتا حضرت الفيديو يلي انت نزلتو عن node هيك ادخل فرييم وورك ولا لا امانة سامحني عم غلبك و الله يجزيك الخير
انا ك فرونت اند تعلم اساسيات js لازم طبق عليها ولا الفريم وورك التطبيقات فيو احسن شو رأيك انت
@yehiatech
Жыл бұрын
طبق عكلي على طول في framework...افضل طريقة تثبت المعلومات وتكسب نفسك خبرة انك تبني مشروع بايدك.
@ammaralawad6478
Жыл бұрын
@@yehiatech انا اسف بس ما فهمت عليك قصدك اني افوت دغري على ال framework و اطبق فيو لا اطبق ب js العادية
@yehiatech
Жыл бұрын
طبق على طول في الفريمورك.
باش مهندس ممكن كورس node js يكون بالعربي
@yehiatech
Жыл бұрын
في كورس Java Script Node Js موجود على القناة ..❤️
@ElkatebDev
Жыл бұрын
@@yehiatech بس حبيبي انا فرونت اند وnode js بتكون للباك اند، كدا مش راح تنفعني؟
سؤال يا باشمهندس 🌹 ايه الفرق بين Computer science و Software engineering ان شاء الله انا السنة الجاية جامعة ودلوقتي متحير بين التخصصين دول😆 وجزاك الله خيرا على المحتوى الجبار🌹
@yehiatech
Жыл бұрын
طبعا هو الفرق يصعب شرحه باختصار...وعايز اعمل عنه فيديو باذن الله. لكن سريعا....التخصص الاعم والاكبر هو Computer Science. والSoftware Engineering يعتبر تخصص فرعي داخل عالم الComputer Science. ممكن يقاس التشبيه بالطبيب العام الذي تخرج من طب....والطبيب الذي تخصص باطنة او نساء....
@M.scientificrodood
Жыл бұрын
@@yehiatech 🌹
Tailwind css احسن من bootstrap بكثير
ياخويا انت قاعد تهبد و تضيع الناس اذا مبتعرفش حاجة ابحث عنها مش بتضيع الناس. ثاني مرة اشوف قناتك و اخفيها معلوماتك خطأ و انت قاعد تضيع الناس
@yehiatech
Жыл бұрын
ايه الاخطاء اللي انت شايفها .. شاركها فضلا اذا كنت انا مخطأ او انت عندك وجهة نظر تانية.