آموزش جامع Angular 15/16/17 از صفر تا صد، گام به گام - آخرین آپدیت

دانلود Mastering Angular 15/16/17 From Scratch Step By Step

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

آموزش Angular با رویکرد حل مسئله

آیا به دنبال یادگیری Angular به روشی عملی و کاربردی هستید؟ این دوره آموزشی با رویکرد حل مسئله، شما را از پایه تا پیشرفته با فریم‌ورک Angular آشنا می‌کند.

آنچه در این دوره خواهید آموخت:

  • نصب و راه‌اندازی محیط توسعه برای Angular
  • درک الگوی معماری MVC
  • درک جریان اجرای یک برنامه Angular
  • کار با کامپوننت‌های Angular به روش‌های مختلف
  • کار با دستورالعمل‌های داخلی (Built-in Directives) Angular
  • درک تکنیک‌های One Way و Two Way Binding
  • کار با پایپ‌های داخلی (Built-in Pipes) Angular
  • مصرف REST API از Angular
  • توسعه سرویس‌های سفارشی
  • به اشتراک گذاری داده بین کامپوننت‌های والد و فرزند
  • کار با Behavior Subject
  • کار با کوکی‌ها در Angular
  • کار با کنترل‌های فرم HTML با استفاده از Reactive Forms
  • کار با کنترل‌های فرم HTML با استفاده از Template Driven Forms
  • ایجاد Directiveهای سفارشی
  • ایجاد پایپ‌های سفارشی
  • پیاده‌سازی Pagination، Sorting و Filter
  • ایجاد گزارش‌های شهودی
  • انجام عملیات Bulk Insert، Bulk Update و Bulk Delete
  • خروجی داده به فرمت‌های Excel، CSV، PDF
  • پیاده‌سازی مسیریابی (Routing) برای Angular
  • ایجاد REST API با استفاده از ASP.NET Core
  • مصرف REST API از Angular

پیش نیازها:

  • Visual Studio Code Editor
  • NodeJS
  • دانش پایه TypeScript، CSS، Bootstrap

Angular یکی از فریم‌ورک‌های پیشرو برای توسعه برنامه‌ها در همه پلتفرم‌ها است.

Angular به ما کمک می‌کند تا از کد خود مجدداً استفاده کنیم و برنامه‌های سریع و با کارایی بالا برای هر پلتفرمی بسازیم.

Angular یک فریم‌ورک توسعه Single Page Application (SPA) است که توسط گوگل متن‌باز شده است.

فریم‌ورک Angular با زبان TypeScript نوشته شده است که به یک توسعه‌دهنده وب امکان می‌دهد کد JavaScript را به صورت شیء‌گرا بنویسد. TypeScript ساخت برنامه‌های کاربردی وب سمت کلاینت را با کلاس‌ها، رابط‌ها، ژنریک‌ها، وراثت و سایر ویژگی‌های شیء‌گرا آسان‌تر می‌کند.

Angular یک فریم‌ورک است که به صورت پیش‌فرض با کامپوننت‌ها، Directiveها، پایپ‌ها، سرویس‌ها، ماژول‌ها، تزریق وابستگی، ارتباط HTTP، فرم‌های Reactive، فرم‌های Template Driven، مسیریابی و سایر ویژگی‌ها ارائه می‌شود.

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

این دوره به توسعه‌دهندگان دانش کاملی در زمینه توسعه وب‌سایت‌های پویا با استفاده از فریم‌ورک Angular ارائه می‌دهد.

در این دوره توسط کارشناس توسعه Kameswara Sarma Uppuluri، مفاهیم اساسی را یاد خواهید گرفت که برای تسلط بر بلوک‌های ساختمانی Angular باید بدانید.

این دوره راهنمایی‌ها و دموهای گام به گام ارائه می‌دهد که شما را تشویق می‌کند تا به همراه آن تمرین کنید تا روند یادگیری را افزایش دهید.

این دوره به ۲۸ ماژول تقسیم شده است که هر ماژول کد منبع را ارائه می‌دهد تا بتوانید همراه با Kameswara Sarma Uppuluri دنبال کنید.


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

