أساسيات React from Coursera

React هي مكتبة JavaScript قوية يمكنك استخدامها لإنشاء واجهات مستخدم لتطبيقات الويب والهاتف المحمول (التطبيقات). خلال هذه الدورة التدريبية، ستستكشف المفاهيم الأساسية التي ترتكز عليها مكتبة React وتتعلم المهارات الأساسية المطلوبة لإنشاء تطبيق بسيط وسريع وقابل للتطوير.

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

• استخدام المكونات المتوفرة لعرض طرق العرض حيث تتغير البيانات بمرور الوقت

• نشاء مواقع ويب وتطبيقات أكثر قابلية للتطوير والصيانة

• استخدام الخصائص (props) لتمرير البيانات بين المكونات

• إنشاء تطبيقات وصفحات ويب تفاعلية وديناميكية

• استخدام النماذج للسماح للمستخدمين بالتفاعل مع صفحة الويب

• إنشاء تطبيق في React

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

• React.js

• JSX

• React

• HTML, CSS and JavaScript

• VSCode

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

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

What's inside

Syllabus

مكونات React

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

البيانات والحالة

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

التنقل والتحديث والأصول في React.js

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

تطبيقك الأول في React

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

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Basis of React fundamentals, an industry recognized standard for app development

Develops React skills, building up to building complex applications

Taught by Meta, a widely recognized industry leader in the development of React

Provides hands-on experience through building a React application

Provides a strong foundation for beginners in React development

Course requirements explicitly advise the learner to have foundational knowledge of programming

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 HTML and CSS

Show steps

Reviewing HTML and CSS concepts will strengthen your foundational understanding of web development, making it easier to grasp the concepts introduced in this React course.

Browse courses on HTML

Show steps

Go through online tutorials on HTML and CSS basics
Practice writing simple HTML and CSS code snippets

Follow React tutorials for beginners

Show steps

Following beginner-friendly React tutorials will provide you with a hands-on introduction to the library and its core concepts, easing your transition into the course material.

Show steps

Find reputable online resources or video tutorials that cover React basics
Follow the tutorials step-by-step, building simple React applications
Experiment with the code and try to understand the underlying principles

Join a React study group

Show steps

Joining a React study group will provide opportunities for collaboration, peer learning, and support, enhancing your understanding of the course material.

Show steps

Find or create a study group with other React learners
Meet regularly to discuss course topics, share knowledge, and work on projects together

Four other activities

Expand to see all activities and additional details

Show all seven activities

Solve React coding challenges

Show steps

Solving React coding challenges will test your understanding of the concepts covered in the course and help you develop your problem-solving skills in a practical context.

Show steps

Find online platforms or resources that offer React coding challenges
Attempt the challenges and try to solve them independently
Review the solutions and learn from your mistakes

Build a simple React project

Show steps

Building a simple React project will allow you to apply your knowledge in a practical setting, reinforcing your understanding of the concepts and improving your problem-solving abilities.

Show steps

Plan the project and define its scope
Code the project using React and follow best practices
Test the project to ensure it meets the requirements
Deploy the project and share it with others for feedback

Contribute to open source React projects

Show steps

Contributing to open source React projects will expose you to real-world codebases, best practices, and collaboration, deepening your understanding of React and software development principles.

Show steps

Identify open source React projects that align with your interests
Review the project documentation and codebase
Fix bugs, implement new features, or contribute to discussions

Create a portfolio of React projects

Show steps

Creating a portfolio of React projects will showcase your skills, demonstrate your understanding of the concepts covered in the course, and enhance your employability.

Show steps

Plan a series of React projects that showcase different aspects of your abilities
Develop the projects using React and follow industry best practices
Document the projects and create a portfolio website or GitHub repository

Career center

Learners who complete أساسيات React will develop knowledge and skills that may be useful to these careers:

React Developer

React Developers specialize in building and maintaining web applications using the React JavaScript library. This course provides a comprehensive overview of React, covering its component-based architecture, data binding techniques, and event management principles. By mastering these concepts, you will gain the skills necessary to develop interactive and user-friendly web applications. This course is tailored to help you succeed in this role by equipping you with the knowledge and skills to build robust and scalable React applications.

See salaries and explore the career path for React Developer

JavaScript Developer

JavaScript Developers use JavaScript to create dynamic and interactive web pages and applications. This course focuses on React, a popular JavaScript library for building user interfaces. By learning React's component-based architecture, data binding techniques, and event management principles, you will gain the skills necessary to develop interactive and user-friendly web applications. This course will help you succeed in this role by providing you with the skills to build robust and efficient JavaScript applications.

See salaries and explore the career path for JavaScript Developer

Front-End Developer

A Front-End Developer primarily focuses on the user-facing components of websites and applications, ensuring that they are visually appealing and user-friendly. This course's coverage of React, a popular JavaScript library for building user interfaces, can help you develop the skills needed to succeed in this role. By learning about React's components, data management, and event handling, you will gain a solid foundation for creating dynamic and interactive web pages.

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

