آموزش برنامه تک صفحه ای با ASP.NET و jQuery Hands-On

Single-Page Application with ASP.NET & jQuery Hands-On

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با نحوه ساخت یک برنامه تک صفحه ای از ابتدا تا انتها با ASP.NET Web API 2، Entity Framework و jQuery آشنا شوید. ساختن یک برنامه پایه تک صفحه ای توسعه فرانت اند با HTML، CSS و jQuery توسعه Back end با Web API 2، Entity Framework و SQL Server ساخت یک وب سرویس آرام با Web API 2 فراخوانی یک وب سرویس آرام با کد فریم ورک jQuery و Ajax Entity First Migrations صرفه جویی مداوم داده ها با Entity Framework و SQL Server انتشار برنامه تک صفحه ای شما با خدمات اطلاعات اینترنتی (IIS) در سرور ویندوز پیش نیازها: Visual Studio 2017 Community Edition (رایگان!) SQL Server Express Edition (همچنین رایگان!) دیگر نسخه‌های ویژوال استودیو نیز کار می‌کنند، اما ممکن است کمی متفاوت باشند. شما باید تجربه کمی در ساخت برنامه‌های وب در دات‌نت داشته باشید. باید تجربه کمی در C#، HTML و CSS داشته باشید. اگر می خواهید برنامه تک صفحه ای خود را منتشر کنید، به یک سیستم سرور ویندوز نیاز دارید (یک ماشین مجازی کافی است)

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

برنامه تک‌صفحه‌ای که در این دوره خواهید ساخت، یک برنامه فهرست خرید است که از هر عملیات CRUD با درخواست‌های HTTP استفاده می‌کند و یک سرویس وب RESTful را فراخوانی می‌کند - با استفاده از ASP.NET Web API 2 - که داده‌های شما را دائماً در یک SQL ذخیره می‌کند. پایگاه داده سرور.

خود را برای یادگیری برخی از jQuery، HTML و CSS برای قسمت جلویی آماده کنید. و برای پایان، از ASP.NET Web API 2 مایکروسافت برای سرویس وب RESTful و Entity Framework با Code First Migrations برای برقراری ارتباط با پایگاه داده استفاده خواهید کرد.

علاوه بر آن، یاد خواهید گرفت که چگونه برنامه تک صفحه ای خود را در خدمات اطلاعات اینترنتی (IIS) منتشر کنید تا همه بتوانند به برنامه تک صفحه ای جدید شما دسترسی داشته باشند.

پاتریک، نویسنده این دوره، چندین برنامه وب را به صورت حرفه‌ای به عنوان فریلنسر و کارمند ساخته است و در طول سال‌ها چیزهای زیادی را آموخت که برای موفقیت در ساختن یک برنامه تک صفحه‌ای، لازم نیست انجام دهید. این دوره در وقت شما صرفه جویی می کند، زیرا به سرعت مهمترین و مهم ترین قسمت ها را یاد می گیرید، به طوری که می توانید برنامه تک صفحه ای خود را در کمترین زمان به بازار عرضه کنید!

صدا خوب است؟ بیایید شروع کنیم!

چه نوع برنامه تک صفحه ای ساخته خواهد شد؟

در طول این دوره، یاد خواهید گرفت که چگونه با ساختن یک برنامه وب لیست خرید ساده، یک برنامه کاربردی تک صفحه ای کامل بسازید - برنامه ای که تقریباً برای همه مفید است. در این برنامه وب کاربر با ایجاد یک لیست خرید جدید شروع می کند. پس از آن او می تواند موارد را به لیست خود اضافه کند، آنها را بررسی کرده و آنها را حذف کند. اگر کاربر می‌خواهد به فهرست خرید خاصی دسترسی پیدا کند، می‌تواند با افزودن شناسه فهرست در URL - که البته توسط برنامه وب شما ارائه می‌شود، این کار را انجام دهد. به این ترتیب کاربر می تواند لیست را در رایانه خود ایجاد کند و هنگامی که واقعاً در فروشگاه مواد غذایی است، آن را با گوشی هوشمند خود باز کند.


چه فناوری برای قسمت جلویی استفاده می شود؟

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


