مطالب پیشنهادی از سراسر وب

ساخت اپلیکیشن تجارت الکترونیک با Net Core. و Angular

دسته بندی ها: آموزش های ویژه ، دات نت (NET.) ، آموزش سی شارپ | C#.NET ، آموزش های یودمی (Udemy) ، دات نت کور (NET Core.) ، آموزش جاوا اسکریپت (Javascript) ، آموزش انگولار جی اس (AngularJS) ، آموزش طراحی وب ، آموزش تجارت الکترونیک (E-Commerce) ، آموزش کسب و کار (Business)

یک فروشگاه تجارت الکترونیک با Angular ،.Net Core و Stripe برای پردازش پرداخت ایجاد کنید.

آخرین آپدیت: 2020-5

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

  • .Net Core
  • Angular
  • C# Generics
  • Repository و واحد الگوی کارکرد
  • الگوی مشخصات
  • کش کردن
  • Angular Lazy loading
  • مسیریابی انگولار
  • فرم های واکنش گرای Angular
  • Angular یک wizard فرم چند مرحله ای ایجاد می کند
  • پذیرش پرداختها با استفاده از Stripe
  • Angular اجزای فرم قابل استفاده مجدد
  • اعتبار سنجی Angular و اعتبار سنجی همزمان

الزامات:

  • 3-6 ماه تجربه کدنویسی قبلی

توضیحات:

آیا اصول ASP.NET Core و Angular را یاد گرفته اید؟ مطمئن نیستید گام بعدی چه باشد؟ این دوره می تواند به شما کمک کند. در این دوره ما یک راست با استفاده از این فریمورک ها فروشگاه تجارت الکترونیکی را ایجاد می کنیم. در این دوره ما یک برنامه کامل را از ابتدا تا انتها ایجاد می کنیم و هر خط کدی که نوشته می شود نشان داده و توضیح داده می شود. در اینجا برخی از مواردی که در این دوره یاد خواهید گرفت:

  • راه اندازی محیط توسعه
  • ایجاد اپلیکیشن .net core چند پروژه ای با dotnet CLI
  • ایجاد یک رابط کاربری Angular فرانت اند سمت کلاینت برای فروشگاه با استفاده از Angular CLI
  • بیاموزید که چگونه از مخزن ، واحد کار و الگوی مشخصات در net core. استفاده کنید
  • استفاده از چندین DbContext به عنوان مرزهای زمینه
  • با استفاده از ASP.NET Identity برای ورود و ثبت نام
  • استفاده از ماژول های angular برای ایجاد مسیرهای lazy loaded.
  • استفاده از Automapper در ASP.NET Core
  • ساخت یک UI با ظاهری زیبا با استفاده از Bootstrap
  • ساخت اجزای فرم قابل استفاده مجدد با استفاده از فرم های واکنش پذیر Angular
  • صفحه بندی، مرتب سازی، جستجو و فیلتر کردن
  • استفاده از Redis برای سبد خرید
  • ایجاد سفارش از سبد خرید
  • پذیرش پرداخت از طریق Stripe با استفاده از استانداردهای جدید اتحادیه اروپا برای امنیت سه بعدی
  • انتشار برنامه در Linux
  • خیلی چیزهای دیگر

ابزارهایی که برای این دوره نیاز دارید

در این دوره، تمام دروس با استفاده از Visual Studio Code، یک ویرایشگر کد چندسکویی رایگان به نمایش در می آیند. مطمئناً می توانید از هر IDE دلخواه و هر سیستم عاملی که دوست دارید استفاده کنید ... البته به شرطی که Windows ،Linux یا Mac باشد.

آیا این دوره برای شما مناسب است؟

این دوره بسیار کاربردی است، حدود 90٪ از دروس شامل کدنویسی شما در کنار من در این پروژه است. اگر شما از آن دسته افرادی هستید که با انجام کارها بیشترین بهره را از یادگیری می گیرید، قطعاً این دوره برای شما مناسب است.

