أفضل 7 دروس مجانية لتعلم التفاعل وإنشاء تطبيقات الويب

الإعلانات

في الوقت الحالي ، ليس فقط رد الفعل في ذروة شعبيته ، ولكن شعبيته تتسارع. بقدر ما أو إلى هذا الحد نشعر بالقلق تطوير جافا سكريبت ويب البرمجة مقابل تطوير الويب: ما هو الفرق؟قد تعتقد أن مبرمجي التطبيقات ومطوري الويب يقومون بنفس العمل ، ولكن هذا بعيد عن الحقيقة. فيما يلي الاختلافات الرئيسية بين المبرمجين ومطوري الويب. قراءة المزيد ، React هو أحد أسهل الأطر للتعلم وواحد من أكثرها فاعلية للتطوير السريع والقوي.

لذا إذا قررت أن تتعلمه ، فرب على نفسك: لقد اتخذت خيارًا ذكيًا.

المشكلة الوحيدة هي أن معظم دورات React المجدية تأتي مع ثمن باهظ. على سبيل المثال ، المشهود لهم تفاعل مع دورة المبتدئين هو 89 دولارًا (الإصدار المبدئي) و 127 دولارًا (الإصدار الرئيسي). نادرًا ما تكون الدورات المجانية شاملة ومفيدة - ولكن وجدنا العديد منها ممتاز وسيساعدك على البدء بالقدم اليمنى ما الذي يجعل دروس البرمجة جيدة؟ليست كل دروس البرمجة متساوية. البعض يفيدك أنت والآخرون في نهاية المطاف إضاعة وقتك. إليك ما تبحث عنه في برنامج تعليمي عالي الجودة. قراءة المزيد .

1. دورة أساسيات تدريب رد الفعل

Tyler McGinnis هو مطور ومدرب React المعروف الذي يقوم بالتدريس والكتابة عن React منذ سنوات. لديه حاليًا أربع دورات متاحة حول التدريب التفاعلي [لم يعد متاحًا] ، أولها مجاني تمامًا ويعمل كنقطة دخول للآخرين.

أساسيات رد الفعل ينقسم إلى 32 درس فيديو يضيف ما يصل إلى ثلاث ساعات كاملة من التعليم. سوف تتعلم كل ما تحتاجه لتشغيل تطبيق React الأساسي وتشغيله (أي نظام رد الفعل البيئي ، و NPM ، و Babel ، و Webpack) ، المفاهيم الأساسية ودورة الحياة التي تدفع تطبيقات التفاعل ، وكيفية كتابة المكونات بشكل صحيح ، وكيفية تمرير البيانات حول.

إنها كثيفة. إنها غنية بالمعلومات. إنها المقدمة المثالية ، وحقيقة أن McGinnis يقدمها مجانًا أمر رائع. يجب أن تكون هذه هي محطتك الأولى عند تعلم رد الفعل.

موقع الكتروني - دورة أساسيات رد الفعل [لم تعد متوفرة]

2. القرصنة مع رد الفعل

القرصنة مع رد الفعل هو كتاب إلكتروني مجاني تمامًا ، وتغطيته إذا قرأت إصدار الويب فقط. يمكنك الحصول على إصدار PDF أو EPUB أو MOBI قابل للتنزيل منه مقابل 10 دولارات إذا كنت تفضل اصطحابه معك والتعلم في وضع عدم الاتصال. في كلتا الحالتين ، إنه مورد رائع للمبتدئين الذين لا يحبون مقاطع الفيديو.

يبدأ من البداية ، موضحا المفاهيم الأساسية مثل JSX والمكونات والدعائم ، و يمسك بيدك أثناء التخرج إلى مواضيع وسيطة مثل الحالات والتوجيه والاختبارات والتنظيف و أكثر. إنها مكتوبة في ES6 تبدأ في الانتهاء وستتعلم أفضل الممارسات على طول الطريق ، بما في ذلك Babel و Webpack و ESLint.

هل سيجعلك خبير رد فعل؟ لا ، لكن ذلك إرادة تجعلك مرتاحًا بما يكفي للشعور بالثقة ومواصلة التعلم. على الأقل ، ستعرف أكثر من رد الفعل الكافي لتقرر ما إذا كنت ستنفق الأموال على دورة متقدمة متقدمة في مكان آخر.

موقع الكتروني — القرصنة مع رد الفعل

3. دروس رد الفعل الرسمية

كنت تعتقد أن البرنامج التعليمي الرسمي يجب أن يكون أول مكان يتطلع إليه لتعلم رد الفعل ، لكني وجدته شخصيًا سريعًا جدًا بالنسبة للمبتدئين - فقد افترض الكثير من المعرفة أكثر من معظمهم نوبي لها. إنها مثالية إذا كانت لديك خبرة سابقة في إطار ويب JavaScript آخر.

