Overview
Class Central Tips
Want to get started in the world of coding and build websites as a career? This certificate, designed by the software engineering experts at Meta—the creators of Facebook and Instagram, will prepare you for a career as a front-end developer.
Upon completion, you’ll get access to the Meta Career Programs Job Board—a job search platform that connects you with 200+ employers who have committed to sourcing talent through Meta’s certificate programs, as well as career support resources to help you with your job search.
In this program, you’ll learn:
How to code and build interactive web pages using HTML5, CSS and JavaScript. In-demand design skills to create professional page layouts using industry-standard tools such as Bootstrap, React, and Figma. GitHub repositories for version control, content management system (CMS) and how to edit images using Figma. How to prepare for technical interviews for front-end developer roles.
By the end, you’ll put your new skills to work by completing a real-world project where you’ll create your own front-end web application. Any third-party trademarks and other intellectual property (including logos and icons) referenced in the learning experience remain the property of their respective owners. Unless specifically identified as such, Coursera’s use of third-party intellectual property does not indicate any relationship, sponsorship, or endorsement between Coursera and the owners of these trademarks or other intellectual property.
Syllabus
Course 1: مقدمة إلى تطوير الواجهة الأمامية
- Offered by Meta. مرحبًا بك في المقدمة إلى تطوير الواجهة الأمامية، الدورة التدريبية الأولى في برنامج مطوري الواجهة الأمامية من Meta. تُعد ... Enroll for free.
Course 2: البرمجة باستخدام JavaScript
- Offered by Meta. JavaScript هي لغة البرمجة التي تشغل الويب الحديث. في هذه الدورة التدريبية، سوف تتعلم المفاهيم الأساسية لتطوير الويب ... Enroll for free.
Course 3: التحكم في الإصدار
- Offered by Meta. تعرف على كيفية تعاون مطوري البرامج الحديثة حول العالم مع الاستفادة من التعليمات البرمجية لبعضهم البعض. ستتعرف على أنظمة ... Enroll for free.
Course 4: HTML وCSS بالتفصيل
- Offered by Meta. في هذه الدورة التدريبية، ستستخدم أدوات تطوير البرامج مثل HTML لبناء صفحات الويب الجذابة التي تعمل بشكل جيد—وستقوم باستخدام ... Enroll for free.
Course 5: أساسيات React
- Offered by Meta. React هي مكتبة JavaScript قوية يمكنك استخدامها لإنشاء واجهات مستخدم لتطبيقات الويب والهاتف المحمول (التطبيقات). خلال هذه ... Enroll for free.
Course 6: React المتقدم
- Offered by Meta. تعرف على كيفية استخدام مفاهيم React وميزاته الأكثر تقدمًا، وكن بارعا في JSX، واختبر تطبيقاتك بثقة. ستفحص أنواع مختلفة من ... Enroll for free.
Course 7: مبادئ تصميم تجربة المستخدم/واجهة المستخدم
- Offered by Meta. تعلّم أساسيات البحث والتصميم المتعلقين بتجربة المستخدم (UX). الانغماس في عملية تجربة المستخدم للتعرف على المشكلات وتكرار ... Enroll for free.
Course 8: المشروع المتقدم لمطور الواجهات الأمامية
- Offered by Meta. يتيح لك المشروع المتقدم الحصول على شهادة تثبت تمتعك بمهارات متعددة من خلال حل مشكلة واقعية متأصلة. تتضمن كل وحدة ملخصًا ... Enroll for free.
Course 9: التحضير لمقابلة عمل الترميز
- Offered by Meta. ستساعد الدورة التدريبية النهائية في هذا البرنامج في تحضيرك للجوانب الفريدة لمقابلة عمل الترميز، مع مناهج لحل المشكلات وأسس ... Enroll for free.
- Offered by Meta. مرحبًا بك في المقدمة إلى تطوير الواجهة الأمامية، الدورة التدريبية الأولى في برنامج مطوري الواجهة الأمامية من Meta. تُعد ... Enroll for free.
Course 2: البرمجة باستخدام JavaScript
- Offered by Meta. JavaScript هي لغة البرمجة التي تشغل الويب الحديث. في هذه الدورة التدريبية، سوف تتعلم المفاهيم الأساسية لتطوير الويب ... Enroll for free.
Course 3: التحكم في الإصدار
- Offered by Meta. تعرف على كيفية تعاون مطوري البرامج الحديثة حول العالم مع الاستفادة من التعليمات البرمجية لبعضهم البعض. ستتعرف على أنظمة ... Enroll for free.
Course 4: HTML وCSS بالتفصيل
- Offered by Meta. في هذه الدورة التدريبية، ستستخدم أدوات تطوير البرامج مثل HTML لبناء صفحات الويب الجذابة التي تعمل بشكل جيد—وستقوم باستخدام ... Enroll for free.
Course 5: أساسيات React
- Offered by Meta. React هي مكتبة JavaScript قوية يمكنك استخدامها لإنشاء واجهات مستخدم لتطبيقات الويب والهاتف المحمول (التطبيقات). خلال هذه ... Enroll for free.
Course 6: React المتقدم
- Offered by Meta. تعرف على كيفية استخدام مفاهيم React وميزاته الأكثر تقدمًا، وكن بارعا في JSX، واختبر تطبيقاتك بثقة. ستفحص أنواع مختلفة من ... Enroll for free.
Course 7: مبادئ تصميم تجربة المستخدم/واجهة المستخدم
- Offered by Meta. تعلّم أساسيات البحث والتصميم المتعلقين بتجربة المستخدم (UX). الانغماس في عملية تجربة المستخدم للتعرف على المشكلات وتكرار ... Enroll for free.
Course 8: المشروع المتقدم لمطور الواجهات الأمامية
- Offered by Meta. يتيح لك المشروع المتقدم الحصول على شهادة تثبت تمتعك بمهارات متعددة من خلال حل مشكلة واقعية متأصلة. تتضمن كل وحدة ملخصًا ... Enroll for free.
Course 9: التحضير لمقابلة عمل الترميز
- Offered by Meta. ستساعد الدورة التدريبية النهائية في هذا البرنامج في تحضيرك للجوانب الفريدة لمقابلة عمل الترميز، مع مناهج لحل المشكلات وأسس ... Enroll for free.
Courses
-
مرحبًا بك في المقدمة إلى تطوير الواجهة الأمامية، الدورة التدريبية الأولى في برنامج مطوري الواجهة الأمامية من Meta. تُعد هذه الدورة التدريبية مكانًا جيدًا للبدء إذا كانت رغبتك أن تكون مطور ويب. سيتم تعريفك بالمسؤوليات اليومية لمطور الويب، والحصول على فهم عام للتقنيات الأساسية والضمنية التي تدعم الإنترنت.سيتم تعريفك بكيفية قيام مطوري الواجهة الأمامية بإنشاء المواقع الإلكترونية والتطبيقات التي تعمل بشكل جيد ويسهل صيانتها. سيتم التعرُّف على تقنيات تطوير الويب الأساسية، مثل HTML وCSS، والحصول على فرص لممارسة استخدامها.سيتم تقديمك أيضًا إلى إطارات عمل واجهة المستخدم الحديثة، مثل Bootstrap وReact، التي تجعل من السهل إنشاء تجارب مستخدم تفاعلية. بنهاية هذه الدورة التدريبية، سيكون بإمكانك: - وصف دور مطور الواجهة الأمامية - شرح التقنيات الأساسية والضمنية التي تدعم الإنترنت - استخدام HTML لإنشاء صفحة ويب بسيطة - استخدام CSS للتحكم في مظهر صفحة ويب بسيطة - شرح مفهوم React - وصف تطبيقات وخصائص أكثر إطارات عمل واجهة المستخدم شيوعًا بالنسبة للمشروع النهائي في هذه الدورة التدريبية، ستقوم بإنشاء صفحة ويب وتحريرها باستخدام HTML وإطار عمل Bootstrap CSS. باستخدام شبكة تخطيط تفاعلية، سيكون بإمكانك إنشاء صفحة ويب تفاعلية تحتوي على نصوص وصور تبدو رائعة على أي شاشة بأي حجم. هذه دورة تدريبية للمبتدئين مخصصة للمتعلمين المتحمسين لتعلم أساسيات تطوير الويب. للنجاح في هذه الدورة التدريبية، لا يشترط امتلاكك لخبرة سابقة في تطوير الويب، ليس مطلوبًا سوى مهارات التنقل الأساسية عبر الإنترنت والحماس لخوض رحلة الترميز (أي، البرمجة).
-
في هذه الدورة التدريبية، ستستخدم أدوات تطوير البرامج مثل HTML لبناء صفحات الويب الجذابة التي تعمل بشكل جيد—وستقوم باستخدام البيانات الدلالية المنظمة للتحكم في كيفية ظهور المواقع الإلكترونية للمستخدم النهائي. ستقوم بعد ذلك بالتعمق بشكل أكبر في CSS من خلال تطبيق أسلوب محدد بشكل متزايد على عناصر مختلفة. وستتعلم كيفية استخدام نظام شبكة Bootstrap لتكوين التخطيطات والتعامل مع المكونات والسمات. وأخيرًا، ستقوم باستكشاف تصحيح الأخطاء ومعرفة كيف يمكن استخدامه لإقصاء أخطاء الواجهة الأمامية.. بنهاية هذه الدورة التدريبية؛ ستكون قادرًا على: • إنشاء نموذج بسيط مع تخطيط سريع الاستجابة باستخدام HTML5 وCSS • إنشاء تخطيط سريع الاستجابة باستخدام CSS • إنشاء واجهة مستخدم باستخدام Bootstrap • تنفيذ أدوات تصحيح الأخطاء هذا عبارة عن دورة تدريبية للمبتدئين للمتعلمين الذين قد يرغبون في إعداد أنفسهم للعمل في تطوير الواجهة الأمامية. ولتحقيق النجاح في هذه الدورة التدريبية، لست بحاجة إلى خبرة سابقة في مجال التطوير، بل تكفيك المهارات الأساسية للتنقل عبر الإنترنت والحرص على البدء بتعلم ترميز البيانات.
-
React هي مكتبة JavaScript قوية يمكنك استخدامها لإنشاء واجهات مستخدم لتطبيقات الويب والهاتف المحمول (التطبيقات). خلال هذه الدورة التدريبية، ستستكشف المفاهيم الأساسية التي ترتكز عليها مكتبة React وتتعلم المهارات الأساسية المطلوبة لإنشاء تطبيق بسيط وسريع وقابل للتطوير. وبنهاية هذه الدورة التدريبية، ستكون قادرًا على: • استخدام المكونات المتوفرة لعرض طرق العرض حيث تتغير البيانات بمرور الوقت • نشاء مواقع ويب وتطبيقات أكثر قابلية للتطوير والصيانة • استخدام الخصائص (props) لتمرير البيانات بين المكونات • إنشاء تطبيقات وصفحات ويب تفاعلية وديناميكية • استخدام النماذج للسماح للمستخدمين بالتفاعل مع صفحة الويب • إنشاء تطبيق في React وستكتسب خبرة من خلال الأدوات والبرامج التالية: • React.js • JSX • React • HTML, CSS and JavaScript • VSCode ستكون قادرًا على الاستفادة من الإمكانات التي توفرها هذه الدورة التدريبية وتطوير مهارات جديدة وتحسين مستوى الإنتاجية والتصرف بشكل فعال مع البيانات والارتقاء بمهاراتك المهنية. ُعد هذه دورة تدريبية للمتعلمين المبتدئين الذين يرغبون في إعداد أنفسهم للعمل في مجال تطوير تطبيقات الأجهزة المحمولة. لتحقيق النجاح في هذه الدورة التدريبية، لست بحاجة إلى خبرة سابقة في مجال التطوير، بل تكفيك المهارات الأساسية للتنقل عبر الإنترنت والحرص على البدء بتعلم ترميز البيانات.
-
تعرف على كيفية تعاون مطوري البرامج الحديثة حول العالم مع الاستفادة من التعليمات البرمجية لبعضهم البعض. ستتعرف على أنظمة التحكم في الإصدار المختلفة وكيفية الوصول إلى سير عمل فعال لتطوير البرامج. ستتعرف على بعض أوامر Linux الأكثر استخدامًا والتي يمكنك استخدامها للعمل مع الملفات الموجودة على محرك الأقراص الثابتة وإنشاء مهام سير عمل فعالة تساعد على أتمتة عملك، مما يوفر لك وقتك ومجهودك. وستتعرف في الجزء الأخير على كيفية استخدام Git في مشروعات تطوير البرامج لإدارة ملفات الفريق. وستعمل على إنشاء مستودع يمكنه إدارة مراجعات التعليمة البرمجية.
-
JavaScript هي لغة البرمجة التي تشغل الويب الحديث. في هذه الدورة التدريبية، سوف تتعلم المفاهيم الأساسية لتطوير الويب باستخدام JavaScript، وتتعامل مع الوظائف والكائنات والمصفوفات والمتغيرات وأنواع البيانات و HTML DOM وأكثر من ذلك بكثير، وسوف تتعلم كيفية استخدام JavaScript واكتشاف الاحتمالات التفاعلية مع تقنيات JavaScript الحديثة. وأخيرًا، سوف تتعرف على ممارسة اختبار الكود (testing code) وكيفية كتابة اختبار الوحدة (unit test) باستخدام Jest.
-
تعلّم أساسيات البحث والتصميم المتعلقين بتجربة المستخدم (UX). الانغماس في عملية تجربة المستخدم للتعرف على المشكلات وتكرار واختبار التصاميم لإيجاد الحلول المناسبة. ستتعلم كيف تتعاطف مع المستخدمين من خلال طرق البحث التي تتبع أفضل الممارسات، وستكوّن عناصر تجربة مستخدم مشتركة مثل شخصيات المستخدمين. وستستخدم رؤى تجربة المستخدم لاتخاذ قرارات التصميم المناسبة. باستخدام عملية تصميم واجهة المستخدم (UI)، ستتمكن من إنشاء مخططات هيكلية للميزات القائمة في برنامج Figma، وتحويلها الى نموذج أولي وفق نمط الحد الأدنى من المنتج القابل للتطبيق (MVP) من نماذجك بالحجم الطبيعي. ستتعلم أيضًا المبادئ الأساسية للتصميم، مثل التسلسل الهرمي واستخدام الشبكات. وبنهاية هذا البرنامج التدريبي، ستكون قادرًا على: • تصميم منتجات رقمية تكوّن قيمة وتحل مشكلات المستخدم بطرق مفيدة. • التعرّف على ما يشكّل تجربة مستخدم/واجهة مستخدم ناجحة وتقييم واجهات التعامل الموجودة لجودة التصميم والجودة. • التعرّف على طرق تصميم التفاعلات التي تتبع أفضل الممارسات وتقييم تصاميمك وتصاميم الآخرين وتحسينها. • تكوين تصميمات تجربة المستخدم/واجهة المستخدم ومشاركتها واختبارها وفقًا للمبادئ التوجيهية لأفضل الممارسات. هذه دورة تدريبية للمبتدئين مخصصة للمتعلمين الذين قد يودون إعداد أنفسهم لمزاولة وظيفة في مجال تجربة المستخدم/واجهة المستخدم. لتحقيق النجاح في هذه الدورة التدريبية، لست بحاجة إلى خبرة سابقة في مجال التطوير، بل تكفيك مهارات التنقل عبر الإنترنت والحرص على التعلم.
Taught by
Taught by Meta Staff