مهم: اگر قبلا کد نویسی نکرده اید و می خواهید .Net و Angular یاد بگیرید بهتر است با دوره های دیگر .Net Core و Angular شروع کنید.

در این دوره در شروع یک نمونه فروشگاه الکترونیک، کاملاً از ابتدا با استفاده از DotNet CLI و Angular CLI ایجاد خواهیم کرد. برای شروع کار فقط یک رایانه با سیستم عامل مورد علاقه خود و علاقه به یادگیری نحوه ساخت برنامه با استفاده از ASP.NET Core و Angular نیاز دارید.

این دوره برای چه کسانی است:

  • توسعه دهندگان مبتدی و متوسط که می خواهند دانش خود را در مورد .Net و Angular افزایش دهند و تجربه ی کدنویسی نیز دارند
  • توسعه دهندگان مبتدی و متوسط که مایل به یادگیری نحوه ساختن سبک سایت تجارت الکترونیکی هستند

مباحث دوره:

  • معرفی دوره
    • راه اندازی محیط توسعه
    • راه اندازی VS Code برای توسعه سی شارپ
  • مبانی API 
    • ایجاد پروژه ی Web API 
    • اجرای API با DotNet CLI
    • افزودن اولین API Controller
    • افزودن C# Entity class
    • افزودن مهاجرت Entity Framework
    • ذخیره کردن پروژه در کنترل منبع با گیت و گیتهاب
  • معماری API 
    • الگوی Repository 
    • افزودن Repository و رابط
    • افزودن Seed data
  • API Generic Repository
    • ایجاد Generic repository و رابط
    • پیاده سازی متدها در Generic repository
    • معرفی الگوی مشخصات
    • ایجاد کردن specification evaluator
    • استفاده از متدهای مشخصات در controller
    • استفاده از Debugger برای نمایش الگوی مشخصات در اکشن
    • افزودن Custom Value Resolver برای AutoMapper
  • مدیریت خطا API 
    • ​​​​​​​ایجاد test controller برای خطاها
    • ایجاد کردن Exception handler middleware
  • جستجو کردن، مرتب سازی، فیلتر کردن و صفحه بندی API 
    • ​​​​​​​ایجاد مرتب سازی specification class
    • افزودن صفحه بندی
    • افزودن CORS Support به API
  • کلاینت - راه اندازی Angular 
    • ​​​​​​​راه اندازی محیط توسعه دهنده برای Angular
    • ایجاد پروژه Angular 
    • راه اندازی Angular برای تنظیم HTTPS
    • افزودن اکسنشن های VS Code برای انگولار
  • کلاینت - مبانی انگولار
    • ​​​​​​​افزودن Nav Bar component
    • افزودن کد NavBar HTML
    • آشنایی با Http Client Module
    • Observables
    • آشنایی با Typescript
    • ایجاد رابط محصول
  • کلاینت - ساخت UI برای فروشگاه ما
    • ​​​​​​​سازمانده فایل ها و پوشه ها
    • معرفی سرویس های Angular 
    • سفارش سازی سرویس ها در کامپوننت
    • طراحی صفحه فروشگاه
    • افزودن child component برای آیتم های محصول
    • افزودن فیلترهای محصول
    • افزودن قابلیت فیلتر
    • افزودن قابلیت مرتب سازی 
    • افزودن قابلیت صفحه بندی  
    • رفع باگ ها
  • کلاینت - مسیریابی
    • ایجاد مسیرها
    • راه اندازی nav links
    • افزودن صفحه جزئیات محصول
  • کلاینت - مدیریت خطا
    • ​​​​​​​ایجاد کامپوننت خطا برای تست کردن پاسخ های خطا
    • استفاده از Http Interceptor برای دریافت خطا ها
    • مدیریت خطا های اعتبارسنجی
  • کلاینت - Pazzazz
    • ​​​​​​​افزودن بخش هدر
    • افزودن breadcrumbs
    • استفاده از سرویس breadcrumbs
    • تغییر تم bootstrap 
    • افزودن محتوای صفحه اصلی
  • API - سبد
    • راه اندازی Redis
    • راه اندازی کلاس سبد
    • ایجاد رابط basket repository 
    • نصب Redis روی مک
    • نصب Redis  روی ویندوز
  • کلاینت - سبد
    • ایجاد ماژول basket 
    • افزودن آیتم به متد سرویس سبد
    • استایل دادن به صفحه سبد
    • ایجاد order summary component
  • API - هویت
    • راه اندازی بسته های هویت
    • افزودن IdentityDbContext
    • افزودن Account controller
    • رجیستر کردن کاربر
    • افزودن token generation service
    • تست کردن توکن
  • API - اعتبارسنجی
    • پاسخ های خطای Net core .
    • اعتبارسنجی مدل
    • بررسی برای داپلیکیت آدرس های ایمیل
    • اعتبارسنجی سبد
    • به روزرسانی swagger config برای هویت
  • کلاینت - هویت
    • ایجاد account module
    • ایجاد فرم لاگین
    • آشنایی با فرم های انگولار
    • ارسال داده به سرور
    • اعتبارسنجی فرم در انگولار
    • ایجاد فرم ثبت نام
    • ایجاد auth guard
  • API - سفارشات
    • ایجاد order aggregate
    • پیکربندی order entities
    • ایجاد order service
    • پیاده سازی create order method
    • اشکال زدایی order method
    • ریفکتورینگ Order service برای استفاده از واحد کار
    • پیاده سازی Order get methods
    • پیکربندی AutoMapper برای سفارشات
  • کلاینت - بررسی
    • بررسی طرح بندی صفحه
    • ایجاد stepper component
    • افزودن فرم بررسی
    • ایجاد فرم تحویل
    • استفاده از Http interceptor برای ارسال توکن
    • به روزرسانی قیمت پست
    • تایید سفارش
  • کلاینت - ماژول سفارش
    • راه حل تمرینات سفارشات
  • دریافت پرداخت ها
    • PCI DSS
    • احراز هویت قوی مشتری
    • راه اندازی stripe
    • ایجاد سرویس پرداخت و رابط
    • پیاده سازی payment intent
    • پیاده سازی عناصر stripe 
    • بارگذاری شاخص ها
    • Webhooks
    • تست webhooks با stripe CLI
  • عملکرد
    • راه اندازی کش کردن بر روی API
    • ایجاد ache attribute class
    • کش کردن روی کلاینت
    • تنظیمات پیش از انتشار 
  • انتشار
    • ​​​​​​​پیکربندی Angular build
    • تغییرات Angular config
    • نصب MySQL
    • سوئیچ کردن DB Servers
    • راه اندازی linux server
    • دریافت گواهینامه HTTPS از Lets Encrypt
    • خلاصه دوره

