آموزش Angular 10 برای توسعه دهندگان جاوا

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

فصل 1 مقدمه Chapter 1 - Introduction

• معرفی Introduction

• تغییرات در Angular 10 Changes in Angular 10

ماژول 1 - ایجاد یک برنامه زاویه ای ساده Module 1 - Creating a simple angular app

• فایل های دوره Course Files

فصل 2 - Angular چیست؟ Chapter 2 - What is Angular?

• تفاوت سایت های زاویه ای با فناوری های وب سنتی How angular sites differ from traditional web technologies

• چگونه angular می تواند یک تجربه کاربری سریع و پاسخگو ایجاد کند How angular can create a fast, responsive user experience

• یک برنامه زاویه ای چگونه به نظر می رسد What an angular application looks like

• چگونه در حین گذراندن این دوره، پشتیبانی دریافت کنید How to get support while you're taking this course

فصل 3 - تنظیم محیط Chapter 3 - Setting up the environment

• نرم افزار مورد نیاز برای ساخت با Angular The software needed to build with Angular

• در حال نصب Node.js Installing Node.js

• نصب Angular CLI Installing the Angular CLI

• تست Angular با اپلیکیشن hello world Testing Angular with a hello world application

• Angular 10 تغییر می کند Angular 10 changes

• اجرای اپلیکیشن hello world Running the hello world application

• پیکربندی Intellij Idea IDE Configuring the Intellij Idea IDE

• نصب و پیکربندی کد ویژوال استودیو Installing and configuring Visual Studio Code

فصل چهارم - معرفی معماری Angular Chapter 4 - Introducing Angular architecture

• نمای کلی از اولین سایت نمونه ما An overview of our first example site

• یک جزء چیست؟ What is a component?

• index.html و styles.css index.html and styles.css

• انتخابگرهای کامپوننت Component selectors

• 4 فایل جزء The 4 component files

• چگونه angular می تواند یک صفحه بسازد How angular can construct a page

• Angular HTML را جمع آوری نمی کند Angular doesn't assemble the HTML

• نحوه باز کردن پروژه از فایل های نمونه How to open a project from the sample files

فصل 5 - ایجاد یک جزء Chapter 5 - Creating a component

• ایجاد یک پروژه جدید Creating a new project

• اجرای پروژه Running the project

• ایجاد کامپوننت با ابزار CLI Creating the component with the CLI tool

• ویرایش HTML کامپوننت و ظاهر کردن آن Editing the Component's HTML and making it appear

• تمرین 1 - ایجاد اجزا Exercise 1 - creating components

• تمرین 1 - راه حل Exercise 1 - solution walkthrough

فصل 6 - عبارات الگو Chapter 6 - Template Expressions

• مروری بر ساختار Component Class An overview of the Component Class structure

• عبارات قالب Template expressions

• عبارات قالب پویا هستند Template expressions are dynamic

فصل 7 - صحافی رویداد ساده Chapter 7 - Simple event binding

• Angular 10 تغییر می کند Angular 10 changes

• الزام آور رویداد Event binding

• تمرین 2 - اتصال رویداد Exercise 2 - event binding

• تمرین 2 - راه حل Exercise 2 - solution walkthrough

فصل هشتم - برهمکنش مؤلفه ها - ویژگی های خواندن Chapter 8 - Component interaction - reading properties

• با استفاده از ویژگی HTML پنهان Using the hidden HTML attribute

• Angular 10 تغییر می کند Angular 10 changes

• دسترسی به ویژگی های یک جزء فرزند Accessing properties of a child component

• دستورالعمل ساختاری *ngIf The *ngIf structural directive

فصل 9 - تعامل مؤلفه - اتصال ویژگی Chapter 9 - Component interaction - property binding

• تنظیم سناریو Setting up the scenario

• دسترسی به خواص از طریق کد Accessing properties from code

• دکوراتور @Input The @Input Decorator

