كل ما تود معرفته حول الـFront End

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

مجال الفرونت اند : 

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

الفرونت اند ديفلوبر :

هو الشخص ذو اللحية الطويلة، يحب شرب القهوة، يحب الهدوء، هو و بكل بساطة شخص يقوم بالعمل على تكويد واجهة الموقع، عندما نقول واجهة المستخدم يعني جميع العناصر التي ستظهر للمستخدم (خطوط، أزرار، ألوان، صور...)، يقوم باستقبال المشروع من قسم التصميم (سواء تم ذالك على الفوتوشوب أو السكيتش أو غير ذالك)، ثم يقوم بتنفيد ذالك ليحول التصميم الى أكواد و صفحات ويب. يمكن لمطور الواجهات أن يكون مصمم في ان واحد، يعني يقوم بالعمل على التصميم على برامج التصميم ثم تحويله لصفحات .html مثلا. و في حالة كان يعمل في فريق كما سبق الذكر فهو يعمل على تكويد المشروع باتباع التصميم. لتكون فرونت اند عليك أن تتقن بعض الأمور المهمة و التي هي : HTML - CSS - JS - JQuery - Bootstrap كما يمكنك التعمق أكثر و العمل على إطارات العمل الأخرى، طبعا البوتستراب هو الأكثر استخداماً. و لتكون مطور واجهات ناجح عليك أخذ جميع قواعد التصميم بعين الإعتبار، مثال : احترام المسافات.

هل دور مطور الواجهات مهم في بناء موقع ؟ 

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

بعض المصادر التي ستمكنك من تطوير مهاراتك :

دورات نجمة بلس

RessourceCars

لماذا عليك أن تتعلم أولاً تطوير واجهات المواقع :

لاشك أن أغلب المطورين و المبرمجين بداؤ بتكويد المشاريع، و ذالك عبر تعلم اللغات الأساسية html css js. و للتعمق أكثر يمكن تعلم لغات البرمجة، بعدها أنت من تقرر في أي مجال ترتاح فيه و تريد التعمق فيه أكثر. و لا يختلف اثنان أن المجال الذي تعشقه يمكنك الإبداع فيه أكثر. لهذا في حالة أردت العمل كمطور واجهات عليك إتقان الـHTML CSS JAVASCRIPT و أيضا التعامل مع مختلف إطارات العمل و بالأخص البوتستراب. بعد ذالك يمكنك العمل على مشاريع خاصة بك، أو خاصة بعملاء و في النهاية أريد أن أقول لك، كمطور ويب يمكنك أن تعيش حياة أفضل....

إقرأ المزيد

Tuto.com | منصة عالمية يجب عليك التعرف عليها

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

موقع tuto من بين المواقع التي فرضت وجودها و أصبحت شركة على الواقع، و تم تأسيسها سنة 2009 و منذ ذالك الحين تستقبل عدد هائل من 'التلاميذ'، كما أنها تتعامل مع مدارس متخصصة لمتابعة دوراتها. المقر الرئيسي موجود في فرنسا و اللغة الرئيسية للموقع الفرنسية كما أنه يدعم اللغة الإنجلزية أيضاَ، لكن على ما أظن أنه ستضاف لغات اخرى فهذا سيكون في صالح الموقع لتوسيع دائرة زواره، و كسب متابعي دورات جدد. الموقع يحتوي لحد كتابة هذه التدوينة على أزيد من 40 ألف دورة تعليمية و أزيد من 13 مليون دورة تمت متابعتها من طرف المستخدمين.

الدورات المتاحة في موقع tuto :
يوفر الموقع عدد جد كبير من الدورات الإحترافية و التي ستساعدك لتطوير مستواك سواء كان في البرمجة، التصميم، الموشن جرافيك و غيرها من المجالات، و هذه هي قائمة الدورات التي يقدمها الموقع و التي ستجعلك تتعلم الكثير كمصمم أو مطور أو مبرمج :
1 - للمصممين، أزيد من 2000 دورة حول التعديل على الصور. من هنا
2 - للمبرمجين، أزيد من 700 دورة احترافية حول البرمجة (PHP - JS......) من هنا
3 - أزيد من 300 دورة حول التصميم الجرافيكي و الموشن جرافيك من هنا 
4 - أزيد من 1500 دورة حول برنامج الفوتوشوب و التي ستجعل منك متمكنا من هذا البرنامج العملاق في جميع التخصصات، من هنا
5 - و أخيراً أزيد من 100 دورة حول برنامج الإليستراتور، من هنا

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

إقرأ المزيد

مجالات يمكن للطلاب العمل فيها (عمل حر)

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

العديد من الطلاب الجامعين خصوصا  للحصول على عمل في أوقات فراغهم و بهدف كسب مبالغ محترمة تؤدي حاجياته، المشكل الذي يعانون منه هو التعب و العمل الدائم أحيانا، في هذا الموضوع سأقترح عليكم بعض الأعمال التي يمكنكم العمل فيها و تكون حر في عملك طبعا، جالس في منزلك، تعمل وقت ما تشاء، تستريح و قت ما تشاء، تكسب مبالغ محترمة، أليست هذه من أفضل الأعمال ؟ بالطبع ! 

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

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

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

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

أظن أنني ذكرت أغلب الأعمال التي يمكنك العمل فيها كطالب و كعامل حر مبتدء، و التي تمكنك من كسب مبالغ محترمة. أتمنى من صميم القلب أنك استفدت من هذه التدوينة، و لاتنسى مشاركتها مع أصدقائك.

إقرأ المزيد