React المتقدم from Coursera

تعرف على كيفية استخدام مفاهيم React وميزاته الأكثر تقدمًا، وكن بارعا في JSX، واختبر تطبيقاتك بثقة.

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

بنهاية هذه الدورة التدريبية، ستكون قادرًا على:

•تصيير القوائم ومكونات النموذج بكفاءة في React.

•رفع الحالة المشتركة عندما تحتاج عدة مكونات إلى البيانات المُحدثة.

•الاستفادة من سياق React لمشاركة الحالة العامة لشجرة مكونات.

•جلب البيانات من أحد الخوادم البعيد.

•استخدام الخطافات المتقدمة في React، وإتاحتها للاستخدام داخل التطبيق الخاص بك.

•بناء الخطافات المخصصة الخاصة بك.

•فهم JSX بتعمق.

•تبني تقنيات تركيب المكونات.

•استخدام الأنماط المتقدمة لتغليف السلوك الشائع عبر المكونات ذات الترتيب الأعلى وخاصيات التصيير.

•اختبار مكونات React لديك.

•إنشاء ملف نماذج أعمال باستخدام React.

ستكتسب خبرة في الأدوات والبرامج التالية:

• React.js

• JSX

• React

• HTML, CSS, and JavaScript

• VSCode

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

لتلقي هذه الدورة، يجب أن تفهم أساسيات React، وHTML، وCSS وJavaScript. بالإضافة إلى ذلك، من المفيد دائمًا أن يكون لديك شعور بالثقة تجاه قدرتك على إنجاز المهام!

What's inside

Syllabus

المكونات

التعرف على كيفية تصيير القائمة ومكونات النماذج بكفاءة في React، والتعرف على كيفية رفع حالة مشتركة عندما تحتاج عدة مكونات إلى البيانات المحدثة.

خطافات React والخطافات المخصصة

تعلم كيفية استخدام جميع الخطافات الشائعة في React، وكيفية استخدامها داخل التطبيق الخاص بك. بعد ذلك، ابن خطافات مخصصة خاصة بك.

JSX والاختبار

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

المشروع النهائي

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

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Suitable for learners with working knowledge of React, HTML, CSS, and JavaScript

Provides thorough understanding of React's advanced concepts and features

Taught by Meta staff, ensuring industry-relevant knowledge and expertise

Covers a wide range of advanced topics, including hooks, components, and testing

Includes a final project that allows learners to apply their skills and knowledge

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 React المتقدم with these activities:

Review React Basics

Show steps

Ensure a strong foundation in React by reviewing its core concepts, including components, state management, and JSX syntax.

Browse courses on React

Show steps

Revisit the official React documentation
Complete a simple React tutorial

Review HTML

Show steps

Reviewing HTML before taking this course will help you better understand the basics of React.

Browse courses on HTML

Show steps

Review HTML tags and their usage.
Practice creating simple HTML documents.

React Resources Collection

Show steps

Expand your understanding of React by compiling a comprehensive list of useful resources, including tutorials, articles, and community forums.

Show steps

Search for high-quality React resources
Organize the resources into categories
Share the collection with fellow learners

12 other activities

Expand to see all activities and additional details

Show all 15 activities

React Testing Fundamentals

Show steps

Gain confidence in testing React components by practicing the fundamentals of unit testing and debugging.

Show steps

Set up a testing environment for React
Write tests for simple React components
Learn techniques for debugging failing tests

Complete React Tutorial

Show steps

Going through a React tutorial will help you learn the basics of React quickly and effectively.

Show steps

Find a reputable React tutorial.
Follow the tutorial step-by-step, completing all the exercises.
Build a small React project to test your understanding.

Create a React Cheat Sheet

Show steps

Creating a cheat sheet will help you quickly reference the most important React concepts and syntax.

Show steps

Gather all the important React concepts and syntax.
Organize the information in a clear and concise way.
Design the cheat sheet for easy reference.

React Component Practice

Show steps

Enhance your understanding of React components by practicing their creation and manipulation.

Show steps

Build a simple React component from scratch
Practice passing props to components
Explore different component lifecycle methods

React State Management Exercises

Show steps

Solidify your grasp of React state management by engaging in targeted exercises and drills.

Show steps

Practice using the useState hook
Explore the useReducer hook for complex state management
Implement state management in a real-world React application

Join a React Study Group

Show steps

Joining a React study group will allow you to connect with other learners and reinforce your understanding through discussions and collaborations.

Show steps

Find or create a React study group.
Regularly attend the study group meetings.
Participate actively in discussions and help others.

Practice React Coding Challenges

Show steps

Solving React coding challenges will help you improve your coding skills and problem-solving abilities.

Show steps

Find a collection of React coding challenges.
Attempt to solve the challenges on your own using React.
Review your solutions and identify areas for improvement.

Advanced React Hooks Tutorial

Show steps

Deepen your knowledge of React hooks by following a guided tutorial that covers advanced concepts and use cases.

Show steps

Identify a React hook you want to learn
Find a comprehensive tutorial on that hook
Follow the tutorial and implement the hook in a project

Build a React Portfolio Website

Show steps

Building a React portfolio website will allow you to showcase your React skills and demonstrate your ability to apply React in a practical setting.

Show steps

Plan the structure and design of your portfolio website.
Create the layout using React components.
Add interactive elements and functionality.
Deploy your website to a hosting platform.

React Best Practices Guide

Show steps

