پیشنهاد فرادرس

دوره کامل ساخت اپلیکیشن های وب مدرن با ری اکت (React Js) و Redux

دسته بندی ها: آموزش طراحی وب ، آموزش React.js ، آموزش های Packtpub ، آموزش جاوااسکریپت (Javascript)

ری‌اکت (React.js)، یک کتابخانه متن ‌باز جاوااسکریپت برای ساخت رابط ‌های کاربری و اجزای (Component) صفحات وب می باشد. ری‌اکت به سرعت به یکی از قدرتمند ترین ابزار ها برای ساخت برنامه های کاربردی وب تبدیل شده است. سایت های سرآمد زیادی مانند فیس بوک، توییتر، نت فیکس، Airbnb و موارد بیشتر دیگر، از ری‌اکت (React.js) استفاده می کنند. این دوره برای کارآفرینان و شرکت های نوپایی که می خواهند ایده های خود را در زندگی بکار بگیرند، بسیار مناسب می باشد. توسعه دهندگان ری‌اکت، دارای بالاترین حقوق در دنیای توسعه دهندگان می باشند. این دوره طراحی شده است، تا دانشجویانی را که تجربه ای در زمینه برنامه نویسی یا توسعه وب ندارند، را به توسعه دهندگان ورزیده ری‌اکت (React.js)، تبدیل کند.

این دوره موارد زیر را به شما آموزش خواهد داد:

  • ایجاد یک برنامه کاربردی تحت وب پیشرفته Photowall با React، Redux و CSS
  • از چارچوب Redux برای مدیریت داده های خود استفاده کرده و آنها را برای رفع اشکال، ساده تر و قابل پیش بینی تر سازید
  • برنامه کاربردی خود را به Firebase، یک پایگاه داده قدرتمند، متصل کنید.
  • برای ردیابی از طریق برنامه خود از پکیج و ابزار React Router استفاده کنید
  • اجزای کلاس را ایجاد کنید
  • برای ساخت رابط کاربر خود از افزونه سینتکس JSX استفاده کنید
  • برای انتقال داده ها از props استفاده کنید
  • صفحه وب خود را به اجزاء کوچکتر بخش بندی کنید
  • برای اطمینان از محاوره ای و واکنش گرا بودن، وضعیت اجزا را بروز رسانی کنید

با به پایان رساندن این دوره، شما توانایی ایجاد یک برنامه کاربردی تحت وب پیشرفته Photowall با React، Redux و CSS را خواهید داشت. این نرم افزار قدرتمند، حتی ارشد ترین توسعه دهندگان را نیز تحت تاثیر قرار می دهد و به شما اطمینان می دهد که از مهارت های عملی در زمینه ری‌اکت (React.js) و چارچوب Redux، برای استفاده در هر پروژه یا شرکتی، برخوردار هستید. مجموعه کد های این دوره آموزشی در این صفحه قایل دسترس است.