در این دوره آموزشی با استفاده از فناوری‌های زیر ماهیت برنامه‌های تک صفحه‌ای را یاد خواهید گرفت و درک خواهید کرد:

  • HTML - برنامه را مانند هر وب سایت دیگری با HTML ساده قدیمی خواهید ساخت.

  • CSS - برای تغییر ظاهر برنامه، از شیوه نامه های کوچک آبشاری استفاده می کنید.

  • جاوا اسکریپت - اساس هر چارچوب برنامه تک صفحه ای جاوا اسکریپت است. البته شما کل زبان را یاد نخواهید گرفت، اما می دانید که چگونه از جاوا اسکریپت برای برنامه وب خود استفاده کنید.

  • jQuery - برای آسان‌تر و سریع‌تر کردن کارها، از معروف‌ترین کتابخانه جاوا اسکریپت jQuery استفاده خواهید کرد.

  • Ajax  - با کمک jQuery و Ajax می‌توانید تماس‌های واقعی را با سرویس وب که داده‌ها را از پایگاه داده برمی‌گرداند برقرار کنید.


چه فناوری برای قسمت پشتی استفاده می شود؟

قسمت پشتی یا سمت سرور با فناوری‌های NET پیاده‌سازی می‌شود. شما به یک وب سرویس RESTful نیاز دارید که از قسمت جلو با آن تماس بگیرید، چارچوبی که مدل ها یا کلاس های C# شما را به جداول پایگاه داده و البته یک پایگاه داده نگاشت می کند. برای این موضوع از فناوری‌های زیر استفاده می‌شود:

  • ASP.NET Web API 2 - این چارچوب پیشرفته ای است که به شما کمک می کند خدمات HTTP را به راحتی بسازید. با Web API 2، یک وب سرویس RESTful ایجاد خواهید کرد که به بخش جلویی (یا هر کلاینت دیگری که می‌خواهید در آینده به آن دسترسی داشته باشید) را قادر می‌سازد تا تمام عملیات CRUD (ایجاد، خواندن، به‌روزرسانی، حذف) را با استفاده از GET، POST، PUT انجام دهد. و درخواست های HTTP را حذف کنید.

  • Entity Framework - یک چارچوب نگاشت شی رابطه ای (ORM) که به شما امکان می دهد مدل های C# خود را با جداول پایگاه داده واقعی نگاشت کنید. این بخش برای ذخیره مداوم داده های شما بسیار مهم است.

  • SQL Server - در ابتدا پایگاه داده ای که در این دوره استفاده می کنید فایلی است که توسط ویژوال استودیو تولید می شود. اما بعداً، به‌ویژه زمانی که می‌خواهید برنامه خود را در IIS منتشر کنید و آن را در دسترس جهانیان قرار دهید، از پایگاه داده SQL Server استفاده خواهید کرد.


تا اینجا برای سمت سرور. نگران نباشید، هر فناوری به صورت رایگان در دسترس است!


چه ابزارهایی نیاز دارم؟

کل دوره از پشته مایکروسافت برای توسعه برنامه تک صفحه ای استفاده می کند - جدا از مرورگر که Google Chrome است. ابزارهای زیر استفاده خواهند شد و کاملا رایگان هستند:

  • Visual Studio 2017 Community Edition - بیشتر اوقات شما برنامه را در Visual Studio توسعه می دهید. اگر از قبل این IDE را می‌شناسید، ممکن است کمک کند. نسخه‌های قدیمی‌تر ویژوال استودیو نیز کار می‌کنند.

  • SQL Server Express Edition - این پایگاه داده شما خواهد بود. نسخه Express به صورت رایگان در دسترس است و کاملاً با نیازهای شما مطابقت دارد.

  • SQL Server Management Studio - این برنامه برای مدیریت پایگاه داده شما عالی است. نگران نباشید، در این دوره گام به گام نحوه استفاده از آن را خواهید آموخت.

  • Google Chrome - همانطور که در بالا ذکر شد، در طول این دوره از Google Chrome و ابزارهای توسعه‌دهنده آن برای دسترسی به برنامه وب استفاده می‌شود. اما هر مرورگر دیگری با ابزارهای توسعه‌دهنده موجود نیز این کار را انجام می‌دهد. این بدان معناست که البته می توانید از فایرفاکس نیز استفاده کنید. حتی اینترنت اکسپلورر هم کار می کند... اما صادقانه بگویم، توصیه نمی شود.

  • خدمات اطلاعات اینترنتی (IIS) - واقعاً ابزاری برای توسعه برنامه نیست، بلکه برای انتشار آن است. اگر به IIS دسترسی ندارید، همچنان می‌توانید مراحل انتشار را دنبال کنید و بعداً با یک سرور Microsoft Hyper-V به صورت رایگان از نتایج استفاده کنید! همه چیز در سخنرانی ها آموزش داده می شود.


چرا باید برای این دوره هزینه کنم، با وجود اینکه تعداد زیادی آموزش رایگان در دسترس است؟