Enhance your React knowledge by creating a guide that summarizes best practices for building maintainable and efficient React applications.

Show steps

Research best practices in React development
Organize and structure the guide
Write clear and concise explanations of best practices

Contribute to an Open-Source React Project

Show steps

Contributing to an open-source React project will allow you to enhance your React skills by working on real-world code.

Show steps

Find an open-source React project that aligns with your interests.
Identify an area where you can make a contribution.
Submit a pull request with your changes.

React Portfolio Project

Show steps

Showcase your React skills by building a portfolio project that demonstrates your understanding of advanced concepts and your ability to apply them.

Show steps

Identify a project idea that aligns with your learning goals
Plan and design the project
Implement the project using React and advanced features
Deploy the project

Career center

Learners who complete React المتقدم will develop knowledge and skills that may be useful to these careers:

React Developer

As a React Developer, you will be responsible for developing and maintaining React applications. This course will provide you with a thorough understanding of React and its ecosystem, and you will learn how to use it to build complex and scalable applications.

See salaries and explore the career path for React Developer

UI Engineer

As a UI Engineer, you will be responsible for the design and development of the user interface of a website or application. This course will provide you with the knowledge and skills to use React to create engaging and interactive user interfaces. With the advanced concepts you will learn in this course, like JSX, advanced hooks, and custom hooks, you will be able to create scalable UIs with ease.

See salaries and explore the career path for UI Engineer

JavaScript Developer

As a JavaScript Developer, you will be responsible for developing and maintaining JavaScript applications. This course will help you build a strong foundation in React, one of the most popular JavaScript frameworks. With the skills you will learn in this course, you will be able to develop interactive and dynamic web applications.

See salaries and explore the career path for JavaScript Developer

Front-End Developer

As a Front End Developer, you will be responsible for the design and development of the user interface of a website or application. This course will provide you with the knowledge and skills to use React to create engaging and interactive user interfaces.

See salaries and explore the career path for Front-End Developer

UX Designer

As a UX Designer, you will be responsible for the user experience of a website or application. This course will help you understand how React can be used to create user interfaces that are both visually appealing and easy to use. With the knowledge you will gain from this course, you will be able to create user interfaces that meet the needs of users.

See salaries and explore the career path for UX Designer

Product Manager

As a Product Manager, you will be responsible for the planning, development, and launch of a product. This course will help you understand how React can be used to create user interfaces that are both visually appealing and easy to use. With the knowledge you will gain from this course, you will be able to create products that meet the needs of users.

See salaries and explore the career path for Product Manager

Software Engineer

As a Software Engineer, you will be responsible for designing, developing, and testing software applications. This course will help you build a strong foundation in React, one of the most in-demand front-end frameworks. With the skills you will learn in this course, you will be able to develop interactive and dynamic web applications that meet the needs of users.

See salaries and explore the career path for Software Engineer

Web Developer

As a Web Developer, you will be responsible for designing and developing websites and web applications. This course will help you build a strong foundation in React, one of the most popular front-end frameworks. With the skills you will learn in this course, you will be able to develop interactive and dynamic web applications.

See salaries and explore the career path for Web Developer

Business Analyst

As a Business Analyst, you will be responsible for analyzing business processes and developing solutions to improve efficiency. This course will help you understand how React can be used to create data visualizations that can help you identify trends and make better decisions. With the knowledge you will gain from this course, you will be able to create data visualizations that help you communicate your findings to stakeholders.

See salaries and explore the career path for Business Analyst

Data Scientist

As a Data Scientist, you will be responsible for collecting, analyzing, and interpreting data. This course will help you understand how React can be used to create data visualizations that are both informative and visually appealing. With the knowledge you will gain from this course, you will be able to create data visualizations that help users make better decisions.

See salaries and explore the career path for Data Scientist

Project Manager

As a Project Manager, you will be responsible for planning, executing, and closing projects. This course will help you understand how React can be used to create project management tools that can help you track progress, manage resources, and communicate with stakeholders. With the knowledge you will gain from this course, you will be able to create project management tools that help you deliver projects on time and within budget.

See salaries and explore the career path for Project Manager

Technical Writer

As a Technical Writer, you will be responsible for creating documentation for software and other technical products. This course will help you understand how React can be used to create interactive documentation that is both informative and easy to use. With the knowledge you will gain from this course, you will be able to create documentation that helps users understand and use your products.

See salaries and explore the career path for Technical Writer

Machine Learning Engineer

As a Machine Learning Engineer, you will be responsible for developing and deploying machine learning models. This course will help you understand how React can be used to create user interfaces for machine learning models. With the knowledge you will gain from this course, you will be able to create user interfaces that make it easy for users to interact with and understand machine learning models.

See salaries and explore the career path for Machine Learning Engineer

Full-Stack Developer

As a Full Stack Developer, you will be responsible for developing and maintaining both the front and back end of a website or application. React is one of the most in-demand front-end technologies and this course will provide you the skills to develop a wide range of applications using React. This course may also be helpful if you want to further your knowledge in React for web development.

See salaries and explore the career path for Full-Stack Developer

Quality Assurance Analyst

As a Quality Assurance Analyst, you will be responsible for testing software to ensure that it meets quality standards. This course will help you understand how React can be used to create automated tests that can help you identify and fix bugs. With the knowledge you will gain from this course, you will be able to create automated tests that help you deliver high-quality software.

See salaries and explore the career path for Quality Assurance Analyst