آشنایی با Angular: نمای کلی Angular - The Big Picture

  • مقدمه دوره Course Introduction

  • پشتیبانی دوره برای فراگیران Course Support for Learners

  • نصب Node.JS Installing Node.JS

  • نصب TypeScript Installing TypeScript

  • نصب بسته Angular-CLI Installing Angular-CLI Package

  • حذف Angular CLI و بررسی کش Uninstalling Angular CLI & Verifying Cache

  • نصب ویرایشگر کد Installing an Editor

  • فایل‌های تمرین کامل دوره Complete Course Exercise Files

درک نحوه عملکرد یک برنامه Angular Understanding How an Angular Application Works

  • ایجاد یک برنامه Angular ساده Creating a Simple Angular Application

  • درک ساختار پروژه Angular Understanding Angular Project Structure

  • درک پوشه کد منبع Understanding the Source Code Folder

  • درک Package.json Understanding Package.json

  • درک Package-lock.json Understanding Package-lock.json

  • درک بسته‌های سراسری و محلی Understanding Global and Local Packages

  • درک Angular.json Understanding Angular.json

  • درک فرآیند ساخت Understanding Build Process

  • درک جریان اجرای یک برنامه Angular Understanding Execution Flow of an Angular Application

  • اجرای Build تولید Running the Production Build

ایجاد کامپوننت‌های جدید Angular Creating New Angular Components

  • ایجاد کامپوننت‌های Angular با تمپلیت درون خطی Creating Inline Template Angular Components

  • ایجاد کامپوننت‌های Angular با CodeBehind Creating CodeBehind Angular Components

  • ایجاد کامپوننت‌های Angular با استفاده از Angular CLI Creating Angular Components Using Angular CLI

  • کامپوننت‌های تودرتو Nesting Components

استفاده از دایرکتیوهای داخلی Using Built-In Directives

  • استفاده از دایرکتیو ngIf - دمو 1 Using the ngIf Directive - Demo 1

  • استفاده از دایرکتیو ngIf - دمو 2 Using the ngIf Directive - Demo 2

  • استفاده از دایرکتیو ngSwitch Using the ngSwitch Directive

  • استفاده از دایرکتیو ngFor Using the ngFor Directive

  • عملکرد ngIf مانند ngSwitch Making ngIf Work like ngSwitch

  • استفاده از ngFor با عناصر مختلف فرم HTML Using ngFor with various HTML Form Elements

  • استفاده از ngFor تودرتو Using nested ngFor

  • کار با ng-Container Working with ng-Container

  • استفاده از Class Bindings Using the Class Bindings

درک Data Binding (اتصال داده) Understanding Data Binding

  • استفاده از One-Way Data Binding Using One-Way Data Binding

  • درک Attribute Binding Understanding Attribute Binding

  • کار با ngStyle Working with ngStyle

  • درک Two-Way Binding - قسمت 1 Understanding Two-Way Binding - Part 1

  • درک Two-Way Binding - قسمت 2 Understanding Two-Way Binding - Part 2

کار با Pipes (لوله‌ها) داخلی Working with Built-In Pipes

  • راه اندازی پروژه نمونه Setting Up the Example Project

  • تغییر حالت حروف رشته Changing String Case

  • فرمت بندی اعداد، مقادیر ارزی، درصد Formatting Numbers, Currency Values, Percentage

  • فرمت بندی تاریخ‌ها Formatting Dates

  • سریال‌سازی داده‌ها به عنوان JSON Serializing Data as JSON

  • فرمت بندی جفت‌های کلید/مقدار Formatting Key/Value Pairs

  • انتخاب مقادیر Selecting Values

  • جمع بستن مقادیر Pluralizing Values

کار با REST API Working with RESTAPI

  • مروری بر RestAPI Overview of RestAPI

  • استفاده از fetch برای بازیابی همه رکوردها Using fetch to retrieve all records

  • استفاده از fetch برای بازیابی یک رکورد واحد Using fetch to retrieve a single record

  • استفاده از ViewChild برای رندر یک تمپلیت - قسمت 1 Using ViewChild to render a Template - Part 1

  • استفاده از ViewChild برای رندر یک تمپلیت - قسمت 2 Using ViewChild to render a Template - Part 2

  • نمایش همه کاربران با استفاده از کامپوننت Card بوت استرپ Show All Users using bootstrap Card Component