ما قيل، البرنامج التعليمي الرسمي للتفاعل أمر رائع بمجرد أن تتعلم المفاهيم الأساسية للتفاعل وتكافح من أجل وضعها موضع التنفيذ. يأخذك من خلال إنشاء تطبيق ويب تيك تاك تو باستخدام ما لا يزيد عن المكونات والدعائم والحالة. يسد الفجوة بين النظرية المجردة والتطبيق العملي.

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

موقع الكتروني — دروس رد الفعل الرسمية و التفكير في رد الفعل

4. دورة أساسيات رد الفعل Egghead

Egghead تقدم عشرات الدورات (مئات الدروس) حول مواضيع تطوير الويب المختلفة: JavaScript ، Angular ، React ، RxJS ، Node ، TypeScript ، إلخ. React هو ثالث أكبر موضوع على الموقع ، وعلى الرغم من أن معظم الدورات مخصصة للمستخدمين المتميزين ، إلا أن هناك خمسة متاحة مجانًا:

• ابدأ باستخدام React لإنشاء تطبيقات الويب
• إضافة التوجيه إلى React Apps باستخدام React Router v4
• الابتداء مع Redux
• بناء تطبيقات رد الفعل مع الاختزال الاصطلاحي
• إدارة الحالة المعقدة في تطبيقات تفاعل مع MobX

الأولين هما الأكثر أهمية ، ولكن ربما ستحتاج إلى تناولهما جميعًا في وقت ما (على النحو الأمثل بالترتيب المدرج). تفترض الدورات أنك تعرف جافا سكريبت بالفعل ، لذا تحقق من دورات جافا سكريبت Egghead إذا لم تكن مرتاحًا للغة بعد 7 حيل مفيدة لإتقان لغة برمجة جديدةلا بأس في أن تغمر نفسك عندما تتعلم البرمجة. ربما ستنسى الأشياء بنفس السرعة التي تتعلمها بها. يمكن أن تساعدك هذه النصائح في الاحتفاظ بجميع هذه المعلومات الجديدة بشكل أفضل. قراءة المزيد .

لاحظ أن الدورات الممتازة جيدة جدًا أيضًا ، وتستحق التحقق مما إذا كنت تستطيع تحمل اشتراك Pro: 40 دولارًا أمريكيًا في الشهر أو 200 دولارًا سنويًا.

موقع الكتروني — دورة أساسيات رد الفعل Egghead

5. تعلم رد الفعل و Redux مع المقصورة

على الرغم من أن Redux ليس جزءًا من إطار عمل React الأساسي ، إلا أنه غالبًا ما يتم استخدامه معًا بحيث يجب عليك تعلمه حقًا. وحتى إذا ابتعدت في نهاية المطاف عن Redux ، يمكنك أن تأخذ المفاهيم معك وتطبقها على كل ما ينتهي به الأمر في النهاية.

الطائرة عبارة عن سلسلة تعليمية مكونة من 10 أجزاء ستعلمك كيفية إنشاء تطبيق شبكة اجتماعية مبسط من البداية: تثبيت Node / React / Webpack ، فهم كيفية عمل React ، ودمج Redux ، والتعامل مع ميزات الشبكة الاجتماعية مثل الخلاصات والإشعارات ، ومعالجة الصور والفلاتر مثل Instagram ، و أكثر.

الجزء الأخير هو نظرة عامة على "أفضل الممارسات" التي لا تعلمك فقط الطريقة الأكثر فعالية لاستخدام وتنظيم React / Redux ، ولكن أيضًا الأخطاء الشائعة التي يجب تجنبها ، وكيفية تصميم تطبيق قابل للتطوير ، وكيفية استخدام أدوات الطرف الثالث لتسهيل عملية التطوير سير العمل.

موقع الكتروني — تعلم رد الفعل و Redux مع المقصورة

6. دورة تفاعلية في LearnCode Academy

على مدى السنوات القليلة الماضية ، أكاديمية LearnCode وقد ميزت نفسها باعتبارها واحدة من أفضل قنوات البرمجة على موقع يوتيوب 17 أفضل دروس البرمجة يوتيوبفي هذا المنشور ، نود أن نوجهك إلى بعض أفضل سلسلة برامج YouTube التي وجدناها. كل هذا يكفي لتبليل قدميك كمبرمج مبتدئ. قراءة المزيد . وهي متخصصة في تطوير الويب وتغطي جميع أنواع الموضوعات التي تتراوح من HTML و CSS وجافا سكريبت إلى أطر عمل محددة مثل Angular و React. وكلها مجانية.

