دوره سقوط زاویه ای [ویدئو]

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

معرفی Introduction

• معرفی دوره و مدرس Course and Instructor Introduction

• چگونه از این دوره به بهترین شکل ممکن استفاده کنیم How to make the best of this course

• اپلیکیشن های تک صفحه ای چیست؟ What are Single Page Applications

• چیست و چرا Angular What and why Angular

راه اندازی نرم افزار Software Setup

• Angular را نصب کنید Install Angular

• نخ را نصب کنید Install Yarn

• کد ویژوال استودیو را نصب کنید Install Visual Studio Code

• میز کار MySql و MySql را نصب کنید Install MySql and MySql workbench

• MySql Workbench را اجرا کنید Launch MySql Workbench

• پروژه های انجام شده را دانلود کنید Download the completed projects

اجزاء Components

• اجزاء Components

• پروژه را ایجاد کنید Create the project

• فایل ها و پوشه های پروژه مهم Important Project Files and Folders

• اولین کامپوننت را ایجاد کنید Create the First Component

• NgModules NgModules

• کامپوننت اول را بوت استرپ کرده و اجرا کنید Bootstrap and run the first component

• استفاده از کامپوننت جدید به عنوان مولفه ریشه Using the new component as the root component

• یک جزء فروشنده ایجاد کنید Create a Seller Component

• استفاده از Arrays of data و ngFor Directive Using Arrays of data and ngFor directive

• از تابع استفاده کنید Use the function

• اتصال ویژگی ورودی Input property binding

• اتصال رویداد خروجی Output Event Binding

دستورالعمل ها Directives

• معرفی Introduction

• ngIf ngIf

• استفاده از ngIf به صورت پویا Using ngIf dynamically

• با استفاده از ngSwitch Using ngSwitch

• با استفاده از ngSwitchDefault Using ngSwitchDefault

• با استفاده از ngFor Using ngFor

• استفاده از ngFor با اشیا Using ngFor with objects

• با استفاده از ngNonBindable Using ngNonBindable

• NgStyle NgStyle

• استایل پویا با ngStyle Dynamic Styling with ngStyle

• با استفاده از NgClass Using NgClass

• دینامیک NGClass Dynamic NGClass

خدمات Services

• تزریق وابستگی Dependency Injection

• مورد استفاده Usecase

• پیوند به خدمات استراحت Links to rest services

• پروژه و سرویس را ایجاد کنید Create the project and service

• بررسی کد خدمات و واردات Service code walkthrough and imports

• سرویس را پیاده سازی کنید Implement the service

• رسیدگی به خطاها در سرویس Handle errors in Service

• کامپوننت را ایجاد کنید Create the component

• HTML را پیاده سازی کنید Implement HTML

• HTML را پیاده سازی کنید Implement HTML

• پیکربندی را به روز کنید Update configuration

• خدمات در عمل Services in action

• اضافه کردن سبک ها Add styles

ارسال داده ها Posting Data

• معرفی Introduction

• پروژه را ایجاد کنید Create the project

• کامپوننت را پیاده سازی کنید Implement the Component

• سرویس را پیاده سازی کنید Implement the Service

• HTML را پیاده سازی کنید Implement the HTML

• برنامه را بوت استرپ کنید Bootstrap the application

• برنامه را اجرا کنید Run the application

استفاده از چندین سرویس Using Multiple Services

• معرفی Introduction

• پروژه را ایجاد کنید Create the project

• خدمات را پیاده سازی کنید Implement the Services

• از خدمات استفاده کنید Use the Services

• HTML را پیاده سازی کنید Implement the HTML

• برنامه را پیکربندی کنید Configure the app

• برنامه را اجرا کنید Run the application

• از forkJoin استفاده کنید Use forkJoin

REST API با استفاده از ExpressJS REST API Using ExpressJS

• معرفی Introduction

• جدول Product را ایجاد کنید Create the Product table

• پروژه را ایجاد کنید Create the Project

• اتصال DB را ایجاد کنید Create the DB Connection

• یک کنترلر ایجاد کنید Create a controller

• نقطه پایانی READ را پیاده سازی کنید Implement the READ endpoint

• برنامه REST را راه اندازی کنید Initialize REST application

• تست READ Test READ

• محصول واحد را دریافت کنید Get single Product

• ايجاد كردن Create

• تست و عیب یابی Create Test and Troubleshoot Create

• به روز رسانی Update

• حذف Delete

یک پروژه Angular Client ایجاد کنید Create an Angular Client Project

• پروژه را ایجاد کنید Create the project

• روش Get Products Service را ایجاد و پیاده سازی کنید Create and implement Get Products Service method

• کامپوننت و مشاهده را ایجاد کنید Create the component and view

• محصولات GET را تست کنید Test GET Products

• روش های دیگر را اجرا کنید Implement the Other Methods

• تست ایجاد Test Create

• روش های دیگر را تست کنید Test other methods

مسیریابی Routing

• مسیریابی Routing

• Usecase و Refactoring Usecase and Refactoring

• اجزای Refactor Refactor Components

• Refactor HTML Refactor HTML

• مراحل مسیریابی Routing Steps

• ماژول مسیریابی را ایجاد کنید Create the Routing Module

• مسیرها را اضافه کنید Add the Routes

• ویژگی pathmatch The pathmatch property

• ماژول مسیریابی را پیکربندی کنید Configure the routing module

• از مسیرها در HTML استفاده کنید Use routes in HTML

• مسیریابی در عمل Routing in Action

لوله های Pipes

• معرفی Introduction

• لوله های متن text pipes

• تاریخ date

• واحد پول currency

• json json

• عدد number