فصل 10 - تعامل مؤلفه - اتصال رویداد Chapter 10 - Component interaction - event binding

• چرا ما به رویدادهای سفارشی نیاز داریم Why we need custom events

• ایجاد امیتر رویداد Creating an event emitter

• برانگیختن یک رویداد Triggering an event

• ارسال داده با رویدادها Sending data with events

• بازبینی *ngIf و hidden Revisiting *ngIf and hidden

ماژول 2 - مقدمه ای بر تایپ اسکریپت Module 2 - Introduction to Typescript

• فایل های دوره Course files

فصل یازدهم - مقدمه ای بر تایپ اسکریپت Chapter 11 - Introduction to typescript

• معرفی ماژول Module introduction

• شباهت های جاوا و تاثیر TSLint Similarities to Java and the impact of TSLint

• انواع داده ها و متغیرها Data types and variables

• اعلان متغیرها Declaring variables

• کار با آرایه ها Working with Arrays

• حلقه ها و شرایط Loops and conditions

فصل 12 - طبقات و اشیاء Chapter 12 - Classes and objects

• درک اشیاء جاوا اسکریپت Understanding Javascript objects

• ایجاد کلاس ها Creating classes

• ویژگی های کلاس Class attributes

• سازندگان و روش ها Constructors and methods

• قالب های رشته ای String templates

• چند نکته برای اشکال زدایی کلاس ها Some hints for debugging classes

• Angular 10 تغییر می کند Angular 10 changes

• برابری شی Object equality

فصل 13 - فهرست Chapter 13 - Enums

• ایجاد enum Creating an enum

• حلقه زدن از طریق enum Looping through an enum

• Angular 10 تغییر می کند Angular 10 changes

• فهرست کردن با مقادیر Enums with values

• بازیابی یک برچسب از مقدار آن Retrieving a label from its value

فصل 14 - خدمات و تزریق وابستگی Chapter 14 - Services and dependency injection

• خدمت چیست What is a service

• ایجاد یک سرویس Creating a service

• Angular 10 تغییر می کند Angular 10 changes

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

• تمرین 1 - تزریق وابستگی Exercise 1 - dependency injection

• تمرین 1 - راه حل Exercise 1 - solution walkthrough

فصل 15 - الگوی طراحی ناظر Chapter 15 - The observer design pattern

• نیاز به الگوی طراحی ناظر The need for the observer design pattern

• معرفی الگو و ایجاد یک قابل مشاهده Introducing the pattern and creating an observable

• ایجاد یک رویداد، و ایجاد یک ناظر Triggering an event, and creating an observer

• برخورد با خطاها و رویداد کامل Dealing with errors and the complete event

• لغو اشتراک ناظر Unsubscribing an observer

• تمرین 2 - الگوی طراحی ناظر Exercise 2 - observer design pattern

• تمرین 2 - راه حل Exercise 2 - solution walkthrough

فصل 16 - اشکال زدایی در Angular Chapter 16 - Debugging in Angular

• مقدمه ای بر اشکال زدایی Introduction to Debugging

• اشکال زدایی با کد ویژوال استودیو Debugging with Visual Studio Code

• اشکال زدایی با IntelliJ Debugging with IntelliJ

فصل 17 - تست واحد Chapter 17 - Unit testing

• ایجاد آزمون واحد Creating a Unit Test

• اجرای یک آزمون Running a single test

• روش های ارزیابی آزمون Test evaluation methods

• رفع تست اجزای برنامه Fixing the app component tests

• آزمایش رفتار Testing behaviour

• تست مؤلفه ها با وابستگی به سرویس Testing components with service dependencies

• خدمات تمسخر آمیز Mocking services

ماژول 3 - ساخت یک سایت واقعی Module 3 - Building a real site

• فایل های دوره Course files

• فایل های دوره Course files

فصل 18 - استفاده از منابع خارجی Chapter 18 - Using external Resources

• معرفی مطالعه موردی Introducing the case study

