front end - تطوير مواقع الويب

ما هو مجال الفرونت اند؟

مجال الفرونت اند (front end) يعني ببساطة تطوير الجزء المرئي من المواقع والتطبيقات الإلكترونية، مسؤول عن تصميم وتطوير الواجهة التي يتفاعل معها المستخدمون مباشرة. يتضمن ذلك كتابة الأكواد باستخدام لغات مثل HTML، CSS، وJavaScript لإنشاء صفحات ويب جذابة وسهلة الاستخدام، وبالطبع يركز بشكل أساسي على تحسين تجربة المستخدم وتوفير تفاعل سلس مع المحتوى.

front end
front end - تطوير مواقع الويب

يتم المزج بين الفن والتكنولوجيا لتحويل الأكواد إلى واجهات مرئية وجذابة، ولخلق تجارب مستخدم سلسة وجميلة. بإذن الله سنركز في هذا المقال على الــ front end الخاص بتطوير مواقع الويب فقط. سنتناول ما هي وظيفة front-end web developer، هل مجال front end سهل كما يقال،هل مجال front end مطلوب، وفي نهاية المقال سأشارك معكم مجموعة من أفضل الكورسات في المجال، وسيكون هناك مسارات كاملة لتعلم الفرونت اند من الصفر (كلها مجانية). سعدت بوجودكم.

ما هي وظيفة front-end web developer

ببساطة، هل رأيت في الأعلى ما هو مجال الـ Front End وفيما يُستخدم؟ كل ذلك يقوم به شخص يُدعى Front-End Web Developer. هو المسؤول عن بناء الواجهة الأمامية من الموقع (الجزء الذي يراه المستخدم). يتعاون مع شخص يُسمى Back-End Web Developer (مسؤول عن الجزء الذي لا يراه المستخدم) حتى يخرج لنا موقعًا متكاملًا، أو قد يكون هو في نفس الوقت يقوم بالمهمتين وحينها يُسمى Full-Stack Web Developer. إن شاء الله سيكون لنا مقال آخر عن الـ Back End وتوضيح أكثر عن  Full-Stack Web Developer.

هل مجال front end سهل كما يقال

هناك لغط كبير حول سهولة مجال الــ front end. في هذه الجزئية سنحاول التحقق من هذا الكلام، وللعلم ما أقوله هو ما سمعته من أشخاص خبرة في الــ front end عملوا به لسنوات وفي شركات كبيرة. وكانت الإجابة المختصرة أن من يقول مجال front end سهل شخص معرفته سطحية جداً تقتصر على أن الفرونت اند عبارة عن HTML، CSS، وJavaScript فقط.

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

في الغالب من يتحدثون عن الفرونت اند بهذه الطريقة لا ينظرون إلى المسار الوظيفي ككل، بل فقط ينظرون إلى الشخص الذي لم يعطي المجال حقه، وقام بتعلم تكنولوجي مباشرة ومن ثم حالفه الحظ بأول وظيفة (وفي الغالب لن يحالفه في ظل هذا التنافس الرهيب)، ولكن بفرض أنه حص على أول وظيفة، هل رأيت هذا الشخص بعد ذلك كيف أصبح حاله! 
دعني أخبرك يصديقي صاحبنا هذا يعمل في شركة كما نقول تحت بير السلم، تعطيه مرتب لا يذكر، لا يستطيع أن ينتقل إلى شركة أخرى يكون حالها أفضل، بإختصار ستكون هذه وظيفته الأولى والأخيرة ولن يرتقي في المجال. كل ذلك بسبب أنه أهمل الكثير والكثير من أساسيات المجال، وقام بالقفز على التكنولوجي مباشرة، وظن أن الــ Front End مجرد  بضعة أيام ويتعلمه، وللأسف إذا كان شخص غير متأسس جيداً لن يستطيع تعلم ما ينقصه بجانب وظيفته فيضطر أن يتوقف.

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

هل مجال Front End مطلوب؟

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

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

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



كيف أصبح front-end developer

أنا شخصياً مقتنع بأهمية الأساسيات في البرمجة قبل أن تنتقل لتعلم أي تخصص، أقصد بالأساسيات Data Structures & Algorithm و Oop وغيرها من الأساسيات المشتركة بين كل المجالات، لذلك إذا كنت لم تتعلم الأساسيات بعد أعتقد أنه من الأفضل أن تتعلمها  بعد ذلك ابدأ في تعلم الــ Front End (قدمت بالفعل في هذا المقال أحد أفضل المسارات لتعلم الأساسيات في الوقت الحالي)، وإن كنت غير مقتنع بأهميتها أنصحك يصديقي بأن تبحث في هذا الموضوع أكثر وإليك القرار.

إن شاء الله هنا سأقدم لك كما قلت كورسات في مجال front end ستساعدك في رحلة تعلمك، كما سيكون هناك مسارات كاملة لتعلم المجال من الصفر (سأضع المسارات الكاملة في آخر المقال)، وكلها مجانية.

إليكم الكورسات 👇👇👇


عبارة عن (4) كورسات في مجال الـ front end مقدمين من منصة معهد تكنولوجيا المعلومات، ستتعلم في هذه الكورسات CSS, HTML, جافا سكريبت, أساسيات التايب سكريبت. وفي نهاية كل كورس هناك شهادة تأخذها بشكل مجاني (متاحة الآن بشكل مجاني).


الكورس عبارة عن فيديو واحد حوالي (9) ساعات، مقدم الكورس شخص اسمه عبدالرحمن جمال على اليوتيوب. ستتعلم في الكورس CSS.