Web Developer

Web Developers design and develop websites and applications. This course focuses on React, a JavaScript library specifically designed for building user interfaces. By learning React's component-based approach, data handling capabilities, and event management, you will gain the skills to create interactive and dynamic web pages. This course will help you succeed in this role by providing you with the tools to build user-centric and responsive web applications.

See salaries and explore the career path for Web Developer

Web Designer

Web Designers create the visual and functional elements of websites and applications. This course focuses on React, a JavaScript library for building user interfaces. By mastering React's component-based approach, data binding techniques, and event handling principles, you will gain the skills to design and develop user-friendly and responsive web pages. This course will help you succeed in this role by providing you with the tools to build aesthetically pleasing and functional web applications.

See salaries and explore the career path for Web Designer

Software Engineer

Software Engineers design, develop, and maintain software systems. This course provides a foundation in React, a JavaScript library for building user interfaces. By understanding React's component-based architecture, data management principles, and event handling techniques, you will gain the skills to develop scalable and efficient web applications. This course will help you succeed in this role by providing you with the tools to build robust and user-friendly software solutions.

See salaries and explore the career path for Software Engineer

Software Developer

Software Developers design, develop, and maintain software applications. This course provides a strong foundation in React, a widely-used JavaScript library for building web applications. By mastering React's component-based architecture, data binding techniques, and state management principles, you will gain the skills necessary to develop robust and scalable web applications. This course will help you excel in this role by equipping you with the skills to create user-friendly and efficient software solutions.

See salaries and explore the career path for Software Developer

UI Developer

UI Developers are responsible for designing and developing the visual elements of websites and applications. This course covers React, a JavaScript library for building user interfaces. By learning React's component-based architecture, event handling techniques, and data management principles, you will gain the skills necessary to create intuitive and visually appealing user interfaces. This course will help you succeed in this role by providing you with the foundation to design and develop user-friendly and engaging web applications.

See salaries and explore the career path for UI Developer

UX Designer

UX Designers focus on the user experience of websites and applications. This course covers React, a JavaScript library for building user interfaces. By learning React's component-based architecture, data management principles, and event handling techniques, you will gain the skills to design and develop intuitive and user-friendly user interfaces. This course will help you succeed in this role by providing you with the tools to build user-centric and engaging web applications.

See salaries and explore the career path for UX Designer

Full-Stack Developer

Full-Stack Developers design and develop both the front-end and back-end of websites and applications. This course emphasizes React, a JavaScript library for building user interfaces. By learning React's component-based approach, data management capabilities, and event handling techniques, you will gain the skills to develop the front-end of web applications. This course will help you succeed in this role by providing you with the foundation to build user-centric and responsive web applications.

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

Technical Project Manager

Technical Project Managers lead technical teams and ensure the successful delivery of software projects. This course provides a foundation in React, a popular JavaScript library for building user interfaces. By mastering React's component-based architecture, data binding techniques, and event handling principles, you will gain the skills to effectively manage and coordinate the development of web applications. This course will help you succeed in this role by providing you with the tools to ensure the timely and successful delivery of software projects.

See salaries and explore the career path for Technical Project Manager

Quality Assurance Analyst

Quality Assurance Analysts ensure the quality and reliability of software products. This course provides a foundation in React, a popular JavaScript library for building user interfaces. By mastering React's component-based architecture, data binding techniques, and event handling principles, you will gain the skills to test and validate the functionality of web applications. This course will help you succeed in this role by providing you with the tools to ensure the delivery of high-quality software products.

See salaries and explore the career path for Quality Assurance Analyst

Product Manager

Product Managers lead the development and launch of new products and features. This course provides an overview of React, a JavaScript library for building user interfaces. By understanding React's component-based architecture, data management principles, and event handling techniques, you will gain the skills to communicate effectively with engineering teams and ensure the development of user-friendly and efficient products. This course will help you succeed in this role by providing you with the tools to build successful and innovative products.

See salaries and explore the career path for Product Manager

Scrum Master

Scrum Masters facilitate and guide agile development teams. This course provides an overview of React, a JavaScript library for building user interfaces. By understanding React's component-based architecture, data management principles, and event handling techniques, you will gain the skills to effectively support and guide development teams in the implementation of agile methodologies. This course will help you succeed in this role by providing you with the tools to create and maintain a productive and collaborative development environment.

See salaries and explore the career path for Scrum Master

Business Analyst

Business Analysts bridge the gap between business requirements and technical solutions. This course provides an overview of React, a JavaScript library for building user interfaces. By understanding React's component-based architecture, data management principles, and event handling techniques, you will gain the skills to analyze business requirements and translate them into technical specifications. This course will help you succeed in this role by providing you with the tools to contribute effectively to the development of successful and user-centric software solutions.

See salaries and explore the career path for Business Analyst