آموزش ساخت یک برنامه با React.js و MeteorJS

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید بدانید What you should know

• نصب شهاب و گره / NPM Installing Meteor and Node/NPM

• با استفاده از پرونده های تمرینی Using the exercise files

1. تنظیم 1. Setting Up

• ویرایشگر خود را با افزونه ها تنظیم کنید Setting up your editor with plugins

• افزونه های Chrome Chrome plugins

• راه اندازی پروژه اولیه با Meteor و npm Initial project setup with Meteor and npm

• نحو ES6 ES6 syntax

2. React Refresher: نمایش اولیه پخش کننده 2. React Refresher: Basic Player View

• اعضای تیم React Members of the React team

• ساختار پرونده برای React و Meteor ، قسمت 1 File structure for React and Meteor, part 1

• ساختار پرونده برای React و Meteor ، قسمت 2 File structure for React and Meteor, part 2

• ابتدا روش ES6 را طرح بندی کنید First layout the ES6 way

• پخش کننده روش ES6 ، قسمت 1 را تشکیل می دهد Player components the ES6 way, part 1

• پخش کننده روش ES6 ، قسمت 2 را تشکیل می دهد Player components the ES6 way, part 2

• داده های استاتیک ، قسمت 1 را تنظیم کنید Set up static data, part 1

• داده های استاتیک ، قسمت 2 را تنظیم کنید Set up static data, part 2

• وضعیت برنامه ما The state of our application

3. کاهش آمار بازیکن 3. Reduce Player Stats

• معرفی شهاب Meteor introduction

• معرفی npm npm introduction

• نخ ، مدیر بسته فیس بوک Yarn, the Facebook package manager

• مسیریابی را تغییر دهید React routing

• ایجاد طرحواره Creating a schema

• ایجاد فرم پخش کننده Creating a player form

• عملکردهایی برای افزودن بازیکن Functions to add a player

• اشتراک و انتشار Subscribe and publish

• ورود به سیستم کاربر اضافه کنید Add a user login

• بازیکنان را به کاربر اختصاص دهید Assign players to user

• معاملات DB خود را با روشهای سرور تضمین می کنیم Securing our DB transactions with server methods

4- بازیکنان CRUD و Teamviewer 4. Players CRUD and Team View

• حالت و مشاهده یک بازیکن در نمای کامل پخش کننده ، قسمت 1 State & viewing a player on the full player view, part 1

• حالت و مشاهده یک پخش کننده در نمای کامل پخش کننده ، قسمت 2 State & viewing a player on the full player view, part 2

• ویرایش بازیکنان ، قسمت 1 Editing players, part 1

• ویرایش بازیکنان ، قسمت 2 Editing players, part 2

• ویرایش بازیکنان ، قسمت 3 Editing players, part 3

• حذف بازیکنان Deleting players

• برای آمار تیم ، قسمت 1 از Chart.js استفاده کنید Use Chart.js for the team stats, part 1

• برای آمار تیم ، قسمت 2 از Chart.js استفاده کنید Use Chart.js for the team stats, part 2

• برای آمار تیم ، قسمت 3 از Chart.js استفاده کنید Use Chart.js for the team stats, part 3

• برای آمار تیم ، قسمت 4 از Chart.js استفاده کنید Use Chart.js for the team stats, part 4

• بسته شدن با CSS Wrapping up with CSS

نتیجه Conclusion

• مراحل بعدی Next steps