كبسولة البرمجة
كبسولة البرمجة

@capsuleprog

15 تغريدة 24 قراءة Mar 10, 2022
السلام عليكم
في هذا الثريد سنتعرف على مسار تطوير مواقع الويب باستخدام مكتبة React.js وخريطة الطريق لتحترف هذا المسار وفي الاخير اعطيك مصادر للتعلم . فا فضلا ادعمنا بالرتويت 🔁والايك ❤️ .
تعتبر مكتبة @reactjs من اشهر واقوى مكتبات ال javascript وتمكننا من تطوير صفحات ومواقع الويب ذالت الصفحة الواحدة 'SPA' وهي اختصار ل 'single page application' وهي نوع من الصفحات التي بارسال واستقبال البيانات بشكل اني بدون اعادة تحميل الصفحات 'Refesh' .
تم تطوير مكتبة react.js من طرف شركة Facebook وتمتلك المكتبة شعبية لدى المطورين في كل انحاء العالم ولديها مجتمع ضخم وكبير من المطورين وهذا يدل على وجود مصادر متنوعة للتعلم بالاضافة لمجتمع يمكن ان يجيب على جميع استفسارتك في اي وقت .
في هذا الثريد سنتعرف على الخطوات التي يجب اتباعها لتصبح مطور reactjs من الصفر الى مراحل متقدمة في reactjs لننطلق على بركة الله.
1⃣ تعلم Html Css
قبل ان تفكر في ان تصبح مطور مواقع الويب يجب تعلم كل من Html وCss وهم اساس تصميم مواقع الويب فا html هي لعمل هيكل الصفحة وcss لتنسيقها.
2⃣ تعلم javascript
بما ان react.js مبنية على javascript فضروري تعلم هذه الاخيرة قبل تعلم react.js وما اقصد ب javascript هنا هو تعلم js و js bom و js dom و ES6 و js oop وبعدها تكون جاهز للانتقال للخطوة القادمة .
3⃣ تعلم cmd
تعلم سطر الاوامر هي من الامور المهمة جدا قبل المرور الى الخطوة القادمة لانك ستستخدم هذا الاخير في تنصيب react.js وانشاء مشاريع به وتنصيب packages والتعامل مع ال cli الخاص ب react لتشغيل البرنامج وتعلم الاساسيات يكفي .
4⃣ تعلم اساسيات react.js
في هذه المرحلة يجب تعلم اساسيات المكتبة مثل كيفية تحميل reactjs كيفية انشاء مشروع react ما هي ال components ما هو JSX ما هو state و ال events وكيفية تشغيل مشروع react.js وكيفية انشاء components جديد وغيرها من الاساسيات .
5⃣ التعامل مع ال forms
ال form هو عنصر من عناصر ال Html ومهمته هو ارسال البيانات عند تسجيل الدخول او اتصل بنا وغيرها ويجب التعرف على انواع ال forms في react وكيفية استخدامها وكيفية حمايتها بال validation وكيفية استقبال بياناتها والتعرف عىل بعض مكتبات الفورم مثل formik .
6⃣ تعلم react router
ال routing مهم جدا في رياكت وهو المسؤول عن التنقل بين صفحات الموقع وهو مهم جدا في مفهوم ال SPA و ال React Router Dom هو الذي يعرض ويخفي الصفحات حسب طلب المستخدم .
7⃣ تعلم React Hooks
ال تعلم React Hooks هي تمكنك من تقسيم ال component المعقدة الى وضائف صغيرة وهذا يجعل من تطبيقات react سريعة وقوية اهم انواع ال hooks التي يجب ان تعرفها useState useEffect useContext useReducer useRef كما يمكنك ان تبني hooks خاص بك .
8⃣ التعامل مع ال api
كمطور front-end يجب ان تتعلم طريقة التعامل مع ال api مثل rest api وتعلم مختلف العمليات مثل get و post و patch و put وغيرها وتوجد مكتبة تسمى axios تسهل الامر . ولاخد نضرة اكثر على ال api انصحك بهذا الثريد الذي كتبته سابقا
9⃣ تعلم Redux
هي مكتبة مبنية على javascript تعمل على نضام ال state management وتمكنك من مشاركة البيانات بين كل ال components في مشروعك عن طريق تخزينها في ملف يطلق عليه store وستفيدك اكثر في المشاريع الكبيرة والمعقدة .
🔟 تقنيات اخرى
في الاخير يفضل تعلم تقنيات اخرى ستساعدك مثل ال testing و ال typescript و Npm و و bootstrap او tailwind css وغيرها من التقنيات التي ستفيدك حتما .
مصادر للتعلم :
- موقع لتعلم react بالعربية : ar.reactjs.org
- الموقع الرسمي بالانجليزية : reactjs.org
- تعلم اساسيات react.js : youtu.be
- تعلم react hooks م : youtu.be
- دورة react شاملة : youtu.be
والى هنا نصل الى نهاية الثريد , ان كنت ترى ان الثريد يحتوي على معلومات قيمة فلا تنسى دعمنا بالرتويت 🔁 والايك ❤️وشارك الثريد مع اصدقائك لتعم الفائدة . نلتقي في ثريد جديد والسلام عليكم ورحمة الله وبركاته .

جاري تحميل الاقتراحات...