الكورس عبارة عن فيديو واحد حوالي (5) ساعات، أيضاً مقدم الكورس هو عبدالرحمن جمال على اليوتيوب. ستتعلم في الكورس HTML.


عبارة عن كورس كامل في لغة javascript مكون من جزئين. مقدم الكورس هو الغني عن التعريف أسامة الزيرو. الكورس موجود على اليوتيوب.


الكورس مقدم من شركة IBM العالمية على منصة EDX. ستتعلم الــ Front End باستخدام React Framework، ولمن لا يعرف React.js هي واحدة من أشهر التكنولوجي المستخدمه في الفرونت اند، والتي صنعتها هي شركة فيسبوك، قامت ببناء الفيسبوك بها ومن ثم جعلتها open source للجميع.


الكورس مقدم من W3C على منصة EDX. ستتعلم في هذا الكورس أساسيات HTML5 و CSS. هذا الكورس في الأساس جزء من دبلومة تقدمها W3C بعنوان "Front End Web Developer" ولكن الدبلومة كاملة لا يمكن أخذها بشكل مجاني.


الكورس مقدم من LinuxFoundation على منصة EDX. ستتعلم في هذا الكورس أساسيات واحدة من أشهر التكنولوجي المستخدمة في الـ Front End  و الــ Back End وهي Node.js.


الكورس مقدم من W3C على منصة EDX. ستتعلم في هذا الكورس أساسيات الجافا سكريبت. هذا الكورس أيضاً جزء من دبلومة  "Front End Web Developer".


مسارات كاملة لتعلم المجال من الصفر 👇

9- مسار Front-End Developer - الزيرو ويب سكول

في هذا المسار الكامل المتكامل يأخذك البشمهندس أسامة الزيرو من تحت الصفر حرفياً، من أول تثبيت الأدوات والبرامج التي ستستخدمها إلى الوصول لدرجة جيدة في المجال. ستتعلم معه HTML، CSS، JavaScript، SASS. ستتعلم Framework. ستتعلم Git & Github للحفاظ على مشاريعك، ستطبق عملي وتصنع مواقع بما تعلمته، وسيكون هناك تحديات ومشاكل ستحلها على مدار المسار، وغيره وغيره من الأمور التس ستتعلمها في هذا المسار. في الواقع لا أحد يعطي كل شئ ومن جمال الزيرو أنه يرشح لك مراجع ومصادر لتستزيد منها. أعتقد أنها ستكون بداية جيدة لشخص يريد أن يتعلم المجال.


المرة هذه ليست دبلومة أو كورس من جهة معينة، ولكن هذا عبارة عن موقع قوي جداً اسمه Roadmap مؤسسه هو شخص هندي على ما أعتقد. وظيفة الموقع أنه يحتوي على خطط كاملة بالمصادر لتعلم معظم مجالات البرمجة والذكاء الاصطناعي. في هذا المسار الخاص بتعلم مجال الــ front end ستجد مقالات وفيديوهات وكورسات وكل شئ بالتدريج لتعلم المجال من الصفر، ستجد مواضيع يجب أخذها لأنها أساسية ومواضيع يفضل أخذها وهكذا، وهناك مواضيع يمكنك الإختيار منها مثل تعلم الــ Framework (ستجد أكثر من Framework مشهورة في سوق العمل يمكنك تعلم إحداها) الموقع يوضح لك ذلك لا تقلق. من خلال هذا المسار ستتعمق في مواضيع كثيرة ومختلفة في مجال الفرونت اند، وهذا ما سيجعلك متميز عن غيرك في سوق العمل ولك الأولوية في الحصول على الوظيفة مع تطبيقك لما تعلمته في مشاريع فعلية. الموقع أكثر من رائع ومشهور بالفعل؛ لأن من يضع هذه الخطط هم أشخاص متخصصون. المصادر التي يضعها الموقع لتعلم موضوع معين هي من أقوى المصادر. أعتقد أنها ستكون بداية جيدة، ولكن إذا كنت جيد في الإنجليزي.

👈 تنويهات

  • كل رأي طرحته في هذا المقال أنصحك بالبحث عنه بنفسك فربما خالفني الصواب فيه أو في بعضه؛ مثل بخصوص سهولة المجال أو الفرص...إلخ.
  • ابحث عن التحديثات الجديدة أثناء تعلمك من كورس معين وأقصد بالتحديد الكورسات القديمة التي مر عليها سنوات، ربما يكون تم إضافة أشياء جديدة لم يتطرق لها هذا الكورس؛ فابحث عنها وتعلمها من مصادر أخرى، وإن كنت لا تريد ذلك تعلم من كورس لم يمر عليه وقت كبير.

الخاتمة

إلى هنا يصديقي، أعتقد أنك فهمت ما هو مجال الــ frontend وما هي وظيفة front-end web developer، وعرفت هل مجال front end سهل أم لا، وهل ما زال يوجد به فرص أم تشبع، وعرفت كيف السبيل لتعلم المجال. قدمت لك بعض الكورسات القوية في المجال ومسارين كاملين لتعلم المجال من الصفر. أرجو لي ولك التوفيق.

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


كان معكم علي وحيد.

"اللهم إن كان من توفيق فمنك وحدك وإن كان من خطأ أو نسيان فمني ومن الشيطان."

Ali Waheed

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

إرسال تعليق

أحدث أقدم

نموذج الاتصال