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

Building an App with React.js and MeteorJS

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: Meteor و React ترکیبی از نیروگاه هستند. Meteor به شما یک راه حل سریع و آسان برای مدیریت داده ها در کلاینت ها و سرورها می دهد و React به شما راهی می دهد تا UI برنامه خود را از اجزای قابل استفاده مجدد ساختار دهید. این ترکیب به شما امکان می دهد برنامه های رویایی خود را ایجاد کنید: پویا ، داده محور و از طریق پلت فرم متقابل. این دوره مبتنی بر پروژه گام به گام شما را از طریق توسعه یک برنامه کامل React / Meteor برای مدیریت بازیکنان و عملکرد یک تیم فوتبال بین المللی راهنمایی می کند. با امانوئل هنری همراه باشید زیرا او نشان می دهد چگونه می توانید برای اولین بار محیط توسعه خود را تنظیم کنید ، یک نمایش بازیکن را در React ایجاد کنید ، از قابلیت های پایان Meteor برای رمزگذاری منطق بازیکن و تیم ، ایجاد نمودار برای ردیابی آمار بازیکن و اضافه کردن کاربر استفاده کنید ثبت. بعلاوه ، یاد بگیرید که چگونه کد خود را با استفاده از روشهای سرور ایمن نگه دارید و از CSS برای سبک کردن برنامه نهایی استفاده کنید.
موضوعات شامل:
  • تنظیم ویرایشگر
  • درک ساختار فایل و اجزای پخش کننده
  • تنظیم داده های ثابت
  • مسیریابی با React
  • ایجاد طرحواره و فرم پخش
  • ساخت توابع برای افزودن بازیکن
  • افزودن ورود کاربر
  • اختصاص دادن بازیکنان به کاربر
  • امنیت معاملات پایگاه داده
  • ویرایش و حذف بازیکنان
  • استفاده از Chart.js برای نمایش آمار تیم

سرفصل ها و درس ها

مقدمه 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

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.

لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.

آموزش ساخت یک برنامه با React.js و MeteorJS
جزییات دوره
4h
40
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
69,169
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Emmanuel Henri Emmanuel Henri

مدیر اجرایی با بیش از 20 سال تجربه در برنامه نویسی و طراحی

امانوئل هنری یک توسعه دهنده فول استک با 20 سال تجربه در برنامه نویسی، فناوری و طراحی است.

> امانوئل مسئول تمام جنبه های پروژه های وب و تلفن همراه مبتنی بر مشتری، از جمله جدول زمانی و محدوده بوده است. این پروژه‌ها از ابزارهای JIRA/Atlassian، متدولوژی‌های چابک، و زبان‌ها و چارچوب‌هایی مانند React، Angular، Node، Meteor، GraphQL، JavaScript، Swift، HTML، CSS (Sass)، MongoDB و MySQL استفاده کرده‌اند. او همچنین در دنیای بازی های سه بعدی با استفاده از ابزارهایی مانند Unreal، ZBrush، Maya و چندین ابزار دیگر کار می کند. او علاقه زیادی به ایجاد برنامه‌ها و بازی‌هایی دارد که از جدیدترین فناوری‌ها در ابزارها، چارچوب‌ها و زبان‌های فوق استفاده می‌کنند.

برای اطلاعات بیشتر، به mannyhenri.com.