آموزش ساخت وب اپلیکیشن فول استک Full-stack با Angular 2 و ASP.NET Core

تعداد ویدئو 50
زمان دوره 03:45:52
مترجم مرتضی گیتی
دوبلر مرتضی گیتی
سایت منتشر کننده لیندا

آموزش ساخت وب اپلیکیشن فول استک Full-stack با Angular 2 و ASP.NET Core یکی دیگر از آموزش های گروه آموزشی پرووید می باشد که در این قسمت آن را به شما معرفی می کنیم. این بسته ی آموزشی نیز یکی از دوره های آموزشی دیگر که در حوزه ی فارسی سازی آموزش های انگلیسی تنظیم شده است می باشد. عنوان این بسته ی آموزشی ساخت وب اپلیکیشن Full-Stack با Angular 2 و ASP.NET Core است که با نام اصلی Building a Full-stack Application with Angular 2 ASP.NET Core and Authentication از شرکت Lynda منتشر شده است.

Angular چیست؟

به بیان ساده Angular یک فریم ورک جاوا اسکریپت client side است بر اساس الگوی MVC کار می کند. از Angular به منظور ساخت Web Application های Dynamic استفاده می شود. در ابتدا Angular به عنوان یکی از پروژه های گوگل استارت خورد ولی پس از مدتی به یک فریم ورک Open Source تبدیل شد. Angular کاملاً بر اساس HTML و جاوا اسکریپت کار می کند و برای استفاده از آن نیازی به یادگیری هیچ زبان دیگری نیست. روند پویا کردن یا همان Dynamic کردن فایل های HTML توسط Angular به وسیله ی اضافه کردن Attribute ها و Component هایی به تگ های HTML انجام می شود. با انجام این کار فایل های HTML از حالت استایتک به حالت داینمیک تغییر حالت می دهند. با استفاده از زبان جاوا اسکریپت به راحتی می توان Angular را Extend کرد و Attribute های Custom بیشتری اضافه کرد.

Full-stack-Application-with-Angular-2-ASP.NET-Core-and-Authentication

Angular 2 چیست؟

طبیعتاً Angular 2 ورژن بعدی Angular می باشد. قابلیت های زیر از عمده ویژگی های اضافه شده به Angular 2 می باشند

  • استفاده از Component ها: نسخه ی قبلی Angular بر روی Controller ها متمرکز بود. در Angular 2 تمرکز بر روی پیاده سازی Component برای Controller است. ساختن Componet ها باعث می شود که برنامه Modular شود و Maintain کردن آن ساده تر شود.
  • استفاده از TypeScript: نسخه ی Angular 2 بر اساس TypeScript کار می کند. این زبان یک پیاده سازی سطح بالاتر از جاوا اسکریپت است که توسط مایکروسافت توسعه و نگهداری می شود.
  • استفاده از Service ها: سرویس ها کدهایی هستند که توسط Component های مختلف قابل استفاده هستند. به عنوان یک مثال، می توان یک سرویس را که داده هایی را از دیتابیس می خواند به صورت اشتراکی بین Component های مختلف مورد استفاده قرار داد.

ASP.NET Core چیست؟

ASP.NET Core 1.0، که پیشتر با نام ASP.NET 5 معرفی شده بود، بازنویسی کامل ASP.NET است که با ایده‌ی کاملا ماژولار بودن، تهیه شده‌ است و از طریق آن، قابلیت به روز رسانی منظم و توزیع آسان از طریق NuGet میسر خواهد شد. به علاوه در آن، بسیاری از الگوهای برنامه نویسی شیء‌گرا مانند Dependency Injection، به صورت built-in و از ابتدا پشتیبانی می‌شوند. ASP.NET Core 1.0 مدل برنامه نویسی ASP.NET MVC و Web API را به صورت یکپارچه ارائه می‌دهد و دیگر خبری از ارائه‌ی مجزای این‌ ها نخواهد بود و دقیقا بر مبنای مفاهیم برنامه نویسی این دو بنا شده‌ است.

پیشتر فضای نام System.Web.MVC مخصوص ASP.NET MVC بود و فضای نام مجزای دیگری به نام System.Web.Http مخصوص ASP.NET Web API. اما اکنون تنها یک فضای نام مشترک و یکپارچه به نام Microsoft.AspNet.Mvc هر دوی این‌ها را پوشش می‌دهد.

یک توسعه دهنده ی Full-stack کیست؟

