Overview

React.js هي مكتبة JavaScript الأكثر شيوعًا التي يمكنك استخدامها وتعلمها هذه الأيام لبناء واجهات مستخدم حديثة وتفاعلية للويب.خلال هذه الدورة التدريبية سوف تتعلم المفاهيم الأساسية والمتقدمة خطوة بخطوة مع التطبيق والأمثلة - (سوف تقوم ببناء عدة مشاريع وتتعلم من خلالها بشكل أسرع).سوف أحرص على شرح المصطلحات المهمة باللغة الانجليزية وتوضيح المفهوم باللغة العربية لتسهيل الفهم وثبات المعلومة.الدورة مرتكزة على مفهوم Functional components first بدلا عن Class Components وهذا ما سوف تلاحظه خلال الدورة. ستعلمك هذه الدورة التدريبية React.js بطريقة موجهة نحو التطبيقات والتدريبات الكثيرة ، سوف تتعلم جميع الأساسيات الرئيسية بالإضافة إلى المفاهيم المتقدمة والموضوعات ذات الصلة لجعلك مطور React js. سوف تتعلم العديد من Hooks سواءً الأساسية أو المتقدمة وأيضاً custom hooks الموجودة في المكتبات المختلفة التي سوف نستخدمها خلال التطبيقات.هذة الدورة هي عبارة عن خلاصة التعلم المستمر والمكدس الذي قمت به من قبل، وقد أحببت أن أقوم بترتيبها حسب ما رأيت أنه مناسباً للمبتدئين في لغة React، لأنه لأول مرة تعلمت React لم يكن هناك مصدر واحد مكتمل لتلقي معلومات مرتبة و متسلسلة من الألف للياء باللغة العربية مع الشرح المفصل. لقد قمت بتجهيز محتويات هذه الدورة بناء على الدليل المقترح لتعلم ال React لعام ٢٠٢٣. محتويات الدورة التدريبية:Fundamental Topics (المواضيع الأساسية):Create React App (CRA) Tool JSX Functional componentsPropsStatesConditional RenderingLists & KeysComponent Life CycleEvent HandlingBasic Hooks:useState HookuseEffect HookAdvanced Topics (المواضيع المتقدمة):Hooks:useRef HookuseCallback HookuseMemo HookuseContext HookCustom HooksPortalsVite Tool Ecosystem:Styling:Styled ComponentsMUI (Material UI)Tailwind CSSReact BootstrapChakra UIAnimations:Framer MotionRouter:React Router v6:useLocation HookuseNavigate HookuseParams HookForms:React Hook Form:useForm HookuseFeildArray HookREST API Calls:AxiosState Management:Context:useContext HookRedux Toolkit:useDispatch HookuseSelector HookTanStack Query (React Query):useQuery HookRedux Toolkit Query FirebaseTables Material React TableChartsReact Chartjs 2Browser Extensions installation:React Developer ToolsReact Context DevToolRedux DevToolsApps & Projects ( التطبيقات والمشاريع):Practice Apps:Simple Movies AppSculptures Gallery AppMeals Chef App (CRUD)Photos & Quotes AppBooks Finder AppBlog App With FirebaseCapstone Project:E-Commerce Systemسوف تتعلم جميع المفاهيم المذكورة من البداية وليس بالضرورة أن يكون لديك خبره مسبقة في React JS. فضلاً قم بمراجعة منهج الدورة لتفاصيل أكثر.

Skills

Reviews