• استفاده از بوت استرپ در پروژه ما Using Bootstrap in our project

• نصب بوت استرپ با استفاده از NPM Installing Bootstrap using NPM

• تمرین 1 - ارجاع به فایل های CSS و Javascript Exercise 1 - Referencing CSS and Javascript files

فصل 19 - مسیریابی Chapter 19 - Routing

• آماده سازی اپلیکیشن Preparing the application

• راه اندازی مسیریابی اولیه Setting up basic routing

• ایجاد صفحه 404 Creating a 404 page

• ایجاد پیوندها با مسیریابی Making links work with routing

• استفاده از فایل مسیریابی جداگانه Using a separate routing file

فصل 20 - مدل ها و نماها Chapter 20 - Models and Views

• مفاهیم داده ها، مدل ها و نماها The concepts of Data, Models and Views

• ایجاد یک مدل Creating a model

• ایجاد سرویس داده Creating the data service

• اتصال داده ها به یک View و حلقه زدن با *ngFor Binding data to a view and looping with *ngFor

• ایجاد نمای فرعی Creating a sub-component view

• استفاده از مسیریابی برای اجزای فرعی Using routing for sub-components

• تمرین 2 - ایجاد مدل ها، داده ها و نماها Exercise 2 - Creating models, data and views

• تمرین 2 - راه حل Exercise 2 - solution walkthrough

فصل 21 - استفاده از Observables برای داده ها Chapter 21 - Using Observables for data

• چرا باید از مشاهده پذیرها با داده ها استفاده کنیم؟ Why we should use observables with data

فصل 22 - فرم های الگو Chapter 22 - Template forms

• نحوه کار فرم های قالب محور How template driven forms work

• راه اندازی ناوبری برای نمایش فرم Setting up navigation to show a form

• ایجاد فرم Creating a form

• صحافی یک فرم Binding a form

• ذخیره داده های فرم Saving the form data

• تکمیل فرم Finishing the form

فصل 23 - اعتبار سنجی فرم الگو Chapter 23 - Template form validation

• کلاس های پویا برای عناصر فرم اعمال می شود Dynamic classes applied to form elements

• پیام های اعتبارسنجی و کنترل دکمه ارسال Validation messages and controlling the submit button

• قوانین اعتبار سنجی سفارشی Custom validation rules

• تمرین 3 - پیاده سازی اعتبار سنجی سفارشی Exercise 3 - Implementing custom validation

• تمرین 3 - راه حل Exercise 3 - Solution walkthrough

فصل 24 - اشکال واکنشی Chapter 24 - Reactive forms

• راه اندازی ناوبری برای نمایش فرم Setting up navigation to show a form

• راه اندازی ناوبری برای نمایش فرم Setting up navigation to show a form

• ایجاد یک فرم واکنشی Creating a reactive form

• تنظیم و خواندن مقادیر کنترل فرم Setting and reading form control values

• به صورت برنامه ای کنترل ها را اضافه می کند Programatically adding controls

فصل 25 - با فرم های واکنشی بیشتر بروید Chapter 25 - Going further with Reactive Forms

• با استفاده از FormBuilder Using the FormBuilder

• پیاده سازی اعتبار سنجی Implementing validators

• پیام های اعتبارسنجی و کنترل دکمه ارسال Validation messages and controlling the submit button

• پیام های اعتبارسنجی و کنترل دکمه ارسال Validation messages and controlling the submit button

فصل 26 - تکمیل مطالعه موردی Chapter 26 - Completing the case study

• رفع اشکال چرخه عمر Fixing a lifecycle bug

• پیاده سازی توابع حذف Implementing the delete functions

• نمایش داده ها با لوله ها Displaying data with pipes

• تمرین 4 - نمایش مولفه تقویم Exercise 4 - Displaying the calendar component

• تمرین 4 - راه حل Exercise 4 - Solution walkthrough

• تمرین 5 - قابلیت افزودن، ویرایش و حذف را ایجاد کنید Exercise 5 - Create the add, edit and delete functionality

