مسار Front-End Developer

المسار الكامل باذن الله لإحتراف مجال ال Front-End Development بكل ما يحتويه المسار من دورات تعليمية وأدوات ونصائح ومواقع ومراجع تفيدك أثناء رحلة التعلم, إستعد للإبحار في رحلة التعلم :) وتأكد أنك إنتهيت من كل خطوة قبل الذهاب للخطوة التالية

أسئلة ونقاشات وتحضير الأدوات قبل البدأ في التعلم

أهم الأدوات والإعدادات للبدأ في المجال

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

أهم الأسئلة التي يسألها من يبدأ التعلم

قبل البدأ في التعلم هناك الكثير من الأسئلة التي تدور في بالك ويسألها الناس وهذا المقال يحتوي على أهم هذه الأسئلة والإجابة عليها بالفيديوهات وبالتفصيل حتى تبدأ التعلم وأنت مرتاح وعندك الأجوبة اللازمة
قراءة المقال

تعلم المهارات الأساسية للوظيفة

تعلم لغة HTML

لبدأ حياتك في مجال ال Web يجب عليك تعلم لغة تصميم الصفحات والتي لا يمكن الإستغناء عنها سواء كنت Designer أو Developer وهي لغة Html وسوف تجد الدورة التعليمية ومعها جميع المراجع التي تحتاجها ومعها تمارين وأفكار كثيرة
قراءة المقال

تعلم لغة CSS

لغة CSS هي اللغة المسؤولة عن تنسيق صفحات ال Web وهل التي تتيح لك إستعمال الألوان والخطوط والأبعاد وكل ما يجعل من الصفحة الشكل الجميل الذي تراه ولا غنى عنها طبعا وسوف تجد الدورة التعليمية ومعها جميع المراجع التي تحتاجها ومعها تمارين وأفكار كثيرة
قراءة المقال

قم بالتطبيق على لغة HTML + CSS

كيفية التطبيق على لغة HTML + CSS بعد تعلمهم لتطور مستواك في اللغات وكل ما تحتاجه من نصائح ومقالات ومواقع وتدريب عملي كامل مع ال Code الخاص به
قراءة المقال

تعلم لغة JavaScript مع DOM + BOM

تعلم اساسيات لغة JavaScript وما يخصها من تمارين وحل مسائل ومصادر ومقالات وأسرار
قراءة المقال

تعلم ES6

تعلم معايير ال ECMAScript 6 لمعرفة ما الجديد ولتطوير مستواك في لغة JavaScript ولا يمكن الإستغناء عن هذه الدورة لأن الكثير من الأشياء سوف تجد أنها أصبحت أسهل في عملها
إقرأ المقال

تطبيقات + تمرينات + حل مسائل على لغة JavaScript

كل ما تحتاجه للتطبيق على أساسيات لغة JavaScript فسوف تجد تمرينات وتطبيقات عملية كبيرة وصغيرة وأفكار وأسرار وحل مشاكل لتطوير مستواك
هذه المرحلة مستمرة معك إلى نهاية المسار ولن تنتهي

إقرأ المقال

تعلم مكتبة jQuery مع التطبيقات الخاصة بها

تعلم مكتبة jQuery لتسهيل بعض المهام المطلوبة منك ولتغطية طلبات العملاء الذين يستخدموها
قراءة المقال

تعلم AJAX و JSON للتعامل مع ال APIs

تعلم ال AJAX وال JSON سوف يزيد جدا من مهاراتك ويجعلك قادر على التعامل مع ال API’s مع أي لغة برمجة.
قراءة المقال

تعلم Vue.js مع التطبيقات العملية والمراجع

واحد من أجمل وأسهل اطر العمل التي أخذت وضعها في سوق العمل Vue.js لسهولتها وقوتها في عمل تطبيقات ال Web
إقرأ المقال

المزيد من التطبيقات العملية لتوظيف ما تعلمته

التطبيق العملي الثاني والثالث

تعلم التطبيق على لغة HTML + CSS بكل إصداراتهم مع مكتبة jQuery
قراءة المقال

عمل تصميم متجاوب بدون اطار عمل

تعلم كيفية عمل تصميم متجاوب ( Responsive ) بدون إطار عمل لمعرفة المفهوم العام للتصميم المتجاوب
قراءة المقال

عمل ثلاثة تصاميم متجاوبة باطار عمل Bootstrap

عمل الكثير من التطبيقات العملية بإستخدام أشهر اطر العمل Bootstrap
قراءة المقال

تعلم تصميم موقع وعمل مميزاته بواسطة JavaScript فقط

تعلم تصميم موقع وعمل مميزاته بواسطة JavaScript فقط بدون إستعمال أي اطر عمل
قراءة المقال

المهارات المتقدمة للوصول للإحتراف

تعلم لغة SASS مع التطبيقات لتطوير مستواك في لغة CSS

تعلم لغة SASS لتضيف مزايا لغات البرمجة في ال Code الخاص بك في لغة CSS لتوفير الوقت والإحتراف
قراءة المقال

تعلم Pugjs لتطوير إمكانيات لغة HTML

تعلم Pug.js Template Engine لتحصل على مميزات لغات البرمجة أثناء كتابة HTML Code
قراءة المقال

تعلم Gulpjs لعمل مهامك المتكررة بدلا منك

تعلم Gulp.js لعمل مهامك المتكررة بالنيابة عنك وبشكل تلقائي
قراءة المقال

عمل تصميم Ultimate للتطبيق على كل تقنيات ال Front-End

عمل تصميم Ultimate للتطبيق على كل تقنيات ال Front-End لتوظيف كل ما تعلمته سابقا
أهم خطوة من خطوات المسار التعليمي

قراءة المقال

تعلم ال Object Oriented Programming بلغة JavaScript

تعلم ال Object Oriented Programming بلغة JavaScript مع المراجع ومواقع تجربة ال Code
قراءة المقال

تعلم JavaScript Unit Testing بواسطة Jest Framework

دورة تعليمية من أهم الدورات التي تنفعك في بيئة العمل لإختبار برمجياتك وسوف نستخدم فيها اطار عمل Jest
قراءة المقال

تعلم ال Algorithm + Data Structure بلغة JavaScript

دورة تعليمية للتعرف على كل ما يخص الخوارزميات وهيكلة البيانات بلغة JavaScript مع تجارب عملية كثيرة لفهم أعمق للغة

تحت الإنشاء

مهارات عامة بعيدة عن المجال لكنها مهمة

تعلم Command Line مع برنامج Cmder

تعلم Command Line Commands لتطوير مستواك في ال Developments ولتسريع أداء العمل
قراءة المقال

تعلم Git & Github للحفاظ على مشاريعك

تعلم Git و Github لحفظ برمجياتك ولزيادة مهارات التعامل مع الفريق
قراءة المقال