Front end developer

سنتناول في هذا القسم المسار الكامل لي احتراف هذا المجال لكي تصبح مصمم واجهات محترف

مقدمة عن المجال

الواجهة الأمامية لتطوير الويب :

هو الجزء الأمامي الذي يتم التعامل معه للمواقع يمثل كل ما يراه المستخدم ويتفاعل معه والتطبيقات الخاصة بالويب باستخدام لغات HTML CSS Javascript وغيرها

أدوات تستخدم لتطوير الواجهة الأمامية:

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

المسار

Html

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

Css

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

Java Script

من أهم اللغات التي سوف تتعامل معها في بناء تطبيقات الويب لانها ستعطيك التحكم الكامل في الموقع ولكن لا تعتبر لغه برمجه بل تعتبرمن اللغات النصيه

BootStrap

وهو اطار عمل لي لغه Css لتوفير الوقت ولكي تختصر عليك في كتابه أكواد Css

Pug.JS

تعلم Pug.Js لتطوير إمكانيات لغة Html و لتحصل علي مميزات لغات البرمجه اثناء كتابه كود Html

Scss

تعلم Scssلتطوير إمكانيات لغة Css و لتحصل علي مميزات لغات البرمجه اثناء كتابه كود Cssوتوفيرا للوقت

Angular

واحد من أحد أطارات العمل لي لغه Java Script

React.JS

واحد من أحد أطارات العمل لي لغه Java Script

Vue.JS

واحد من أحد أطارات العمل لي لغه Java Script

Gulp.JS

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

Git & Github

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

Photoshop

تعلم كيفيه التعامل مع برامج الفوتوشوب مثل Adobe Photoshop & Adobe XD

الأدوات الازمه لبدأ العمل

محرر الأكواد : هو البرنامج التي تقوم بكتابه الكود البرمجي عليه وهناك الكثير من محررات الاكواد ولكن ننصح بي التعامل مع Visual Studio Code

Visual Studio Code

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

فديو شرح كيفيه أستخدام المحرر تحميل المحرر

Atom

هو محرر كود مصدري ونصوص مفتوح المصدر تم تطويره وإطلاقه من قبل غيت هاب، يعمل على أنظمة ويندوز ولينكس وماك

فديو شرح كيفيه أستخدام المحرر تحميل المحرر

Brackets

هو مفتوح المصدر محرر مكتوب في HTML, CSSو جافا سكريبت مع التركيز بشكل أساسي على تطوير الشبكة

فديو شرح كيفيه أستخدام المحرر تحميل المحرر

كتب ومراجع

All Books
Java Script
Clean Code

مواقع تفيدك أثناء التعلم

يجب عليك أن تهتم بي التعلم عن طريق المواقع والمقالات التي تزيد من فهمك للفه ولا يقتصر تعلمك بي مشاهده الدورات فقط لانها مهما بلغت عددها لا تغطي لك كل شئ عن الغه او الاداه التي تتعلمها .

MDN Web Docs

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

W3school

موقع علمي على الإنترنت لتعليم لغات تطوير الويب وهو الموقع المحبب لي المبتدئين في مجال الويب نظرا لسهوله التعامل معه
زيارة الموقع

Hacker Rank

من أفضل المواقع لحل المسائل وتنميه مهارتك في حل المشكلات ويوجد العديد من المواقع الاخري ولكن هذا الموصي به للمبتدئين
زيارة الموقع
قنوات تفيدك أثناء التعلم
elzero web school channel
Elzero Web School

تعتبر من أفضل القنوات المختصه والمميزه في مجال الويب.. لما بها من العديد من الدورات و التطبيقات العملية

abdrahman gamal channel
Abdrahman Gamal

تعتبر من القنوات المختصة في مجال الويب بها العديد من الدورات و التطبيق العملي وتحتوي علي كورس CS50

Codezila channel
Codezilla

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

elzero web school channel
Nour Homsi

من القوات الرائعة في مجال الويب وبها العديد من الدورات في مجال الفروند اند والباك اند والعديد من دورات الفوتوشوب والتصميم علي برامج ادوبي

elzero web school channel
Shadow Coding

من القنوات الرائعة في حل المسائل وشرح الداتا استركشر ونمط التصميم بلغة الجافا اسكربت وحل مسائل من علي موقع Leet Code

نصائح للمبتدائين

1- كتابة كود دون التخطيط:

غالباً ماتتعرض أثناء كتابة الكود للكثير جداً من المشاكل التي قد تصيبك بي الأحباط بعضها قد يكون سهلاً والبعض الآخر معقد جداً وفي كل الأحوال عليك أن تخطط جيدا للكود الذي سيحل المشكلة برأيك قبل البدء بكتابته .

2- كتابة كود دون تعليقات:

في بداية مشوارك البرمجي قد تظن أن كتابة التعليقات إضاعة للوقت لأن الأكواد التي تكتبها تكون بسيطة ولكن فيما بعد ستدرك أهميتها عندما تضطر للرجوع إلى كود ما لتعديله فقد تضيّع الكثير من الوقت لإعادة فهمه بالرغم من أنك أنت من كتبه أما بوجود التعليقات لن يستغرق منك الأمر سوى بضع ثوانٍ وكذلك فإن التعليقات أمر مهم جداً أثناء العمل مع فريق برمجي متكامل.

3- عدم البحث في Google:

إن أفضل طريقة لحل مشكلة معقدة هي ألا تكون بحاجة للحل أصلاً، لا تتعب نفسك بالتفكير الزائد وهناك الآلاف ممن تعرضوا لهذه المشكلة قبلك وحصلوا على حلها ببساطة بالإضافة إلى أنه هناك الكثير جداً من المجتمعات البرمجية التي تنتظر أسئلتك لتساعدك بالحل وبإمكانك الاستعانة بنا في نقرة أيضاً.

4- الهروب من الأخطاء:

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

5- إعادة اختراع العجلة:

لا داعٍ لإضاعة وقتك في حلول قد طورها مبرمج قبلك فوقتك هو لابتكار الجديد واستخدام الحلول الحالية المتوفرة كما أنك قد تهدر الكثير جداً من الوقت قبل الوصول لحل بنفس جودة الحل المتوفر مسبقاً.