یک سوال خوب! در واقع تعداد زیادی آموزش آنلاین موجود است که ممکن است اطلاعات مورد نظر را در اختیار شما قرار دهد. مزیت این دوره این است که شما این بسته بزرگ را از جعبه دریافت خواهید کرد. شما تک تک مراحل را از ابتدا تا انتها در مورد نحوه ساخت اپلیکیشن تک صفحه ای خود خواهید دید. از قسمت جلو شروع کنید، سپس راه‌حلی کاملاً مناسب برای قسمت پشتی بسازید و حتی آن را در سرور منتشر کنید. شما نمی توانید چیزی را از دست بدهید، زیرا می توانید کل روند توسعه را تماشا کنید. و اگر چیزی هنوز نامشخص است، همیشه می توانید یک سوال در انجمن بپرسید. و اگر هنوز راضی نیستید، می توانید پول خود را پس بگیرید - بدون سوال.


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

مقدمه، نظریه و ابزار Introduction, Theory & Tools

  • آنچه خواهید آموخت What you will learn

  • اپلیکیشن تک صفحه ای چیست؟ What is a single-page application?

مقدمه، نظریه و ابزار Introduction, Theory & Tools

  • آنچه خواهید آموخت What you will learn

  • اپلیکیشن تک صفحه ای چیست؟ What is a single-page application?

  • ابزارها (Visual Studio، SQL Server و Chrome) Tools (Visual Studio, SQL Server & Chrome)

  • ابزارها (Visual Studio، SQL Server و Chrome) Tools (Visual Studio, SQL Server & Chrome)

ساخت بخش جلویی - HTML، CSS و jQuery Building the front end - HTML, CSS & jQuery

  • معرفی Introduction

  • ابتدا مقداری HTML و CSS First some HTML & CSS

  • بازرسی DOM DOM inspection

  • موارد را به لیست اضافه کنید Add items to the list

  • بررسی و حذف موارد Checking and deleting items

  • بهبود قابلیت استفاده Improving usability

  • خلاصه Summary

ساخت بخش جلویی - HTML، CSS و jQuery Building the front end - HTML, CSS & jQuery

  • معرفی Introduction

  • یک پروژه وب اپلیکیشن جدید ایجاد کنید Create a new web application project

  • یک پروژه وب اپلیکیشن جدید ایجاد کنید Create a new web application project

  • ابتدا مقداری HTML و CSS First some HTML & CSS

  • مقداری HTML و CSS دیگر Some more HTML & CSS

  • مقداری HTML و CSS دیگر Some more HTML & CSS

  • بیایید چند کد جاوا اسکریپت با جی کوئری بنویسیم Let’s write some JavaScript code with jQuery

  • بیایید چند کد جاوا اسکریپت با جی کوئری بنویسیم Let’s write some JavaScript code with jQuery

  • یک لیست خرید جدید ایجاد کنید Create a new shopping list

  • یک لیست خرید جدید ایجاد کنید Create a new shopping list

  • بازرسی DOM DOM inspection

  • موارد را به لیست اضافه کنید Add items to the list

  • بررسی و حذف موارد Checking and deleting items

  • فهرستی را هنگام راه اندازی با شناسه بارگیری کنید Load a list on startup by ID

  • فهرستی را هنگام راه اندازی با شناسه بارگیری کنید Load a list on startup by ID

  • بهبود قابلیت استفاده Improving usability

  • خلاصه Summary

افزودن وب سرویس - ASP.NET Web API Adding the Web Service - ASP.NET Web API

  • الگوی Model-View-Controller Model-View-Controller pattern

  • اضافه کردن مدل ها Adding the models

  • کنترلرها و CRUD Controllers & CRUD

  • رسیدگی و آزمایش خطا Error handling & testing

  • HTTP POST - یک لیست خرید جدید ایجاد کنید HTTP POST - Create a new shopping list

  • HTTP POST - بخش مشتری HTTP POST - The client part

  • موارد را به یک لیست اضافه کنید - یک درخواست POST دیگر Add items to a list - another POST request

  • HTTP PUT - موارد را خاموش کنید HTTP PUT - Check items off

  • HTTP DELETE - موارد را از لیست حذف کنید HTTP DELETE - Remove items from a list

  • خلاصه Summary

  • آزمون وب سرویس Web Service Quiz

