مسار Front-End Developer

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

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

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

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

الأدوات والإعدادات

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

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

أهم الأسئلة

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

تعلم لغة HTML

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

مقال عن اللغة خطة الدراسة

Updated In 2021

تعلم لغة CSS

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

مقال عن اللغة خطة الدراسة

Updated In 2021

4 تصاميم + تطبيقات صغيرة منوعة على HTML + CSS

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

قراءة المقال

Updated In 2021

تعلم لغة JavaScript

Bootcamp كامل يحتوي على كل ما تريده من اللغة والإضافات الخاصة بها مع تعلمك لمعايير ال ECMAScript

مقال عن اللغة خطة الدراسة

Updated In 2021

التطبيق على لغة JavaScript

هنا باذن الله كل ما تحتاجه للتطبيق على أساسيات لغة JavaScript من تحديات ومسائل وحلول

هذه المرحلة مستمرة معك إلى نهاية المسار ولن تنتهي

إقرأ المقال

Updated In 2021

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

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

قراءة المقال

المزيد من التطبيقات العملية ومرحلة ال Frameworks

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

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

قراءة المقال

عمل مجموعة تصاميم بواسطة Frameworks و UI Kits

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

قراءة المقال

Updated In 2021

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

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

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

مقال عن اللغة خطة الدراسة

Updated In 2021

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

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

قراءة المقال

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

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

قراءة المقال

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

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

قراءة المقال

إطار العمل الخاص بال JavaScript

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

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

إقرأ المقال

مهارات عامة لكنها مهمة

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

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

قراءة المقال

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

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

قراءة المقال

من جوجل