طراحی یک سبد خرید ساده - تک صفحه‌ای Designing a Simple Shopping Cart - Single Page

  • فراخوانی یک RESTAPI برای پر کردن لیست کشویی با دسته‌ها Calling a RESTAPI To Fill a Dropdown List with Categories

  • مدیریت رویداد کلیک لیست کشویی برای دریافت محصولات یک دسته Handling a DropDown List Click Event To Get Products of a Category

  • اضافه کردن آیتم‌ها به سبد خرید Add Items to Shopping Cart

  • حذف یک آیتم سبد خرید Delete a Shopping Cart Item

استفاده از Services (سرویس‌ها) Using Services

  • ایجاد یک سرویس نمونه Creating a Sample Service

  • فراخوانی متدهای سرویس از یک کامپوننت Calling Service Methods from a Component

کار با کامپوننت‌های والد و فرزند Working with Parent and Child Components

  • انتقال داده از کامپوننت والد به فرزند Passing Data from Parent to Child Component

  • انتقال داده از کامپوننت فرزند به والد Passing Data from Child To Parent Component

  • طراحی یک کامپوننت فرزند - مثال 2 Designing a Child Component - Example 2

  • طراحی یک کامپوننت والد - مثال 2 Designing a Parent Component - Example 2

  • ردیابی تغییرات خصوصیات @Input با استفاده از ngOnChanges Tracking Changes of @Input Properties using ngOnChanges

درک چرخه حیات کامپوننت Understanding Component Life Cycle

  • کاوش در هوک‌های چرخه حیات OnChanges, OnInit, DoCheck, OnDestroy Exploring OnChanges,OnInit,DoCheck,OnDestroy Life Cycle Hooks

  • مقایسه ngOnChanges و ngdoCheck ngOnChanges Vs ngdoCheck

  • کاوش در هوک‌های چرخه حیات AfterContentInit, AfterContentChecked Exploring AfterContentInit,AfterContentChecked Life Cycle Hooks

  • کاوش در هوک‌های چرخه حیات AfterViewInit, AfterViewChecked Exploring AfterViewInit,AfterViewChecked Life Cycle Hooks

ارتباط بین کامپوننت‌ها با Behavior Subject Cross Component Communication with Behavior Subject

  • اشتراک گذاری داده بین چندین کامپوننت با استفاده از Behavior Subject Sharing Data Between Multiple Components Using Behavior Subject

  • انتقال داده از کامپوننت والد به فرزند با استفاده از Behavior Subject Passing Data From Parent To Child Component Using Behavior Subject

مدیریت وضعیت با استفاده از Cookies (کوکی‌ها) State Management using Cookies

  • استفاده از متدهای get, getAll, delete, deleteAll برای کار با کوکی‌ها Using get,getAll,delete,deleteAll Methods to work with Cookies

کار با کنترلهای فرم HTML با استفاده از رویکرد Model-Based Forms Working with HTML Form Controls Using Model-Based Forms Approach

  • فعال کردن ویژگی Model-Based Forms در یک راه حل جدید Enabling Model-Based Forms Feature in a new Solution

  • ایجاد یک سرویس Angular Creating an Angular Service

  • کار با TextBoxها Working with TextBoxes

  • راه اندازی JSON Server برای ایجاد Fake Rest API Setting Up JSON Server To Create Fake Rest API

  • کار با دکمه‌های رادیویی Working With Radio Buttons

  • کار با CheckBoxها - قسمت 1 Working with CheckBoxes - Part 1

  • کار با CheckBoxها - قسمت 2 Working with CheckBoxes - Part 2

  • کار با ListBox - قسمت 1 Working with ListBox - Part 1

  • کار با ListBox - قسمت 2 Working with ListBox - Part 2

کار با DropDownList با استفاده از رویکرد Model Based Forms Working with DropDownList using Model Based Forms Approach

  • بارگیری آیتم‌ها در یک DropDownList از یک فایل JSON Load Items Into a DropDownList from a JSON file

  • پیاده سازی View (نما) Implementing View

  • اجرا و اشکال زدایی برنامه Running and Debugging Application

  • پر کردن آیتم‌ها در یک DropDownList به صورت پویا Filling Items into a DropDownList Dynamically

  • انجام عملیات CRUD بر روی آیتم‌های DropDownList Performing CRUD Operations on DropDownList Items

  • توسعه یک تبدیل ارز LIVE با استفاده از DropDownListها Developing a LIVE Currency Converter using DropDownLists