سایر ویدئوهای دوره:


راه اندازی محیط توسعه دهنده

 

راه اندازی ویژوال استودیو کد برای توسعه سی شارپ

 

از کجا کد منبع و دارایی های دوره را دریافت کنیم؟

آیا این نوشته را دوست داشتید؟
Udemy - Learn to build an e-commerce app with .Net Core and Angular Publisher:Udemy Author:Neil Cummings Duration:34 hours Level:Advanced

Build a proof of concept e-commerce store using Angular, .Net Core, and Stripe for payment processing

What you'll learn

  • .Net Core
  • Angular
  • C# Generics
  • Repository and Unit of Work Pattern
  • Specification Pattern
  • Caching
  • Angular Lazy loading
  • Angular Routing
  • Angular Reactive Forms
  • Angular Creating a MultiStep form wizard
  • Accepting payments using Stripe
  • Angular Re-usable form components
  • Angular validation and async validation

Requirements

  • 3-6 Months prior coding experience

Description

Have you learnt the basics of ASP.NET Core and Angular? Not sure where to go next? This course should be able to help with that. In this course we start from nothing and build a proof of concept E-Commerce store using these frameworks.

In this course we build a complete application from start to finish and every line of code is demonstrated and explained.

Here are some of the things you will learn about in this course:

  • Setting up the developer environment
  • Creating a multi project .net core application using the dotnet CLI
  • Creating a client side front-end Angular UI for the store using the Angular CLI
  • Learn how to use the Repository, Unit of Work and specification pattern in .net core
  • Using multiple DbContext as context boundaries
  • Using ASP.NET Identity for login and registration
  • Using the angular modules to create lazy loaded routes.
  • Using Automapper in ASP.NET Core
  • Building a great looking UI using Bootstrap
  • Making reusable form components using Angular Reactive forms
  • Paging, Sorting, Searching and Filtering
  • Using Redis to store the shopping basket
  • Creating orders from the shopping basket
  • Accepting payments via Stripe using the new EU standards for 3D secure
  • Publishing the application to Linux
  • Many more things as well