• تمرین 5 - راه حل قسمت 1 Exercise 5 - Solution walktrough part 1

• تمرین 5 - راه حل قسمت 2 Exercise 5 - Solution walktrough part 2

• در حال پاسخ به رویداد کلیک تقویم Responding to the calendar click event

ماژول 4 - اتصال به یک انتهای پشتی REST Module 4 - Connecting to a REST back end

• فایل های کد Code files

فصل 27 - راه اندازی محیط ها Chapter 27 - Setting up environments

• ایجاد متغیرهای محیطی Creating environment variables

• محیط ها چگونه کار می کنند How environments work

• ایجاد محیط های خودمان Creating our own environments

• انتخاب یک محیط برای خدمت Selecting an environment to serve

فصل 28 - ایجاد REST API Chapter 28 - Creating the REST API

• ایجاد روش استراحت Creating a rest method

• تست روش های استراحت Testing rest methods

• تمرین 1 - ایجاد روش های استراحت Exercise 1 - creating rest methods

• تمرین 1 - راه حل Exercise 1 - solution walkthrough

• تمرین 1 - راه حل Exercise 1 - solution walkthrough

• تنظیم شی User Adjusting the User object

فصل 29 - اتصال به نقطه پایانی REST Chapter 29 - Connecting to a REST endpoint

• شروع تماس به نقطه پایانی استراحت Initiating the call to a rest endpoint

• اشتراک‌گذاری منابع اصلی (CORS) Cross Original Resource Sharing (CORS)

• پیکربندی CORS در بهار Configuring CORS in Spring

• دستکاری نوع داده بازگشتی REST Manipulating the REST return data type

• پیش پردازش داده های بازگشتی REST Pre-processing the REST return data

• فراخوانی اختیاری تمرین نقطه پایانی استراحت Optional calling a rest endpoint exercise

• پیش پردازش داده های پیچیده Pre-processing complex data

فصل 30 - برخورد با اتصالات کند و در دسترس نیست Chapter 30 - Dealing with slow and unavailable connections

• مقابله با پاسخ های REST کند Dealing with slow REST responses

• گرفتن خطاهای REST Catching REST errors

• بررسی خطاهای REST Investigating REST errors

• تلاش مجدد در صورت بروز خطا Retrying when an error occurs

• زنده ماندن از یک به‌روزرسانی صفحه Surviving a page refresh

• تمرین 2 - برخورد با اتصالات کند و در دسترس نیست Exercise 2 - Dealing with slow and unavailable connections

• تمرین 2 - راه حل Exercise 2 - Solution walkthrough

فصل 31 - ارسال و قرار دادن داده ها Chapter 31 - POSTing and PUTting data

• ارسال داده از طریق REST Sending data via REST

• سفارشی کردن داده ها با اشیاء جاوا اسکریپت Customising data with Javascript objects

• تمرین 3 - ارسال و قرار دادن داده ها Exercise 3 - Post and putting data

• تمرین 3 - راه حل Exercise 3 - Solution walkthrough

• تمرین 3 - راه حل Exercise 3 - Solution walkthrough

• رفع اشکال Bug fixing

فصل 32 - حذف داده ها و تکمیل مطالعه موردی Chapter 32 - DELETEing data and completing the case study

• در حال پیاده سازی DELETE Implementing DELETE

• تکمیل جزء کاربران Completing the users component

• تمرین 4 - اجرای REST از Angular Exercise 4 - Implementing REST from Angular

• تمرین 4 - راه حل Exercise 4 - Solution walkthrough

• دریافت تاییدیه قبل از حذف Getting a confirmation before deleting

فصل 33 - داده های پیش از جمع آوری Chapter 33 - Pre-fecthing data

• تنظیم قابلیت ویرایش رزرو Setting up the edit booking functionality

• مفهوم پیش از جمع آوری داده ها The concept of pre-fectching data