کار با کنترلهای مختلف فرم HTML با استفاده از رویکرد Template Driven Working With various HTML Form Controls using Template Driven Approach

  • کار با TextBoxها Working with TextBoxes

  • پیاده سازی اعتبارسنجی برای TextBoxها Implementing Validations for TextBoxes

  • کار با CheckBoxها Working with CheckBoxes

  • کار با دکمه‌های رادیویی Working with Radio Buttons

  • کار با ListBox - قسمت 1 Working with ListBox - Part 1

  • کار با ListBox - قسمت 2 Working With ListBox -Part 2

کار با DropDown Lists با استفاده از رویکرد Template Driven Working with DropDown Lists Using Template Driven Approach

  • مدیریت رویداد با DropDown Event Handling with DropDown

  • پر کردن DropDown Lists به صورت پویا Filling DropDown Lists Dynamically

  • انجام عملیات Delete, Select, Update, Insert Performing Delete,Select,Update,Insert operations

  • پیاده سازی Cascading Dropdown Lists (لیست‌های کشویی آبشاری) Implementing Cascading Dropdown Lists

ایجاد Custom Attribute Directives (دایرکتیوهای ویژگی سفارشی) Creating Custom Attribute Directives

  • ایجاد یک Custom Attribute Directive - 1 Creating a Custom Attribute Directive - 1

  • استفاده از Custom Attribute Directive در یک کامپوننت Using Custom Attribute Directive in a Component

  • ایجاد یک Custom Directive - 2 Creating a Custom Directive - 2

ایجاد Custom Structural Directives (دایرکتیوهای ساختاری سفارشی) Creating Custom Structural Directives

  • توسعه یک Custom Structural Directive - مثال 1 Developing a Custom Structural Directive - Example 1

  • توسعه یک Custom Structural Directive - مثال 2 Developing a Custom Structural Directive - Example 2

بارگیری کامپوننت‌ها به صورت پویا Loading Components Dynamically

  • بارگیری چندین کامپوننت به صورت پویا Dynamically Loading multiple components

ایجاد Custom Pipes (لوله‌های سفارشی) Creating Custom Pipes

  • ایجاد یک کامپوننت جدید Creating a New Component

  • ایجاد و اعمال یک Custom Pipe 1 Creating and Applying a Custom Pipe 1

  • ایجاد و اعمال یک Custom Pipe 2 Creating and Applying a Custom Pipe 2

  • ایجاد و اعمال یک Custom Pipe 3 Creating and Applying a Custom Pipe 3

  • تبدیل یک عدد به حروف Convert a Number Into Words

پیاده سازی Pagination (صفحه بندی)، Sorting (مرتب سازی)، Filtering (فیلتر کردن) Implementing Pagination, Sorting, Filtering

  • پیاده سازی قابلیت صفحه بندی Implementing Pagination Functionality

  • پیاده سازی قابلیت مرتب سازی Implementing Sorting Functionality

  • پیاده سازی قابلیت فیلتر کردن Implementing Filtering Functionality

  • پیاده سازی مرتب سازی در یک صفحه خاص Implementing Sorting with in a Specific Page

پیاده سازی Sub Totals (جمع جزء) و Running Totals (جمع جاری) Implementing Sub Totals and Running Totals

  • نگاهی به نمای نهایی گزارش Looking at the Final Look of the Report

  • توسعه یک صفحه گزارش برای نمایش Sub Totals و Running Totals Developing a Reporting Page To Display Sub Totals and Running Totals

پیاده سازی قابلیت Expand And Collapse (باز و بسته کردن) Implementing Expand And Collapse Functionality

  • نگاهی به نمای نهایی گزارش Looking at the Final Look of the Report

  • نمایش رکوردهای Master Detail از طریق قابلیت Expand and Collapse Displaying Master Detail Records through Expand and Collapse Functionality

  • پیاده سازی قابلیت Expand All و Collapse All Implementing Expand All and Collapse All Functionality

پیاده سازی Multi Level Expand And Collapse Functionality (قابلیت باز و بسته کردن چند سطحی) Implementing Multi Level Expand And Collapse Functionality

  • نگاهی به نمای نهایی گزارش Looking at the Final Look of the Report

  • نمایش گرید‌های تودرتو از طریق قابلیت Expand and Collapse Display Nested Grids through Expand and Collapse Functionality

  • پیاده سازی قابلیت Expand All و Collapse All Implementing Expand All and Collapse All Functionality