Tools you need for this course

In this course all the lessons are demonstrated using Visual Studio Code, a free cross platform code editor. You can of course use any IDE you like and any Operating system you like... as long as it's Windows, Linux or Mac.

Is this course for you?

This course is very practical, about 90%+ of the lessons will involve you coding along with me on this project. If you are the type of person who gets the most out of learning by doing, then this course is definitely for you.

Important: If you have never coded before and you want to learn .Net and Angular you would be better starting with my other .Net Core and Angular course before this one.

On this course we will build an example E-commerce store, completely from scratch using the DotNet CLI and the Angular CLI to help us get started. All you will need to get started is a computer with your favourite operating system, and a passion for learning how to build an application using ASP.NET Core and Angular.

Who this course is for:

  • Beginner and intermediate developers who want to enhance their knowledge of .Net and
  • Angular who have some coding experience
  • Beginner and intermediate developers who wish to learn how to build an e-commerce style of site

Course content

  • Introduction
    • Introduction
    • Setting up the developer environment
    • Setting up VS Code for C# development
  • API Basics
    • Where to get the source code and course assets
    • Introduction
    • Creating the Web API project
    • Running the API using the DotNet CLI
    • Reviewing the Web API startup files
    • Adding our first API Controller
    • Adding a C# Entity class
    • Setting up Entity Framework
    • Adding a connection string
    • Adding an Entity Framework migration
    • Updating the database
    • Reading the data from the Database in the API
    • Postman Collections
    • Creating the additional projects
    • Saving our project into source control using Git and GitHub
    • Summary of section 2
  • API Architecture
    • Introduction
    • The Repository Pattern
    • Adding a Repository and Interface
    • Adding the repository methods
    • Extending the products entity and creating related entities
    • Creating a new migration for the entities
    • Configuring the migrations
    • Applying the migrations and creating the Database at app startup
    • Adding Seed data
    • Adding the code to get the product brands and types
    • Eager loading of navigation properties
    • Summary of section 3
  • API Generic Repository
    • Introduction
    • Creating a Generic repository and interface
    • Implementing the methods in the Generic repository
    • Introduction to the specification pattern
    • Creating a specification class
    • Creating a specification evaluator
    • Implementing the repository with specification methods
    • Using the specification methods in the controller
    • Using the specification methods in the controller
    • Using the Debugger to view the spec pattern in action
    • Shaping the data to return with DTOs
    • Adding AutoMapper to the API project
    • Configuring AutoMapper profiles
    • Adding a Custom Value Resolver for AutoMapper
    • Serving static content from the API
    • Summary of section 4
  • API Error Handling
    • Introduction
    • Creating a test controller for errors
    • Creating a consistent error response from the API
    • Adding a not found endpoint error handler
    • Creating Exception handler middleware
    • Improving the validation error responses
    • Adding Swagger for documenting our API
    • Improving the swagger documentation
    • Cleaning up the Startup class
    • Summary of section 5
  • API Paging, Filtering, Sorting & Searching
    • Introduction
    • Adding a sorting specification class
    • Adding a sorting specification part 2
    • Working around the decimal problem in Sqlite
    • Adding filtering functionality
    • Adding Pagination Part 1
    • Adding Pagination Part 2
    • Adding Pagination Part 3
    • Adding the search functionality
    • Adding CORS Support to the API
    • Summary of section 6
  • Client - Angular setup
    • Introduction
    • Setting up the developer environment for Angular
    • Creating the Angular project
    • Reviewing the Angular project files in the template
    • Setting up Angular to use HTTPS
    • Adding bootstrap and font-awesome
    • Adding VS Code extensions for Angular
  • Client - Angular Basics
    • Introduction
    • Adding a Nav Bar component
    • Adding the NavBar HTML code
    • Styling the nav bar
    • Intro to the Http Client Module
    • Observables
    • Intro to Typescript
    • Typescript Demo
    • Creating a products interface
    • Summary of section 8
  • Client - Building the UI for our shop
    • Introduction
    • Organising our files and folders
    • Intro to Angular services
    • Consuming services in the component
    • Designing the shop page
    • Adding a child component for the product items
    • Passing down data to child components
    • Adding the product filters
    • Adding the filter functionality
    • Hooking up the filter to the HTML
    • Adding the sort functionality
    • Adding the pagination functionality
    • Adding the pagination functionality part 2
    • Adding the pagination functionality part 3
    • Adding a pagination header
    • Making the pagination component a shared component
    • Pagination and Output properties
    • Adding the search functionality
    • Resolving the Bug!
    • Summary of section 9
  • Client - Routing
    • Introduction
    • Creating additional components to route to
    • Creating the routes
    • Setting up the nav links
    • Making the links active
    • Getting an individual product
    • Adding the product detail page
    • Lazy loading angular modules
    • Summary of section 10
  • Client - Error handling
    • Introduction
    • Creating an error component for testing the error responses
    • Creating additional error components
    • Using the Http Interceptor to catch errors
    • Adding toast notifications
    • Handling validation errrors
    • Improving the internal server error component
    • Summary of section 11
  • Client - Pazzazz
    • Introduction
    • Adding a section header
    • Adding breadcrumbs
    • Using the breadcrumb service
    • Setting the section header title from the breadcrumb service
    • Styling the product items
    • Changing the bootstrap theme
    • Adding loading indicators
    • Cleaning up loading issues
    • Adding the home page content
    • Summary of section 12
  • API - Basket
    • Introduction
    • Setting up Redis
    • Setting up the basket class
    • Creating a basket repository interface
    • Implementing the basket repository
    • Adding the basket controller
    • Installing Redis on a Mac
    • Installing Redis on Windows
    • Testing the basket functionality
    • Summary of section 13
  • Client - Basket
    • Introduction
    • Creating the basket module
    • Creating the basket types
    • Basket service methods
    • Adding an item to the basket service method
    • Adding the add item to basket in the component method
    • Persisting the basket on startup
    • Displaying the basket item count in the nav bar
    • Styling the basket page
    • Adding the basket totals to the service
    • Creating the order summary component
    • Adding the increment and decrement functionality
    • Adding the basket component functions
    • Hooking up the product detail component to the basket
    • Adding the checkout module
    • Summary of section 14
  • API - Identity
    • Introduction
    • Setting up the identity packages
    • Setting up the identity classes
    • Adding the IdentityDbContext
    • Adding a new migration
    • Seeding identity data
    • Adding the Startup services for identity
    • Adding identity to program class
    • Adding an Account controller
    • Registering a user
    • Adding a token generation service
    • Setting up identity to use the token
    • Testing the token
    • Troubleshooting auth issues
    • Adding additional account methods
    • Adding user manager extension methods
    • Adding another Dto for the user
    • Summary of section 15
  • API - Validation
    • Introduction
    • .Net core error responses
    • Model validation
    • Checking for duplicate email addresses
    • Validating the basket
    • Updating swagger config for identity
    • Summary of section 16
  • Client - Identity
    • Introduction
    • Creating the account module
    • Creating the account service methods
    • Creating the login form
    • Angular forms introduction
    • Using reactive forms in Angular
    • Submitting data to the server
    • Updating the nav bar for the logged in user
    • Persisting the login
    • Adding a dropdown to the navbar
    • Form Validation in Angular
    • Displaying validation errors
    • Creating a reusable text input
    • Reusable text input template
    • Creating a register form
    • Dealing with modelstate errors
    • Async validation
    • Improving the async validator
    • Creating an auth guard
    • Using the replay subject
    • Summary of section 17
  • API - Orders
    • Introduction
    • Creating the order aggregate part 1
    • Creating the order aggregate part 2
    • Configuring the order entities
    • Store context update and seeding delivery methods
    • Creating the order migration
    • Creating an order service
    • Implementing the create order method
    • Creating the order controller
    • Debugging the order method
    • Introducing the Unit of work
    • Implementing the Unit of work
    • Updating the generic repository
    • Refactoring the Order service to use the Unit of work
    • Using the debugger to view the order creation
    • Implementing the Order get methods
    • Order controller get methods
    • Testing the order controller get methods
    • Shaping the order data
    • AutoMapper config for orders
    • Another AutoMapper value resolver
    • Summary of section 18
  • Client - Checkout
    • Introduction
    • Checkout page layout
    • Creating a stepper component
    • Setting up the stepper component
    • Creating the checkout components
    • Adding the checkout form
    • Creating the address form
    • Creating the delivery form
    • Delivery method template
    • Using the Http interceptor to send the token
    • Making the basket summary shared
    • Checkout review component
    • Adding the forward back buttons for the stepper
    • Using the form status to mark the step complete
    • Populating the address form from API
    • Letting the user save the address
    • Updating the shipping price
    • Creating the order interface
    • Order submission
    • Problem solution and redirect to success
    • Checkout success page
    • Summary of section 19
  • Client - Order Module
    • Introduction
    • Demo of finished solution
    • Solution to orders exercise
    • Solution to orders exercise stretch challenge
  • Taking Payments
    • Introduction
    • PCI DSS
    • Strong Customer Authentication
    • Setting up stripe
    • Creating the payment service and interface
    • Implementing the payment intent
    • Creating the payment controller
    • Updating the client basket
    • Adding the payment intent function
    • Persisting the shipping price
    • Implementing stripe elements
    • Adding stripe elements to the components
    • Displaying card validation errors
    • Using the app stepper as an input property
    • Submitting the payment
    • Testing card failures
    • Tying the payment intent to the order
    • Making the submission a better experience
    • Loading indicators
    • Enabling linear mode
    • Stripe validation
    • Webhooks
    • Updating the payments service
    • Testing our webhooks with the stripe CLI
    • Summary of section 21
  • Performance
    • Introduction
    • Setting up caching on the API
    • Creating a cache attribute class
    • Testing the caching
    • Caching on the client part 1
    • Caching on the client part 2
    • Caching on the client part 3
    • Pre-publishing adjustments
    • Summary of section 22
  • Publishing
    • Introduction
    • Angular build configuration
    • Angular config changes
    • Building the angular app and running from Kestrel
    • Angular Ahead of Time compilation build
    • Installing MySQL
    • Switching DB Servers
    • Switching to the production database
    • Pre deployment work
    • Setting up a linux server part 1
    • Setting up a linux server part 2
    • Getting an HTTPS certificate from Lets Encrypt
    • End of course summary

پیشنهاد آموزش مرتبط در فرادرس

خرید لینک های دانلود
  • حجم فایل: 13.09GB
  • زبان: انگلیسی
  • زیرنویس انگلیسی: دارد
  • قیمت: 8000 تومان
  • ساخت اپلیکیشن تجارت الکترونیک با Net Core. و Angular یک محصول ویژه است و دریافت لینک های دانلود آن با پرداخت هزینه امکان پذیر است. اطلاعات بیشتر