بناء المواقع باستخدام ReactJS: ابني موقعك الأول from Coursera

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

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

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

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

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