یک توسعه دهنده ی Full-stack یا همان Full-Stack Developer برنامه نویسی است که می تواند هم بر روی قسمت front-end یک نرم افزار کار کند و هم قسمت back-end.

full-stack-training

یک Full-Stack Developer ممکن است دانش عمیق و تخصص کامل بر روی تکنولوژی های front-end و back-end نداشته باشد ولی دانش کافی بر روی این تکنولوژی ها را دارد. در قسمت زیر مهارت های مورد نیاز برای یک Full-Stack Web Developer را بررسی می کنیم.

  • HTML
  • CSS
  • Bootstrap
  • JavaScript
  • jQuery
  • AJAX
  • C#
  • دیتابیس ها

علاوه بر این تکنولوژی ها، برخی از تکنولوژی های جدید از قبیل موارد زیر نیز وجود دارند که در توسعه نرم افزارهای وب مورد استفاده قرار می گیرند.

  • Node.js
  • TypeScript
  • Angular
  • MVC
  • .NET Core

سرفصل مطالب آموزش ویدئویی ساخت وب اپلیکیشن Full-stack با Angular 2 و ASP.NET Core

فصل اول: مقدمه

  • خوش آمدگویی
  • چه چیزی را باید از قبل بدانید؟
  • استفاده کردن از Exercise File ها

فصل دوم: راه اندازی ساختار پروژه

  • بررسی اپلیکیشن این بسته ی آموزشی
  • بررسی معماری اپلیکیشن
  • دانلود کردن و نصب کردن ASP.NET Core
  • ساختن و پیکربندی کردن پروژه ی Angular 2

فصل سوم: نشان دادن داده ها در Angular

  • ساختن Component
  • نشان دادن داده ها
  • بهبود دادن Layout برنامه

فصل چهارم: به دست آوردن داده از ASP.NET Core

  • ساختن پروژه ی ASP.NET Core
  • ساختن یک Service
  • به روز رسانی Angular برای به دست آوردن داده از Service

فصل پنجم: ساختن یک Controller با ASP.NET Core

  • ذخیره کردن داده ها با ASP.NET Core
  • ذخیره کردن داده ها در یک لیست

فصل ششم: ساختن یک Form در Angular

  • ساختن یک Component
  • به دست آوردن Input Data ها
  • ارتباط برقرار کردن بین Component ها با Output و ViewChild
  • ساختن یک Data Store در Service
  • انجام Error Handling با Try Catch

فصل هفتم: انجام Navigation با Router

  • ساختن یک Navigation Bar
  • Navigate کردن به یک View متفاوت
  • اضافه کردن یک Message Route
  • ارسال یک Route Parameter
  • بازیابی یک Route Parameter

فصل هشتم: بررسی Reactive Programming

  • انجام HTTP GET با Observable
  • Broadcast کردن یک Event با Subject
  • استفاده کردن از Observable ها و Async Pipe

فصل نهم: ساختن Reactive Form ها در Angular

  • ساختن یک Layout برای Register
  • ساختن Reactive Form ها با FormBuilder
  • انجام Validation با Reactive Form ها
  • انجام Validation بر روی Password با Custom Validator ها
  • انجام Validation بر روی Email با Custom Validator ها

فصل دهم: Register کردن User ها

  • ساختن یک Auth Service در Angular
  • ساختن یک Register Service در ASP.NET Core
  • انجام Persistence سازی با Entity Framework Core
  • ذخیره کردن Message ها و User ها
  • ذخیره کردن یک Token در Angular
  • پیاده سازی Authentication
  • پیاده سازی Log out

فصل یازدهم: پیاده سازی Log in

  • ساختن یک Log in Component در Angular
  • ساختن Log in Service ها

فصل دوازدهم: Authorize کردن Resource ها

  • به دست آوردن اطلاعات User
  • اضافه کردن Claim ها به Token
  • اضافه کردن AspNetCore.Authentication.JwtBearer به عنوان Auth Middleware
  • به دست آوردن User از طریق Subject
  • ویرایش اطلاعات در Angular
  • به روز رسانی اطلاعات کاربر در زمان Post کردن

فصل سیزدهم: جمع بندی

  • قدم های بعدی

نقد و بررسی‌ها

هیچ دیدگاهی برای این محصول نوشته نشده است.

اولین کسی باشید که دیدگاهی می نویسد “آموزش ساخت وب اپلیکیشن فول استک Full-stack با Angular 2 و ASP.NET Core”

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دسته های محصولات

افزودن به سبد خرید