افزودن وب سرویس - ASP.NET Web API Adding the Web Service - ASP.NET Web API

  • معرفی Introduction

  • الگوی Model-View-Controller Model-View-Controller pattern

  • اضافه کردن مدل ها Adding the models

  • کنترلرها و CRUD Controllers & CRUD

  • HTTP GET - دریافت یک لیست خرید واحد HTTP GET - Receiving a single shopping list

  • HTTP GET - دریافت یک لیست خرید واحد HTTP GET - Receiving a single shopping list

  • HTTP GET - تماس AJAX HTTP GET - The AJAX call

  • HTTP GET - تماس AJAX HTTP GET - The AJAX call

  • سریال سازی JSON JSON serialization

  • سریال سازی JSON JSON serialization

  • رسیدگی و آزمایش خطا Error handling & testing

  • HTTP POST - یک لیست خرید جدید ایجاد کنید HTTP POST - Create a new shopping list

  • HTTP POST - بخش مشتری HTTP POST - The client part

  • شبکه و مسیریابی Networking & routing

  • شبکه و مسیریابی Networking & routing

  • کنترل کننده آیتم را اضافه کنید Add item controller

  • کنترل کننده آیتم را اضافه کنید Add item controller

  • موارد را به یک لیست اضافه کنید - یک درخواست POST دیگر Add items to a list - another POST request

  • افزودن موارد به یک لیست - بخش مشتری Add items to a list - The client part

  • افزودن موارد به یک لیست - بخش مشتری Add items to a list - The client part

  • HTTP PUT - موارد را خاموش کنید HTTP PUT - Check items off

  • HTTP PUT - بخش مشتری (1) HTTP PUT - The client part (1)

  • HTTP PUT - بخش مشتری (1) HTTP PUT - The client part (1)

  • HTTP PUT - بخش مشتری (2) HTTP PUT - The client part (2)

  • HTTP PUT - بخش مشتری (2) HTTP PUT - The client part (2)

  • HTTP DELETE - موارد را از لیست حذف کنید HTTP DELETE - Remove items from a list

  • HTTP DELETE - بخش مشتری HTTP DELETE - The client part

  • HTTP DELETE - بخش مشتری HTTP DELETE - The client part

  • خلاصه Summary

  • آزمون وب سرویس Web Service Quiz

پایداری با Entity Framework Persistence with Entity Framework

  • معرفی Introduction

  • آماده سازی و یک کنترلر جدید Preparations & a new controller

  • HTTP GET - دریافت لیست خرید از پایگاه داده HTTP GET - Receive a shopping list from the database

  • HTTP POST - یک لیست خرید ایجاد کنید HTTP POST - Create a shopping list

  • HTTP PUT - موارد را خاموش کنید HTTP PUT - Check items off

  • خلاصه Summary

پایداری با Entity Framework Persistence with Entity Framework

  • معرفی Introduction

  • معرفی Introduction

  • آماده سازی و یک کنترلر جدید Preparations & a new controller

  • اولین مهاجرت کد Code first migration

  • اولین مهاجرت کد Code first migration

  • HTTP GET - دریافت لیست خرید از پایگاه داده HTTP GET - Receive a shopping list from the database

  • HTTP POST - یک لیست خرید ایجاد کنید HTTP POST - Create a shopping list

  • دستکاری تاریخچه مرورگر Manipulating the browser history

  • دستکاری تاریخچه مرورگر Manipulating the browser history

  • HTTP POST - موارد را به لیست اضافه کنید HTTP POST - Add items to a list

  • HTTP POST - موارد را به لیست اضافه کنید HTTP POST - Add items to a list

  • HTTP PUT - موارد را خاموش کنید HTTP PUT - Check items off

  • HTTP DELETE - موارد را از لیست حذف کنید HTTP DELETE - Remove items from a list

  • HTTP DELETE - موارد را از لیست حذف کنید HTTP DELETE - Remove items from a list

  • خلاصه Summary

  • خلاصه Summary

انتشار Publish

  • مقدمه و آماده سازی Introduction & preparation

  • یک پایگاه داده جدید با SQL Server Management Studio ایجاد کنید Create a new database with SQL Server Management Studio

  • با ویژوال استودیو منتشر کنید Publish with Visual Studio

  • خلاصه Summary

انتشار Publish

  • مقدمه و آماده سازی Introduction & preparation

  • یک پایگاه داده جدید با SQL Server Management Studio ایجاد کنید Create a new database with SQL Server Management Studio

  • توسعه وب با خدمات اطلاعات اینترنتی (IIS) Web Deploy with Internet Information Services (IIS)

  • توسعه وب با خدمات اطلاعات اینترنتی (IIS) Web Deploy with Internet Information Services (IIS)

  • با ویژوال استودیو منتشر کنید Publish with Visual Studio

  • خلاصه Summary

  • خلاصه Summary

نمایش نظرات

آموزش برنامه تک صفحه ای با ASP.NET و jQuery Hands-On
جزییات دوره
3.5 hours
50
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
4,258
4.8 از 5
دارد
دارد
دارد
Patrick God
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Patrick God Patrick God

برنامه نویس و معلم پرشور نرم افزار