We may earn an affiliate commission when you visit our partners.
Taught by Meta Staff
يتيح لك المشروع المتقدم الحصول على شهادة تثبت تمتعك بمهارات متعددة من خلال حل مشكلة واقعية متأصلة. تتضمن كل وحدة ملخصًا موجزًا وروابط للمحتوى الذي تم تناوله في الدورات التدريبية السابقة المضمنة في هذا البرنامج.
Read more
يتيح لك المشروع المتقدم الحصول على شهادة تثبت تمتعك بمهارات متعددة من خلال حل مشكلة واقعية متأصلة. تتضمن كل وحدة ملخصًا موجزًا وروابط للمحتوى الذي تم تناوله في الدورات التدريبية السابقة المضمنة في هذا البرنامج.
Read more
يتيح لك المشروع المتقدم الحصول على شهادة تثبت تمتعك بمهارات متعددة من خلال حل مشكلة واقعية متأصلة. تتضمن كل وحدة ملخصًا موجزًا وروابط للمحتوى الذي تم تناوله في الدورات التدريبية السابقة المضمنة في هذا البرنامج.
تختبر هذه الدورة التدريبية معرفتك وفهمك، وتوفر لك منصة لإثبات مهاراتك الجديدة في تطوير واجهات الويب الأمامية باستخدام مكتبة React. وأثناء هذه الدورة التدريبية، سيتم إرشادك خلال عملية إنشاء تطبيق، والجمع بين كل المهارات والتقنيات التي تعلمتها خلال هذا البرنامج لحل المشكلة المطروحة.
وبالانتهاء من المشروع المتقدم، ستكون لديك قائمة مشروعات جاهزة يمكنك عرضها على مسؤولي التوظيف واستعراضها أثناء المقابلات ونيل إعجاب أصحاب العمل المحتملين.
لإكمال هذه الدورة التدريبية، ستحتاج إلى خبرة في مجال تطوير الواجهات الأمامية. بالإضافة إلى ذلك، ينبغي أن تثق دائمًا بقدرتك على الإنجاز والنجاح!
Register for this course and see more details by visiting:
OpenCourser.com/course/gqmfkm/lmshrw`
Three deals to help you save
We found three deals and offers that may be relevant to this course.
Save money when you learn.
All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.
Valid until December 12
Annual Subscription Savings
Unlock programs from Google, Microsoft, and IBM and join 77% of learners who reported positive career outcomes.
Only $239!
Valid for a limited time only
Future-proof your career
Access O'Reilly books, live events, courses, and more. Save with an annual subscription.
Take
15%
off
What's inside
Syllabus
بدء المشروع
في هذه الوحدة، ستبدأ المشروع المتقدم. وسيتضمن ذلك ملخصًا موجزًا وروابط للمحتوى في دورة React التي أكملتها بالفعل.
أسس المشروع
في هذه الوحدة، ستستخدم بنى HTML الدلالية وعلامات التعريف وبروتوكول Open Graph لإنشاء بنية HTML حديثة لتطبيق الويب. وستستخدم أيضًا شبكة CSS وأنماط CSS الأخرى لإعداد موقع ويب تفاعلي ومفهوم وجذاب.
Read more
Syllabus
بدء المشروع
في هذه الوحدة، ستبدأ المشروع المتقدم. وسيتضمن ذلك ملخصًا موجزًا وروابط للمحتوى في دورة React التي أكملتها بالفعل.
أسس المشروع
في هذه الوحدة، ستستخدم بنى HTML الدلالية وعلامات التعريف وبروتوكول Open Graph لإنشاء بنية HTML حديثة لتطبيق الويب. وستستخدم أيضًا شبكة CSS وأنماط CSS الأخرى لإعداد موقع ويب تفاعلي ومفهوم وجذاب.
Read more
وظائف المشروع
في هذه الوحدة، ستنشئ تعليمة برمجية لنظام حجز طاولة باستخدام مكتبة React. وستستكشف أيضًا أهمية تجربة المستخدم (UX) والتحقق من صحة النموذج وكتابة اختبارات الوحدة. وبالإضافة إلى ذلك، ستتطرق أيضًا إلى إمكانية الوصول وتقييم مدى سهولة استخدام واجهة المستخدم (UI) وتجربة المستخدم (UX).
تقييم المشروع
في هذه الوحدة، ستتاح لك الفرصة لإجراء مراجعة ذاتية لمشروعك ومراجعة الأقران لحلول المتعلمين الآخرين لتطبيق الويب الذي يتيح حجز طاولة في مطعم Little Lemon، وتقييم المشاريع من حيث سهولة الاستخدام وإمكانية الوصول والتصميم والتعليمة البرمجية.
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Suitable for learners who have prior experience in front-end development
Taught by Meta employees, indicating the course's real-world relevance
Provides a comprehensive approach to front-end web development using the React library
Involves hands-on project work, enabling learners to apply their acquired skills
Emphasizes user experience (UX) and accessibility considerations, fostering responsible web development practices
Assesses learners' understanding through a project that combines various skills taught in the program
Save this course
Save المشروع المتقدم لمطور الواجهات الأمامية to your list so you can find it easily later:
Save
Save
Activities
Be better prepared
before
your course. Deepen your understanding
during
and
after
it. Supplement your coursework and achieve mastery of the topics covered
in المشروع المتقدم لمطور الواجهات الأمامية with these
activities:
Refresh JavaScript
Show steps
Sharpen your JavaScript skills to enhance your understanding of React
Browse courses on
JavaScript
Show steps
-
Review the fundamentals of JavaScript syntax
-
Practice writing basic JavaScript functions
-
Work through JavaScript coding exercises
Review HTML, CSS, and React Basics
Show steps
Reviewing the basics of HTML, CSS, and React will help you build upon your foundation and ensure you have a strong understanding of the concepts covered in this course.
Browse courses on
HTML
Show steps
-
Revisit tutorials or online resources on HTML and CSS fundamentals
-
Review documentation or tutorials on React fundamentals
Build Small React Components
Show steps
Building small React components will provide you with hands-on practice and reinforce your understanding of React's component-based architecture.
Browse courses on
React Components
Show steps
-
Create a new React project
-
Build a simple component to display a button
-
Build a component to display a list of items
Two other activities
Expand to see all activities and additional details
Show all five activities
Participate in a React Study Group
Show steps
Participating in a React study group will provide you with opportunities to collaborate with peers, discuss concepts, and reinforce your understanding through peer feedback.
Show steps
-
Find or create a React study group with other learners
-
Attend regular study sessions
-
Actively participate in discussions and knowledge sharing
Write a Blog Post on React Best Practices
Show steps
Writing a blog post on React best practices will help you solidify your understanding of the key principles and guidelines for effective React development.
Show steps
-
Research and gather information on React best practices
-
Draft an outline for your blog post
-
Write the content for the blog post
-
Proofread and edit your blog post
Refresh JavaScript
Show steps
Sharpen your JavaScript skills to enhance your understanding of React
Browse courses on
JavaScript
Show steps
Show steps
Show steps
- Review the fundamentals of JavaScript syntax
- Practice writing basic JavaScript functions
- Work through JavaScript coding exercises
Review HTML, CSS, and React Basics
Show steps
Reviewing the basics of HTML, CSS, and React will help you build upon your foundation and ensure you have a strong understanding of the concepts covered in this course.
Browse courses on
HTML
Show steps
Show steps
Show steps
- Revisit tutorials or online resources on HTML and CSS fundamentals
- Review documentation or tutorials on React fundamentals
Build Small React Components
Show steps
Building small React components will provide you with hands-on practice and reinforce your understanding of React's component-based architecture.
Browse courses on
React Components
Show steps
Show steps
Show steps
- Create a new React project
- Build a simple component to display a button
- Build a component to display a list of items
Two other activities
Expand to see all activities and additional details
Show all five activities
Participate in a React Study Group
Show steps
Participating in a React study group will provide you with opportunities to collaborate with peers, discuss concepts, and reinforce your understanding through peer feedback.
Show steps
Show steps
Show steps
- Find or create a React study group with other learners
- Attend regular study sessions
- Actively participate in discussions and knowledge sharing
Write a Blog Post on React Best Practices
Show steps
Writing a blog post on React best practices will help you solidify your understanding of the key principles and guidelines for effective React development.
Show steps
Show steps
Show steps
- Research and gather information on React best practices
- Draft an outline for your blog post
- Write the content for the blog post
- Proofread and edit your blog post
Career center
Learners who complete المشروع المتقدم لمطور الواجهات الأمامية will develop knowledge and skills
that may be useful to these careers:
Front-End Developer
Front-End Developer
A Front End Developer designs and builds the visual interface of a website or application. The Front End Developer is responsible for the look and feel of the user interface, as well as how it interacts with the user. This course's focus on creating an interactive, accessible, and user-friendly website or application front end would be very helpful to an aspiring or current Front End Developer. The course would help a learner understand user interaction patterns and how to make these interactions work for the application, rather than against it.
Web Developer
Web Developer
A Web Developer creates and maintains websites. Their tasks may include coding, designing, and troubleshooting. This course would help build a Web Developer's foundation in accessibility, user interface design patterns, and user experience, all of which are now essential to front end web development.
UI Designer
UI Designer
A UI Designer creates and implements user interfaces. This course would help build a UI Designer's knowledge of front end coding in React, and to understand how to combine different UI components and design patterns to create an optimal user experience on the front end.
UX Designer
UX Designer
A UX Designer focuses on the user's experience with a product. They research and create personas to understand user needs, and then design interfaces that are both useful and pleasurable. This course would be helpful to UX Designers, as its focus on user experience and accessibility will help UX designers understand how their designs can impact user interaction.
Software Engineer
Software Engineer
A Software Engineer applies computer science to develop software. Their work includes designing and coding solutions to complex problems. This course may be helpful in building knowledge of front end web development and how to bring together diverse elements from different coding languages and application programming interfaces (APIs) into a functional whole.
For more career information including salaries, visit:
OpenCourser.com/course/gqmfkm/lmshrw`
Reading list
We've selected eight books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
المشروع المتقدم لمطور الواجهات الأمامية.
Save
Provides a practical guide to making websites accessible for everyone, regardless of their abilities or disabilities. It valuable resource for web developers, designers, and content creators who want to create inclusive websites.
Provides a comprehensive guide to universal design, which is the process of creating products and environments that are accessible to everyone. It valuable resource for designers, architects, and engineers who want to create inclusive products and environments.
Provides a comprehensive guide to web accessibility for developers, designers, and content creators. It covers all aspects of accessibility, from planning and design to testing and deployment.
Save
Provides a practical guide to designing for real-world users. It covers all aspects of design, from planning and research to testing and deployment.
Provides a comprehensive guide to responsive web design, which is the process of creating websites that work well on all devices, from desktops to smartphones.
Save
Provides a comprehensive guide to web form design, including how to create forms that are usable, accessible, and visually appealing.
Save
Provides a comprehensive guide to JavaScript, including how to use it to create interactive websites and applications. It valuable resource for web developers who want to learn more about JavaScript and how to use it effectively.
Provides a concise guide to the good parts of JavaScript, including how to use it to create modular, maintainable, and scalable code. It valuable resource for web developers who want to learn more about JavaScript and how to use it effectively.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/gqmfkm/lmshrw`
Share
Similar courses
Here are nine courses similar to
المشروع المتقدم لمطور الواجهات الأمامية.
المشروع المتقدم لتطبيقات iOS
OpenCourser.com/course/difox7/lmshrw`
المشروع المتقدم لتطبيقات iOS
Most relevant
المشروع المتقدم حول تطبيق Android
OpenCourser.com/course/s5cz9o/lmshrw`
المشروع المتقدم حول تطبيق Android
Most relevant
المشروع المتقدم لمهندس قاعدة البيانات
OpenCourser.com/course/aht08c/lmshrw`
المشروع المتقدم لمهندس قاعدة البيانات
Most relevant
المشروع المتقدم لمطور الواجهة الخلفية
OpenCourser.com/course/jh39gx/lmshrw`
المشروع المتقدم لمطور الواجهة الخلفية
Most relevant
أسس إدارة المشاريع
OpenCourser.com/course/vly2fq/'ss
أسس إدارة المشاريع
Most relevant
كابستون: تطبيق إدارة المشروعات في العالم الحقيقي
OpenCourser.com/course/zfqcgs/kbstwn
كابستون: تطبيق إدارة المشروعات في العالم الحقيقي
Most relevant
مقدمة الاتش تي ام ال
OpenCourser.com/course/y1ca5s/mqdm@
مقدمة الاتش تي ام ال
Most relevant
مقدمة الى تطوير المنتجات الجديدة للشركات الصغيرة والمتوسطة
OpenCourser.com/course/5q6hv2/mqdm@
مقدمة الى تطوير المنتجات الجديدة للشركات الصغيرة والمتوسطة
Most relevant
مهارات Excel للأعمال: المستوى "المتوسط I"
OpenCourser.com/course/ud0i0u/mhrt
مهارات Excel للأعمال: المستوى "المتوسط I"
Most relevant
Effort
4 أسابيع من الدراسة، 3-5 ساعات في الأسبوع.
Level
Intermediate
Via
Coursera
Institution
Meta
Instructor
Taught by Meta Staff
Language
العربية
Transcript
English
This course belongs to a
collection
called
مطوّر الواجهة الأمامية من Meta. It's comprised of nine courses:
- التحكم في الإصدار
- أساسيات React
- مبادئ تصميم تجربة المستخدم/واجهة المستخدم
- التحضير لمقابلة عمل الترميز
- مقدمة إلى تطوير الواجهة الأمامية
- React المتقدم
- HTML وCSS بالتفصيل
- البرمجة باستخدام JavaScript
- المشروع المتقدم لمطور الواجهات الأمامية (viewing)
Good to know
Suitable for learners who have prior experience in front-end development
Taught by Meta employees, indicating the course's real-world relevance
Provides a comprehensive approach to front-end web development using the React library
Involves hands-on project work, enabling learners to apply their acquired skills
Emphasizes user experience (UX) and accessibility considerations, fostering responsible web development practices
Assesses learners' understanding through a project that combines various skills taught in the program
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser