We may earn an affiliate commission when you visit our partners.

Course image

Course image

بناء المواقع باستخدام ReactJS

ابني موقعك الأول

Course image

Omar Diaa

في نهاية المشروع دا تقدر تبنى موقع بالكامل لتحويل العملات باستخدام React.js و المبادئ الاساسية فيه زي ال Hooks و ال Custom Components وال Event Handling والAPI Calls وال Styling، وفي خلال المشروع هنشتغل مع بعض خطوة بخطوة عشان نبني كل العناصر المطلوبة في الموقع و هنشرح كل حاجة بالتفصيل واحنا بنبني الموقع.

و من أهم المهارات اللي هنتعلمها في نهاية المشروع إعادة استخدام ال components وازاي ننده API من مواقع خارجية وكمان هنقدر نعمل اي تصميم للموقع باستخدام اساسيات ال styling.

Read more

في نهاية المشروع دا تقدر تبنى موقع بالكامل لتحويل العملات باستخدام React.js و المبادئ الاساسية فيه زي ال Hooks و ال Custom Components وال Event Handling والAPI Calls وال Styling، وفي خلال المشروع هنشتغل مع بعض خطوة بخطوة عشان نبني كل العناصر المطلوبة في الموقع و هنشرح كل حاجة بالتفصيل واحنا بنبني الموقع.

و من أهم المهارات اللي هنتعلمها في نهاية المشروع إعادة استخدام ال components وازاي ننده API من مواقع خارجية وكمان هنقدر نعمل اي تصميم للموقع باستخدام اساسيات ال styling.

المشروع دا مخصص للمبرمجين اللي عندهم خبرة متوسطة في عمل المواقع ومهتمين يتعلموا طريقة احترافية اكتر وبيعرفوا يكتبوا HTML و CSS و Javascript وهدف دا انكوا تتعلموا ازاي تعملوا أول موقع ب React.js اللي هيفتحلك فرص شغل ف مجال ال frontend لان React JS من اكتر ال frameworks المطلوبة في سوق العمل.

Or subscribe to Coursera Plus

And get unlimited access to Coursera

Here's a deal for you

Save money when you learn with a deal that may be relevant to this course.

All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

Valid until March 12, 2027

Save 40% Off 3 Months

Access thousands of top-rated learning programs with a Coursera Plus monthly subscription and take 40% off 3 months for a limited time.

What's inside

Syllabus

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Explores concepts such as Hooks, Custom Components, Event Handling, API Calls, and Styling in React.js

Provides a comprehensive study of React.js, which is highly relevant to frontend development

Builds strong foundational skills in React.js for intermediate learners

May require learners to have prior knowledge of HTML, CSS, and JavaScript

Covers core skills for frontend development, which are highly relevant to industry

Taught by Omar Diaa, a recognized instructor in React.js

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.

Save

Reviews summary

دورة reactjs عملية ومنظمة للمطورين

وفقًا للمتعلمين، تقدم هذه الدورة تجربة تعليمية ممتازة وعملية لبناء مواقع الويب باستخدام ReactJS. يثني الكثيرون على الشرح الواضح والمبسط للمدرب وقدرته على توصيل المفاهيم المعقدة بيسر. تعتبر الدورة نقطة انطلاق قوية للمبرمجين الذين لديهم أساسيات JavaScript ويرغبون في تعلم React من خلال مشروع عملي ومطبق على أرض الواقع، مما يساعد على ترسيخ المفاهيم الأساسية مثل Hooks وAPI Calls. على الرغم من أن بعض المتعلمين أشاروا إلى أن الوتيرة قد تكون سريعة قليلًا أو تتطلب معرفة مسبقة قوية بالجافاسكريبت، إلا أن الإجماع العام يؤكد أن المحتوى حديث وذو قيمة عالية ومناسب للمهتمين بمجال تطوير الواجهات الأمامية.

تقدم الدورة محتوى عصريًا ومفيدًا، وملائمًا لسوق العمل الحالي.

"محتوى ممتاز وعصري، شرح المدرب ممتاز جداً، والدورة تركز على التطبيق العملي وهو ما أحتاجه كمطور."

"المحتوى ما زال حديثاً ومفيداً، وأعتقد أنه يفتح فرصاً جديدة في الـ frontend."

"هذه الدورة هي نقطة انطلاق ممتازة لأي شخص يريد تعلم ReactJS والبدء في بناء تطبيقات الويب."

تركز الدورة على بناء مشروع حقيقي لترسيخ المفاهيم الأساسية.

"دورة ممتازة جداً ومفيدة لكل من يريد أن يتعلم رياكت من الصفر ويطبق مشروعاً عملياً."

"المشروع كان رائعًا جدًا ومطبقًا على أرض الواقع. استفدت كثيرًا من جزء الـ API Calls..."

"التركيز على الجانب العملي كان مذهلاً. هذه الدورة هي حقًا نقطة انطلاق ممتازة."

"لقد ساعدني المشروع العملي على فهم كيفية عمل React وكيف أطبقها في مشروع حقيقي."

المدرب يقدم المفاهيم بطريقة احترافية ومبسطة ومفهومة.

"الشرح واضح ومبسط والمدرب يتناول كل نقطة بالتفصيل."

"المدرب مبدع في توصيل المعلومة. الدورة ساعدتني على فهم كيفية بناء تطبيق React من الصفر..."

"أسلوب المدرب رائع وشامل، فقد ساعدني المشروع العملي على تثبيت المفاهيم بشكل ممتاز."

"أرى أن المدرب يشرح بوضوح وتركيز كبيرين، مما يجعل الدورة سهلة المتابعة."

تتطلب الدورة معرفة جيدة بالجافاسكريبت، وقد تكون سريعة للمبتدئين تمامًا.

"شعرت بأنها تتطلب معرفة مسبقة قوية بالـ JavaScript ES6 لكي تتمكن من مواكبة الشرح."

"كشخص مبتدئ نوعًا ما، واجهت بعض الصعوبة في فهم بعض الأكواد بسرعة."

"لقد وجدت الدورة مفيدة بشكل عام، ولكن واجهت صعوبة في متابعة بعض الأجزاء بسبب سرعتها."

"أحيانًا كانت بعض الجزئيات سريعة قليلاً وتطلبت مني إعادة المشاهدة مرات عدة."

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 بناء المواقع باستخدام ReactJS: ابني موقعك الأول with these activities:

Organize and review notes and course materials

Show steps

Improves retention by organizing and reviewing key concepts and materials from the course.

Show steps

Review lecture notes, presentations, and handouts
Create summaries and diagrams to reinforce understanding

Review HTML and CSS

Show steps

Reinforces basic knowledge of HTML and CSS, which is essential for building the website in this course.

Browse courses on HTML

Show steps

Review online tutorials on HTML and CSS
Practice writing HTML and CSS code

Solve JavaScript coding problems

Show steps

Strengthens problem-solving skills in JavaScript, which is crucial for developing the website's functionality.

Browse courses on JavaScript

Show steps

Review JavaScript basics
Practice solving coding problems on websites like LeetCode

Five other activities

Expand to see all activities and additional details

Show all eight activities

Attend a ReactJS workshop

Show steps

Provides an opportunity to learn advanced ReactJS techniques and network with other developers.

Browse courses on ReactJS

Show steps

Research and identify suitable ReactJS workshops
Register and attend the workshop

Attend meetups and conferences on ReactJS

Show steps

Facilitates connection with other ReactJS developers and professionals, exchanging knowledge and ideas.

Browse courses on ReactJS

Show steps

Identify meetups and conferences related to ReactJS
Attend the events and engage with other attendees

Build a portfolio website

Show steps

Provides hands-on experience in applying the skills learned in the course by creating a real-world project.

Browse courses on Website Development

Show steps

Plan the website's structure and design
Implement the website using ReactJS
Deploy the website

Contribute to open-source ReactJS projects

Show steps

Enhances collaboration skills and provides exposure to real-world ReactJS development practices.

Browse courses on ReactJS

Show steps

Identify open-source ReactJS projects to contribute to
Review the project's documentation and codebase
Make code contributions and submit pull requests

Mentor junior ReactJS developers

Show steps

Strengthens understanding of ReactJS concepts by sharing knowledge and providing guidance to others.

Browse courses on ReactJS

Show steps

Identify opportunities to mentor junior ReactJS developers
Provide support and guidance through code reviews, Q&A sessions, or workshops

Career center

Learners who complete بناء المواقع باستخدام ReactJS: ابني موقعك الأول will develop knowledge and skills that may be useful to these careers:

Front-End Developer

A Front-End Developer is responsible for the design and implementation of the user interface of a website or application. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

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

Web Developer

A Web Developer is responsible for the design, development, and maintenance of websites and web applications. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

See salaries and explore the career path for Web Developer

Software Engineer

A Software Engineer is responsible for the design, development, and maintenance of software applications. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

See salaries and explore the career path for Software Engineer

UX Designer

A UX Designer is responsible for the design of the user experience of a website or application. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

See salaries and explore the career path for UX Designer

UI Designer

A UI Designer is responsible for the design of the user interface of a website or application. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

See salaries and explore the career path for UI Designer

Product Manager

A Product Manager is responsible for the planning, development, and launch of new products. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

See salaries and explore the career path for Product Manager

Business Analyst

A Business Analyst is responsible for the analysis of business processes and the development of solutions to improve efficiency. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

See salaries and explore the career path for Business Analyst

Data Analyst

A Data Analyst is responsible for the collection, analysis, and interpretation of data. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

See salaries and explore the career path for Data Analyst

Project Manager

A Project Manager is responsible for the planning, execution, and closure of projects. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

See salaries and explore the career path for Project Manager

Technical Writer

A Technical Writer is responsible for the creation and maintenance of technical documentation. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

See salaries and explore the career path for Technical Writer

Salesforce Developer

A Salesforce Developer is responsible for the development and maintenance of Salesforce applications. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

See salaries and explore the career path for Salesforce Developer

Quality Assurance Analyst

A Quality Assurance Analyst is responsible for the testing and validation of software applications. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

See salaries and explore the career path for Quality Assurance Analyst

DevOps Engineer

A DevOps Engineer is responsible for the planning, implementation, and maintenance of software development and deployment pipelines. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

See salaries and explore the career path for DevOps Engineer

System Administrator

A System Administrator is responsible for the maintenance and operation of computer systems. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

See salaries and explore the career path for System Administrator

Data Scientist

A Data Scientist is responsible for the collection, analysis, and interpretation of data. This course can help you build a foundation in ReactJS, a popular framework for building user interfaces. ReactJS is used by many companies, including Facebook, Netflix, and Airbnb, so learning it can open up many career opportunities.

See salaries and explore the career path for Data Scientist

Reading list

We've selected nine 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 بناء المواقع باستخدام ReactJS: ابني موقعك الأول.

Cover image

Cover image

React Design Patterns and Best Practices

Save

Guide to the design patterns and best practices for building React applications. It covers topics such as component design, state management, and testing.

(English) React Design Patterns and Best Practices: Build...

(English) React design patterns and best practices (Korean...

(English) React Design Patterns and Best Practices: Build...

Cover image

Cover image

React and React Native

Save

Guide to building mobile apps with React Native. It covers everything from the basics of React Native to more advanced topics such as native modules and animations.

(English) React and React Native - Fifth Edition: Build cross...

(English) React and React Native - Fourth Edition: Build...

(English) React and React Native: Build cross-platform...

(English) React and React Native: Build cross-platform...

Cover image

Cover image

The Road to GraphQL

Save

A comprehensive guide to React, covering both the fundamentals and advanced concepts.

(English) The Road to GraphQL: Your journey to master...

Cover image

Cover image

Brief Therapy Conversations

Save

Good starting point for those who are new to React. It provides a quick and easy introduction to the basics of React, including how to create a simple React application.

(English) Brief Therapy Conversations

(English) Brief Therapy Conversations: Exploring Efficient...

Cover image

Cover image

Mastering React Native

Save

Good starting point for those who are new to React Native. It provides a quick and easy introduction to the basics of React Native, including how to create a simple React Native application.

(English) Mastering React Native: Learn Once, Write Anywhere

(English) Mastering React Native

Cover image

Cover image

A Million And One Random Digits

Save

Provides a deep understanding of JavaScript's core concepts and principles.

A Million And One Random Digits

A Million And One Random Digits

Cover image

Cover image

Eloquent JavaScript, 3rd Edition

Save

A modern and interactive guide to JavaScript, covering both the basics and advanced concepts.

(English) Eloquent JavaScript, 3rd Edition: A Modern...

(English) Eloquent JavaScript, 3rd Edition: A Modern...

Cover image

Cover image

You Don't Know JS Yet

Save

A comprehensive series of books that delve into the intricacies of JavaScript.

(English) You Don't Know JS Yet: Get Started

(English) You Don't Know JS Yet: Scope & Closures

(English) You Don't Know JS Yet: Get Started

(English) You Don't Know JS Yet: Scope & Closures

Cover image

Cover image

React Key Concepts

Save

A detailed guide to using React Router for building complex and dynamic applications.

(English) React Key Concepts: Consolidate your knowledge of...

(English) React Key Concepts: An in-depth guide to React's...

Share

Help others find this course page by sharing it with your friends and followers:

Copy Link

Similar courses

Here are nine courses similar to بناء المواقع باستخدام ReactJS: ابني موقعك الأول.

Intermediate Object-Oriented Programming for Unity Games

Intermediate Object-Oriented Programming for Unity Games

JavaScript Fundamentals

JavaScript Fundamentals

Typescript in React: useContext, useReducer, Type assertion

Typescript in React: useContext, useReducer, Type...

JavaScript for Web Development

JavaScript for Web Development

Secure Your Applications

Secure Your Applications

Generative AI with Vertex AI: Build a customer chatbot

Generative AI with Vertex AI: Build a customer chatbot

Call Gemini using the OpenAI Library

Call Gemini using the OpenAI Library

What's new in React 19?

What's new in React 19?

Creating a Word Jumble Game in Python Using Tkinter GUI

Creating a Word Jumble Game in Python Using Tkinter GUI

Coursera Buyer Protection & Guarantee

Verified partner policies & purchase protections

Accredited University Partner

Free Trial & Audit

7-Day Free Trial & Free Audit

7-day free trial on monthly Coursera Plus subscriptions; free audit option available on most individual courses to explore video lectures and readings at no charge.

Return & Refund Policy

14-Day Refund Guarantee

14-day refund window on annual Coursera Plus subscriptions and single-course purchases prior to certificate issuance. Monthly subscriptions do not offer refunds once billed.

Buyer Protections

Verified Academic & Industry Partner

Accredited university and industry certifications (e.g. Stanford, Google, IBM, Yale), secure SSL payment processing, and verifiable digital certificate links.

Key Purchase Protections

14-day refund window on annual Coursera Plus and single courses

7-day free trial on monthly Coursera Plus subscriptions

Free course audit option for lectures and readings

Verified certificates from top universities & companies

OpenCourser Verified Partner Policy details last reviewed: 2026-10-22

Course image

Effort

ساعة و نصف

Level

Intermediate

Via

Coursera

Institution

Coursera Project Network

Instructor

Omar Diaa

Language

العربية

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Explores concepts such as Hooks, Custom Components, Event Handling, API Calls, and Styling in React.js

Provides a comprehensive study of React.js, which is highly relevant to frontend development

Builds strong foundational skills in React.js for intermediate learners

May require learners to have prior knowledge of HTML, CSS, and JavaScript

Covers core skills for frontend development, which are highly relevant to industry

Taught by Omar Diaa, a recognized instructor in React.js

Share this

Share to help others discover this course.

Link

Begin learning today

Enroll now to gain full access to بناء المواقع باستخدام ReactJS.

Enroll now Enroll in this course

Save for later

Add this course to your list. Find it anytime.

Save

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 - 2025 OpenCourser