مباحث دوره

  • معرفی
  • شروع دوره
  • ویرایشگر کد
  • چارچوب نود. جی‌اس (Node.js)
  • آموزش سریع جاوااسکریپت نسخه ES6 (اختیاری)
  • بررسی اجمالی
  • جاوااسکریپت نسخه ES6 – نوع داده let (اختیاری)
  • جاوااسکریپت نسخه ES6 – تفاوت let با const (اختیاری)
  • جاوااسکریپت نسخه ES6 – توابع برداری (اختیاری)
  • جاوااسکریپت نسخه ES6 – ویژگی Template Strings (اختیاری)
  • روش های نمونه برداری (اختیاری)
  • جاوااسکریپت نسخه ES6 - کلاس ها (اختیاری)
  • ویژگی Spread Operator (اختیاری)
  • معرفی ری‌اکت (React.js)
  • بررسی اجمالی
  • استفاده از ابزار create-react-app
  • عناصر (Elements)
  • سینتکس JSX
  • اجزاء (Components)
  • بازنگری یا بازسازی (refactoring) کد
  • ری‌اکت (React.js) - مدیریت وضعیت
  • راه اندازی برنامه برنامه کاربردی
  • معماری اجزاء (Components)
  • اجزای تابعی
  • انواع props
  • روش های چرخه‌ حیات (Life-cycle)
  • راتا روتر
  • بررسی اجمالی
  • پیمایش وضعیت اجزا
  • پکیج و ابزار React-Router
  • کامپوننت Link
  • مسیر (route)
  • راه اندازی واسط کاربری
  • اضافه کردن تصاویر
  • چارچوب Redux
  • بررسی اجمالی
  • نتیجه گیری
  • شیء Store در Redux
  • تابع Reducer
  • کامپوننت مرتبط
  • اشیا اکشن‌ ها (actions)
  • به روز رسانی State
  • اقدامات (2) - اضافه کردن پست ها
  • اشیا اکشن‌ ها (actions) 2 – اضافه کردن پست ها posts))
  • ابزار Redux Dev
  • چارچوب Redux - نظرات (Comments)
  • اضافه کردن نظرات (Comments)
  • بارگیری نظرات انتخابی
  • شمارش نظرات
  • فایربیس (Firebase) و چارچوب Redux
  • برپایی تنظیم فایربیس (Firebase)
  • به روز رسانی پایگاه داده
  • پست های تکراری
  • واکشی پست ها
  • حذف پست ها
  • ذخیره سازی نظرات (Comments)
  • بارگیری نظرات
  • نتیجه گیری
  • اشکال زدایی
The Complete React Js and Redux Course - Build Modern Web Apps [Video] Publisher:Packtpub Author:Rayan Slim Duration:8 hours 3 minutes

Go from beginner to React.js expert by building an Instagram-like web app with React 16, React Router, Redux, and Firebase!
React has rapidly become one of the most powerful tools for building web applications. Top sites using React include Facebook, Twitter, Netflix, Airbnb, and more! This course is perfect for entrepreneurs or startups looking to bring their ideas to life; React developers command some of the highest salaries in the development world. This course is designed to turn students with no programming/web development experience into accomplished React developers.
This course will show you how to:
Build a sophisticated Photowall Web Application with React, Redux, and CSS
Use Redux to manage your data and make it more predictable and easier to debug
Connect your application to Firebase, a powerful database.
Use React Router to navigate through your application
Create class components
Use JSX to build your user interface
Use props to pass data
Compartmentalize your web page into components
Update component state to ensure responsive and interactive applications
By the end of the course, you will have built a sophisticated Photowall web application with React, Redux, and CSS. This powerful application will impress even the most senior developers and ensure you have hands-on skills in React and Redux that you can bring to any project or company.
All the code files are placed at https://github.com/PacktPublishing/The-Complete-React-Js-and-Redux-Course---Build-Modern-Web-Apps
Style and Approach
You'll go from beginner to extremely high-level and your instructor will complete each task with you step-by-step on screen.
Released: Friday, November 16, 2018
Introduction
Introduction
Getting Started
Code Editor
Node.js
ES6 Crash Course (Optional)
Overview
ES6 - let (Optional)
ES6 - let vs const (Optional)
ES6 - Arrow Functions (Optional)
ES6 - Template Strings (Optional)
Prototype Methods (Optional)
ES6 - Classes (Optional)
Spread Operator (Optional)
React Intro
Overview
Create-react-app
Elements
JSX
Components
Refactor
React - State Management
Overview
App Setup
Component Architecture
Functional Components
State Management
Updating State
Prop-Types
Lifecycle Methods
React-Router
Overview
Component State Navigation
Browser-Router
Link
Route
UI Setup
Adding Photos
Wrapping up
Redux
Overview
Theory
Redux Store
Reducer
Connected Component
Actions
Updating State
Actions (2) - Adding Posts
Redux Dev Tool
Redux (2) - Comments
UI Setup
Adding Comments
Selectively Loading Comments
Comment Count
Firebase & Redux
Overview
Firebase Setup
Updating Database
Fetching Posts
Removing Posts
Saving Comments
Loading Comments
Wrapping up
Debugging

پیشنهاد فرادرس