آموزش Meteor and React for Realtime Apps

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

اصول اولیه هر برنامه Meteor The Basics of Any Meteor App

• یک مورد سریع ... One Quick Item...

• پیوند به همه کدهای این دوره Link to All Code For This Course

• نصب Meteor Installing Meteor

• هدف از پروژه های شهاب سنگ Purpose of Meteor Projects

• وابستگی های پروژه Project Dependencies

• واکنش در مقابل شهاب React vs Meteor

• شهاب دوباره چیست؟ What is Meteor, Again?

یک React Primer A React Primer

• گرفتن چیزی روی صفحه Getting Something on the Screen

• واردات React Importing React

• ساخت یک React Component Building a React Component

• استارتاپ Meteor Meteor Startup

• بررسی اجمالی پروژه و چالش ها Project Overview and Challenges

• بیانیه های صادراتی Export Statements

• کامپوننت تودرتو Nesting Component

• کار با Dummy Data Working with Dummy Data

• ساخت فهرستی از تصاویر Building a List of Images

• ارتباط با Props Communication with Props

• افزودن CSS در کامپوننت ها Adding CSS in Components

• لوازم کلیدی Key Props

• Image API Endpoint Image API Endpoint

• AJAX با Axios AJAX with Axios

• مولفه های مبتنی بر کلاس Class Based Components

• بارگذاری داده ها با روش های چرخه حیات Loading Data with Lifecycle Methods

• حالت در اجزاء State in Components

• دولت مجری Implementing State

• خلاصه در State Recap on State

• ارسال تصاویر به عنوان لوازم جانبی Passing Images as Props

• فیلتر کردن آلبوم ها Filtering Out Albums

• توضیحات تصویر Image Description

• رای موافق و مخالف Upvotes and Downvotes

• پیاده سازی امتیاز تصویر Implementing Image Score

• بسته شدن Wrapup

به سمت Meteor! On to Meteor!

• معرفی دایرکتوری Directory Introduction

• چالش های موجود در این برنامه Challenges in this App

• برنامه Boilerplate App Boilerplate

• مجموعه های MongoDB MongoDB Collections

• ایجاد مجموعه های MongoDB Creating MongoDB Collections

• تولید داده با Faker Generating Data with Faker

• با کوئری های مجموعه داده ها را دریافت کنید Get Data with Collection Queries

• درج رکوردها در مجموعه ها Inserting Records into Collections

• خواندن گزارش های کنسول سرور Reading Server Console Logs

• دیگ بخار برای لیست کارمندان Boilerplate for Employee List

• انتشارات و اشتراک Publications and Subscriptions

• انتشارات با مکان نما Publications with Cursors

• ایجاد یک کانتینر Creating a Container

• بررسی انتشار و اشتراک Publication and Subscription Review

• داربست جزئیات کارمند Employee Detail Scaffolding

• طراحی جزئیات کارمند Styling Employee Details

• استایل و رفع اشکال بیشتر More Styling and Bug Fixes

• یک ظاهر طراحی شده فلکس باکس Flexbox Styling

• روی Handlers کلیک کنید Click Handlers

• به روز رسانی اشتراک ها Updating Subscriptions

• Refactoring از توابع به کلاس ها Refactoring from Functions to Classes

• واکشی کاربران بیشتر Fetching More Users

پیچیده تر شدن - روش های شهاب سنگ Getting More Complex - Meteor Methods

• بررسی اجمالی پروژه Project Overview

• مشکلات برای حل Problems to Solve

• تغییر مسیر پیوندهای کوتاه Redirecting Short Links

• راه اندازی دیگ بخار Boilerplate Setup

• گرم کردن کامپوننت هدر Header Component Warmup

• مجموعه پیوندها Links Collection

• ایجاد کامپوننت پیوند Link Create Component

• فرم ارسال و مراجع Form Submit and Refs

• بسته ناامن The Insecure Package

• مدیریت ایمن داده ها Handling Data Securely

• تغییر ایمن داده ها با روش های Meteor Safely Changing Data with Meteor Methods

• اعتبار سنجی URL ها Validating URLs

• مدیریت خطاهای زیبا Graceful Error Handling

• ایجاد توکن های منحصر به فرد برای URL ها Generating Unique Tokens for URLs

• انتشاراتی برای پیوندها A Publication for Links

• جدول لیست پیوند Link List Table

• رهگیری درخواست ها با میدل افزار Meteor Intercepting Requests with Meteor Middleware

• یافتن نشانه ها در URL ها Finding Tokens in URLs

• هدایت کاربران به لینک های طولانی Redirecting Users to Long Links

• هدایت کاربران به پیوندهای طولانی ادامه دارد Redirecting Users to Long Links Continued

• به روز رسانی Mongo Records Updating Mongo Records

• بسته شدن Wrapup

توسعه پشته کامل - فضاهای کاری Full Stack Development - Workspaces

• نمای کلی همکار فضای کاری Workspace Collaborator Overview

• چالش های پروژه Project Challenges

• تشریح تعاریف اجزاء Outlining Component Definitions

• بوت استرپ کردن یک اپلیکیشن Bootstrapping an App

• داربست یک هدر Scaffolding a Header

• رابط کاربری احراز هویت Authentication UI

• UI احراز هویت ادامه دارد Authenication UI Continued

• مجموعه سطل ها Bins Collection

• روش Insert Bins Insert Bins Method

• ایجاد دکمه Bin Create Bin Button

• دسترسی به سطل ها با انتشارات Accessing Bins with Publications

• مطالبه سطل با اشتراک Claiming Bins with Subscriptions

• ارائه فهرستی از سطل ها Rendering a List of Bins

• حذف یک سطل Removing a Bin

• مسیریابی با روتر React Routing with React Router

• بیشتر در React Router More on React Router

• اجزای پیش فرض با IndexRoutes Default Components with IndexRoutes

• دسترسی به URL با Route Params Accessing the URL with Route Params

• ناوبری با برچسب های پیوند Navigation with Link Tags

• ناوبری برنامه ای Programmatic Navigation

• فقط سطل درست Just the Right Bin

• Just the Right Bin ادامه دارد Just the Right Bin Continued

• ویرایشگر Bin Bin Editor

• ویرایشگر Markdown Markdown Editor

• ثبت رویدادهای تغییر Capturing Change Events

• روش Meteor را به روز کنید Update Meteor Method

• نمایشگر Markdown Markdown Viewer

• ترجمه Markdown به HTML Translating Markdown to HTML

• سطل های اشتراک گذاری Sharing Bins

• فرم اشتراک گذاری بن Bin Sharing Form

• روش شهاب برای به اشتراک گذاری Meteor Method for Sharing

• ارائه آدرس های مشترک Rendering Shared Addresses

• انتشارات سطل های اشتراکی Shared Bins Publication

• اشتراک گذاری ها Share Subscriptions

• بررسی مارکبین Markbin Review

• RallyCoding RallyCoding