• درصد percent

• تکه slice

• استفاده از slice in for Using slice in for

• یک وعده ایجاد کنید create a promise

• از لوله ناهمگام استفاده کنید use async pipe

• یک لوله سفارشی ایجاد کنید Create a Custom Pipe

فرم های واکنشی Reactive Forms

• تشکیل می دهد Forms

• مورد استفاده و پروژه Usecase and Project

• bootstrap css اضافه کنید Add bootstrap css

• مدل را ایجاد کنید Create the model

• نمای فرم را ایجاد کنید Create the form view

• یک زیر گروه آدرس اضافه کنید Add a Address sub group

• دکمه ارسال را اضافه کنید Add submit button

• onSubmit را بررسی کنید Handle onSubmit

• تست و خلاصه Test and Summary

• مقادیر و اعتبارسنجی پیش فرض Default Values and Validations

• رسیدگی به خطاهای اعتبارسنجی Handling Validation Errors

• کشورها را به صورت پویا دریافت کنید Get countries dynamically

قالب‌های مبتنی بر الگو Template Driven Forms

• قالب‌های مبتنی بر الگو Template Driven Forms

• پروژه را ایجاد کنید Create the project

• قالب و فرم را ایجاد کنید Create the template and form

• فیلدهای فرعی FormGroup را اضافه کنید Add sub FormGroup fields

• رسیدگی به ارسال Handle Submit

• تست Test

• صحافی دو طرفه Two-way binding

دستورالعمل های سفارشی Custom Directives

• یک دستورالعمل ساختاری سفارشی ایجاد کنید Create a custom structural directive

• منطق شرطی را پیاده کنید Implement the conditional logic

• از *myIf استفاده کنید Use *myIf

• دستور حلقه ایجاد کنید Create loop directive

• یک دستورالعمل ویژگی ایجاد کنید Create an Attribute Directive

• ورودی های عبور Pass Inputs

• رسیدگی به رویدادها Handle Events

مورد استفاده پروژه Project Usecase

• معرفی Introduction

• مورد استفاده رزرو پرواز Flight Reservation Usecase

• مورد استفاده در ورود به پرواز Flight CheckIn Usecase

پس زمینه جاوا را ایجاد کنید Create the Java Backend

• طرح DB را ایجاد کنید Create the DB Schema

• جاوا را نصب کنید Install Java

• STS را نصب کنید Install STS

• برنامه اجرایی جاوا را دانلود کنید Download the executable java application

• کد منبع تکمیل شده را دانلود کنید Download the completed source code

• پروژه را ایجاد کنید Create the project

• موجودیت ها را ایجاد کنید Create the Entities

• آنها را با حاشیه نویسی JPA علامت گذاری کنید Mark them with JPA Annotations

• روابط را تعریف کنید Define relationships

• مخازن را ایجاد کنید Create the Repositories

• findFlights API findFlights API

• saveReservation API saveReservation API

• SaveReservation را پیاده سازی کنید Implement saveReservation

• پیدا کردن رزرو findReservation

• updateReservation updateReservation

• منبع داده را پیکربندی کرده و اجرا کنید Configure the Data Source and Run

• پروازها را اضافه کنید Add Flights

• پروازها را فیلتر کنید Filter Flights

• با استفاده از Postman پروازها را فیلتر کنید Test Filter Flights using Postman

• تست ذخیره و یافتن رزرو Test Save and Find Reservation

• به روز رسانی تست Test Update

• FindFlight را ایجاد و آزمایش کنید Create and Test FindFlight

• پشتیبانی Cross Site Origin را اضافه کنید Add Cross Site Origin Support

برنامه رزرو پرواز را ایجاد کنید Create the Flight Reservation APP

• مورد استفاده Usecase

• پروژه را ایجاد کنید Create the project

• ایجاد سرویس Create Service

• جزئیات پرواز تک را واکشی کنید Fetch single flight details

• رزرو را ذخیره کنید Save reservation

• مسیریابی را پیکربندی کنید Configure Routing

• کامپوننت Find Flights را پیاده سازی کنید Implement Find Flights Component

• اجرای Binding Implement Binding

• جستجو را انجام دهید Handle Search

• نمایش جزئیات پرواز Display flight details

• برنامه را بوت استرپ کنید و اجرا کنید Bootstrap the application and run

• کاربرد در عمل Application in action

• دکمه انتخاب را اضافه کنید Add Select Button

• یک پرواز را دریافت کنید Fetch single flight

• رندر جزئیات پرواز Render Flight Details

• اطلاعات مسافر را جمع آوری کنید Gather passenger details

• جمع آوری جزئیات کارت Collect Card Details

• پس انداز رزرو را انجام دهید Handle reservation save

• صفحه تایید را نشان دهید Show the confirmation screen

• پایان به انتها تست کنید Test End to End

برنامه Flight CheckIn را توسعه دهید Develop Flight CheckIn App

• پروژه را ایجاد کنید Create the project

• سرویس را ایجاد کنید Create the Service

• روش saveReservation را اجرا کنید Implement the saveReservation method

• پیاده سازی مسیریابی Implement Routing

• کامپوننت ریشه را کد کنید Code the root component

• Start Checkin HTML ایجاد کنید Create Start Checkin HTML

• OnClick را مدیریت کنید Handle OnClick

• ماژول فرم ها را اضافه کنید و داده های رزرو را اختصاص دهید Add Forms Module and assign reservation data

• جزئیات پرواز و مسافر را رندر کنید Render Flight and passenger details

• دکمه noOfBags را اضافه کنید و تأیید کنید Add noOfBags and confirm button

• ورود کامل Complete Checkin