|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/the-complete-react-guide-2023-arabic/
课程评论：没有评论
《2025完整React指南 - 阿拉伯语》慕课课程总结： 本课程是学习React.js的全面指南，React.js是构建现代、交互式Web用户界面的流行JavaScript库。课程以循序渐进的方式教授核心和高级概念，通过大量的实践项目和示例来加速学习。 **核心特点：** * **双语解释：** 重要术语用英语讲解，概念用阿拉伯语解释，以提高理解和信息巩固。 * **函数式组件优先：** 课程注重函数式组件，而非类组件。 * **实践驱动：** 课程以应用和大量练习为导向，帮助学习者成为React开发者。 * **Hook全面覆盖：** 深入讲解核心Hook（如useState, useEffect）以及高级Hook（如useRef, useCallback, useMemo, useContext），还包括自定义Hook。 **课程内容概览：** **一、 基础主题 (Fundamental Topics)** * Create React App (CRA) 工具 * JSX * 函数式组件 (Functional components) * Props * States * 条件渲染 (Conditional Rendering) * 列表与键 (Lists & Keys) * 组件生命周期 (Component Life Cycle) * 事件处理 (Event Handling) * 基础Hook：useState, useEffect **二、 高级主题 (Advanced Topics)** * **Hook：** useRef, useCallback, useMemo, useContext, 自定义Hook (Custom Hooks) * Portals * Vite 工具 * **生态系统：** * **样式 (Styling):** Styled Components, MUI (Material UI), Tailwind CSS, React Bootstrap, Chakra UI * **动画 (Animations):** Framer Motion * **路由 (Router):** React Router v6 (useLocation, useNavigate, useParams) * **表单 (Forms):** React Hook Form (useForm, useFieldArray) * **REST API 调用：** Axios * **状态管理 (State Management):** * Context: useContext * Redux Toolkit: useDispatch, useSelector * TanStack Query (React Query): useQuery * Redux Toolkit Query * Firebase * **表格 (Tables):** Material React Table * **图表 (Charts):** React Chartjs 2 * **浏览器扩展安装：** React Developer Tools, React Context DevTool, Redux DevTools **三、 应用与项目 (Apps & Projects)** * **实践应用：** 简单的电影应用、雕塑画廊应用、餐馆主应用 (CRUD)、照片与引言应用、图书查找器应用、带Firebase的博客应用。 * **毕业项目 (Capstone Project):** 电子商务系统。 **先决条件：** 无需React JS基础，所有概念将从头开始教授。建议查看课程大纲以获取更详细信息。
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. فضلاً قم بمراجعة منهج الدورة لتفاصيل أكثر.