انجام عملیات Bulk (عملیات دسته‌ای) Performing Bulk Operations

  • نگاهی به نمای نهایی کامپوننت Looking at the Final Look Of Component

  • درج رکوردهای دسته‌ای Inserting Bulk Records

  • به روز رسانی رکوردهای دسته‌ای Updating Bulk Records

  • حذف رکوردهای دسته‌ای Deleting Bulk Records

  • حذف یک رکورد واحد با استفاده از دکمه رادیویی Deleting a Single record using a Radio Button

توسعه یک صفحه ListView Developing a ListView Page

  • نگاهی به نمای نهایی کامپوننت Looking at the Final Look of Component

  • نمایش همه رکوردها با استفاده از Grid Layout با صفحه بندی - قسمت 1 Displaying All Records using Grid Layout with Pagination - Part 1

  • نمایش همه رکوردها با استفاده از Grid Layout با صفحه بندی - قسمت 2 Displaying All Records using Grid Layout with Pagination - Part 2

  • تنظیم جهت Repeat Columns Setting Repeat Columns Direction

  • انجام عملیات Insert Performing Insert Operation

  • انجام عملیات Update Performing Update Operation

  • انجام عملیات Delete Performing Delete Operation

Exporting (خروجی گرفتن) داده‌ها به فرمت‌های مختلف Exporting Data To Various Formats

  • خروجی گرفتن داده‌ها به فرمت‌های TXT, PNG, JSON, PDF, CSV Exporting Data To TXT,PNG,JSON,PDF,CSV File Formats

  • خروجی گرفتن داده‌ها به Excel Exporting Data To Excel

پیاده سازی Routing (مسیر یابی) Implementing Routing

  • پیاده سازی قابلیت مسیر یابی Implementing Routing Functionality

  • پیاده سازی Parameterized Routing (مسیر یابی پارامتری) Implementing Parameterized Routing

  • پیاده سازی Child Routes (مسیرهای فرزند) Implementing Child Routes

  • پیاده سازی Nested Routes (مسیرهای تودرتو) Implementing Nested Routes

  • انتقال و خواندن مقادیر QueryString Passing and Reading QueryString Values

ایجاد یک REST API با استفاده از ASP.NET Core Creating a REST API using ASP.NET Core

  • ایجاد پایگاه داده و جدول نمونه Creating Sample Database and Table

  • ایجاد و پیکربندی یک پروژه Web API Creating and Configuring a Web API Project

  • نوشتن متد Get برای بازیابی همه رکوردها از جدول پایگاه داده SQL Server Writing Get Method To Retrieve All Records from SQL Server Database Table

  • نوشتن متد Get برای بازیابی یک رکورد واحد از جدول SQL Server Writing Get Method To Retrieve an Individual Record from SQL Server Table

  • نوشتن متد Put برای به روز رسانی یک رکورد Writing Put Method To Update a Record

  • نوشتن متد Delete برای حذف یک رکورد Writing Delete Method To Delete a Record

  • نوشتن متد Post برای درج یک رکورد Writing Post Method To Insert a Record

Consuming (مصرف) REST API از Angular Consuming REST API From Angular

  • ایجاد Domain Model (مدل دامنه) و Service Methods (متدهای سرویس) برای درخواست‌های GET, POST, PUT, DELETE Creating Domain Model and Service Methods for GET, POST,PUT, DELETE requests

  • فراخوانی متد Get برای بازیابی همه رکوردها Calling Get Method To Retrieve all records

  • فراخوانی متد Get برای بازیابی یک رکورد خاص Calling Get Method To Retrieve a specific record

  • فراخوانی متد Put برای به روز رسانی یک رکورد Calling Put Method to Update a record

  • فراخوانی متد Delete برای حذف یک رکورد Calling Delete Method to Delete a Record

  • فراخوانی متد Post برای درج یک رکورد Calling Post Method to Insert a record

نمایش نظرات

آموزش جامع Angular 15/16/17 از صفر تا صد، گام به گام
جزییات دوره
27 hours
148
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
620
4.3 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Kameswara Sarma Uppuluri Kameswara Sarma Uppuluri

مربی گواهی مایکروسافت