تنقسم الدورة إلى ثلاثة أقسام: ثمانية مقاطع فيديو حول مفاهيم التفاعل الأساسية ، وستة مقاطع فيديو حول استخدام Flux لهندسة البيانات ، وسبعة مقاطع فيديو حول استخدام Redux لإدارة الحالة. كل هذا يتم باستخدام ممارسات محدثة ، بما في ذلك ES6 و Webpack.

لاحظ أن هذه ليست دورة شاملة ، وأن كلا من Flux و Redux كلاهما مفهومان متقدمان لا يمثلان جزءًا من القلب إطار رد الفعل ، لذلك نوصي باستخدام هذه الدورة كوسيلة لإعادة النظر في المفاهيم المكتسبة في الدورات أعلاه وتدعيمها.

موقع الكتروني — دورة تفاعلية في LearnCode Academy

7. اتفاقية رد الفعل

يفضل بعض المبرمجين البرمجة عن طريق اتفاقية - أي الالتزام بمجموعة معينة من قرارات التصميم ("الاصطلاحات") من مشروع لمشروع لتقليل التعقيد وتسريع عملية التنمية ، ولا سيما في المرحلة المبكرة من جديد مشاريع. يهدف هذا الكتاب الإلكتروني عبر الإنترنت إلى تقديم نوع واحد من الاتفاقيات التي يمكن لمطوري رد الفعل اتباعها.

قبل أن تغوص في هذا ، يجب أن تكون بالفعل على دراية جيدة بـ ES6 ، وأن تكون مرتاحًا مع إطار رد الفعل ، وأن تفهم أساسيات Redux. هذا الكتاب الإلكتروني ليس للمبتدئين في حد ذاته. بدلاً من ذلك ، من المفيد للوسطاء الذين يشعرون بالإرهاق ولست متأكدين من كيفية تحويل معارفهم المتفاعلة / Redux إلى تطبيقات الويب من الصفر.

يبدأ البرنامج التعليمي بمشروع عدة بداية ويوضح لك كيفية تعديله. باتباع هذه الاتفاقية في المشاريع المستقبلية ، لن تحتاج إلى إضاعة الوقت في إعادة إنشاء كل شيء.

موقع الكتروني — اتفاقية رد الفعل

لذا فقد تعلمت رد الفعل: ماذا نفعل الآن؟

باستخدام هذه البرامج التعليمية تحت حزامك ، يجب أن تكون أكثر دراية بما يكفي لبدء إنشاء تطبيقات الويب الخاصة بك باستخدام React. عند هذه النقطة ، كل ما تبقى هو الممارسة ، الممارسة ، الممارسة. والأمر الرائع هو أنه يمكنك ذلك لاحقًا استخدم React Native لإنشاء تطبيقات للجوال لإنشاء تطبيق Android ، تحتاج إلى تعلم لغات البرمجة السبع هذهما هي لغة البرمجة المناسبة لإنشاء تطبيقات Android؟ يتعلق الأمر بسجل البرمجة واللغات التي تشعر براحة أكبر في استخدامها. لحسن الحظ ، لديك خيارات. قراءة المزيد - لكن لا تسبق نفسك. التزم بتطبيقات الويب حتى تكون واثقًا.

سيكون طريقًا صعبًا ، لذلك نوصي بالاطلاع على مقالتنا حول تعلم كيفية البرمجة دون ضغوط كيف تتعلم البرمجة بدون كل ضغوطربما كنت قد قررت متابعة البرمجة ، سواء للعمل أو كهواية. عظيم! ولكن ربما بدأت تشعر بالإرهاق. ليس عظيما جدا. إليك المساعدة في تسهيل رحلتك. قراءة المزيد . فقط لأنك تكافح لا يعني ذلك أنت لا تريد أن تكون مبرمجًا 6 علامات تشير إلى أنه ليس من المفترض أن تكون مبرمجًالا يتم قطع الجميع ليكون مبرمجًا. إذا لم تكن متأكدًا تمامًا من أنه من المفترض أن تكون مبرمجًا ، فإليك بعض العلامات التي قد توجهك في الاتجاه الصحيح. قراءة المزيد !

لمزيد من التعلم ، تحقق من ذلك أفضل الدورات التي تستحق الدفع مقابلها في Coursera أفضل 11 مواقع لدورات برمجة الكمبيوتر عبر الإنترنتباستخدام هذه الدورات المجانية لبرمجة الكمبيوتر عبر الإنترنت ، يمكنك أن تصبح مبرمجًا رائعًا بدون شهادة في علوم الكمبيوتر. قراءة المزيد .

نأمل أن تكون هذه الدروس المجانية قد ساعدت! إذا كنت تعرف أي موارد رد فعل مجانية أخرى فقدناها ، فيرجى إخبارنا بذلك في تعليق أدناه.

حقوق الصورة: guteksk7 عبر Shutterstock.com