• از پیش استخراج داده ها با ناوبری و یک سرویس Pre-fectching data with navigation and a service

• استفاده از حل کننده Using a resolver

• خلاصه ماژول Module summary

ماژول 5 - امنیت و استقرار Module 5 - Security and Deployment

• فایل های کد Code files

• فایل های کد Code files

فصل 34 - ورود و نگهبانان مسیر Chapter 34 - Login and Route Guards

• مقدمه ای بر امنیت Introduction to security

• مروری بر عملکرد ورود به سیستم An overview of the login functionality

• پیاده سازی مؤلفه AuthService و Login Implementing the AuthService and Login component

• پیاده سازی Route Guard Implementing a Route Guard

• تغییر مسیر با نگهبانان مسیر Redirecting with route guards

فصل 35 - احراز هویت کاربران از طریق REST (احراز هویت اولیه) Chapter 35 - Authenticating users via REST (basic authentication)

• مفهوم احراز هویت پایه The concept of Basic Authentication

• اجرای احراز هویت اولیه در بهار Implementing Basic Authentication in Spring

• تست احراز هویت اولیه Testing basic authentication

• پیاده سازی احراز هویت اولیه در Angular Implementing Basic Authentication in Angular

• پیکربندی CORS برای احراز هویت اولیه Configuring CORS for basic authentication

فصل 36 - ایمن سازی REST API با JWT Chapter 36 - Securing the REST API with JWT

• چرا JWT ها ایده خوبی هستند Why JWTs are a good idea

• JWT ها چیست؟ What are JWTs

• آماده سازی چکمه فنری برای JWTs Preparing Spring Boot for JWTs

• تولید JWT Generating a JWT

• تولید داده های Payload Generating the Payload data

• تست JWT Testing the JWT

• اعتبار سنجی JWT Validating a JWT

• پیکربندی Spring برای استفاده از تأیید هویت حامل قسمت 1 Configuring Spring to use bearer authentication part 1

• پیکربندی Spring برای استفاده از تأیید هویت حامل قسمت 2 Configuring Spring to use bearer authentication part 2

• پیکربندی Spring برای استفاده از تأیید هویت حامل قسمت 3 Configuring Spring to use bearer authentication part 3

• آزمون اعتبارسنجی JWT Testing validation of the JWT

فصل 37 - اجرای احراز هویت JWT در Angular Chapter 37 - Implementing JWT Authentication in Angular

• ذخیره سازی JWT دریافت شده از سرور Storing the JWT received from the server

• ارسال سرصفحه مجوز حامل Sending the Bearer Authorization header

• برخورد با کد پاسخ 403 Dealing with the 403 response code

• پیدا کردن نقش کاربر Finding out the user's role

فصل 38 - زنده ماندن از به روز رسانی مرورگر Chapter 38 - Surviving a browser refresh

• خطرات ذخیره سازی JWT The risks of storing a JWT

• راه اندازی یک کوکی JWT Setting up a JWT Cookie

• ارسال یک کوکی از Angular Sending a cookie from Angular

• استفاده از کوکی برای احراز هویت Using the cookie for authentication

• ایمن سازی کوکی و دریافت نقش کاربر Securing the cookie and getting the user's role

• زنده ماندن از تازه کردن Surviving the refresh

• با استفاده از هدر XMLHttpRequest Using the XMLHttpRequest header

• تمرین 1 - تکمیل برنامه Exercise 1 - Finishing the Application

• تمرین 1 - راه حل قسمت 1 Exercise 1 - Solution walkthrough part 1

• تمرین 1 - راه حل قسمت 2 Exercise 1 - Solution walkthrough part 2

39 - ساخت و استقرار 39 - Building and Deploying

• کامپایل پروژه Angular Compiling an Angular project

• نکته ای در مورد استفاده از Git با Angular A note about using Git with Angular

• استقرار یک پروژه Angular Deploying an Angular project

• سخنرانی پاداش Bonus lecture