آموزش Ember.js Bootcamp 2023: Ember JS را فقط در 3 روز یاد بگیرید

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

روز اول: به اصول کلیدی Ember.js مسلط شوید Day 1: Master the key fundamentals of Ember.js

• 0a - اولین نمای کلی پروژه 0a - First project overview

• راه اندازی محیط توسعه Setting up the development environment

• کد منبع: برنامه Todo Source Code: Todo Application

• ایجاد و شروع اولین پروژه اخگر شما Generating and starting your first ember project

• درک ساختار پروژه Understanding the project structure

• ایجاد مسیر todo و درک خروجی Creating the todo route and understanding the outlet

• پیکربندی مسیر در روتر Configuring a route in the router

• ایجاد کنترل کننده todos Creating the todos controller

• استفاده از حلقه در فرمان Using a loop in handlebars

• ردیابی خواص با دکوراتور ردیابی شده Tracking properties with the tracked decorator

• با استفاده از پسوند ember inspector Using the ember inspector extension

• ایجاد یک اکشن برای دریافت عنوان todo جدید Creating an action to get the new todo title

• ایجاد یک کار جدید با یک عمل دیگر Creating a new todo with another action

• استایل دادن به اپلیکیشن Styling the application

• خلاصه اولین درخواست شما Recap of your first application

• آزمون 1: اصول Ember Quiz 1: Ember Fundamentals

روز 2: دستور-کتاب قسمت 1 Day 2: Recipe-Book Part 1

• بررسی اجمالی برنامه کتاب دستور غذا Recipe Book Application Overview

• کد منبع: اپلیکیشن کتاب دستور غذا Source Code: Recipe Book Application

• ایجاد و مقداردهی اولیه پروژه کتاب دستور Creating and initializing the recipe-book project

• ایجاد مدل دستور پخت Creating the recipe model

• بارگیری دستور العمل ها از یک فایل json با استفاده از هوک مدل مسیرها Loading recipes from a json file using the routes model hook

• تبدیل داده های دستور خام با استفاده از ذخیره داده اخگر و ORM Transforming the raw recipe data using the ember data store and the ORM

• ایجاد جزء مروری کوتاه دستور پخت Creating the recipe short overview component

• انتقال داده در جزء ما Passing data in our component

• ایجاد و تنظیم مسیر جزئیات دستور غذا Creating and setting up the recipe details route

• استفاده از LinkTo برای پیمایش کاربر Using LinkTo to navigate the user

• از بارگیری مجدد فروشگاه داده خودداری کنید Avoid reloading the data store

• بارگیری یک رکورد (دستور پخت) خاص در فروشگاه توسط شناسه Loading up a specific record (recipe) in the store by id

• درک یک به روز رسانی کامل صفحه مربوط به داده ها و خدمات Understanding a full page refresh related to data and services

• ایجاد سرویس داده دستور غذا Creating the recipe data service

• نمایش تمام داده های دستور پخت دقیق در الگو Showing all the detailed recipe data in the template

• Ember Advanced I Ember Advanced I

روز 3: دستور-کتاب قسمت 2 Day 3: Recipe-Book Part 2

• یک مسیر و کنترل کننده برای ایجاد دستور العمل های جدید ایجاد کنید Create a route and controller for creating new recipes

• ساخت فرم برای ایجاد یک دستور غذا Building the form to create a recipe

• ایجاد اقدامات برای ایجاد یک دستور العمل جدید Creating the actions to create a new recipe

• اتصال فرم و کنترلر Connecting the form and the controller

• ذخیره دستور العمل های جدید در ذخیره سازی محلی Saving new recipes in the local storage

• بارگیری دستور العمل ها از ذخیره سازی محلی و اختصاص GUID Loading recipes from the local storage and assigning GUIDs

• بازسازی کد Refactoring the code

• ساخت نوار ناوبری Building a navigation bar

• ایجاد رابط کاربری برای عملکرد مورد علاقه Creating the ui for the favorite functionality

• برنامه های افزودنی سرویس برای عملکرد مورد علاقه Service extensions for the favorite functionality

• پیاده سازی روش های خدمات مورد علاقه Implementing the favorite service methods

• استفاده از سازنده اجزا برای بارگذاری اولیه داده ها Using a components constructor to initially load data

• ایجاد مسیر مورد علاقه و نشان دادن تمام دستور العمل های مورد علاقه در داخل آن Creating the favorites route and showing all favorite recipes inside of it

• دانش خود را با ایجاد یک عملکرد جدید به تنهایی آزمایش کنید Test your knowledge by building a new functionality on your own