آموزش طراحی وب سریع ASP .NET Core 6 & MVC برای مبتدیان مطلق

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

معرفی Introduction

• معرفی این دوره Introduction to this course

• فایل های پروژه این دوره را دانلود کنید Download project files of this course

فایل های پروژه این دوره را دانلود کنید Download project files of this course

• ASP.NET Core در مقابل ASP.NET ASP.NET Core Vs ASP.NET

• انواع پروژه ASP.NET Core ASP.NET Core project types

• پروژه جدید MVC را در ASP.Net Core ایجاد کنید Create new MVC project in ASP.Net Core

• ساختار وب سایت MVC در ASP.net cor Strucure of MVC website in ASP.net cor

• وب سایت MVC را توسط وب سرویس بسازید و اجرا کنید Build and run MVC website by web serve

• فایل ها و پوشه های مختلف داخل MVC C Different files & folders inside MVC C

کنترل کننده Controller

• ساختار فایل ها و پوشه های کنترلر Structure of Controller files & folder

• ایجاد پروژه جدید MVC خالی Creating new empty MVC project

• نصب کد مولد داربست برای Install scaffolded code generator for

• اضافه کردن کنترلر به پروژه جدید Adding Controller to new project

مشاهده، اقدام View , Action

• View در MVC Core چیست؟ What is the View in MVC Core?

• افزودن Views به پروژه MVC Adding Views to MVC project

• اکشن در MVC Core چیست؟ What is the Action in MVC Core?

• افزودن Actions به پروژه MVC Adding Actions to MVC project

مسیریابی Routing

• مسیریابی در MVC Core چیست؟ What is the Routing in MVC Core?

• افزودن مسیریابی به پروژه MVC Adding Routing to MVC project

چیدمان در هسته MVC Layout in MVC core

• Layout در MVC Core چیست؟ What is the Layout in MVC Core?

• اضافه کردن طرح ساده به MVC Adding simple layout to MVC

• نام طرح و مکان را تغییر دهید Change layout name & location

موضوعات پیشرفته در Mvc Core Advance Topics in Mvc Core

• ViewStart در MVC Core چیست؟ What is the ViewStart in MVC Core?

• TagHelpers: بین نماها حرکت کنید TagHelpers : navigate between views

• ViewImports: بین نماها حرکت کنید ViewImports : navigate between views

• ViewBag: انتقال داده ها و تغییر صفحه ViewBag : Transfer data & change page

• ViewData: انتقال داده ها و تغییر صفحه ViewData : Transfer data & change page

بررسی سریع SQL Server Quick Review of SQL Server

• چه کسی باید این بخش را تماشا کند؟ Who should watch this section?

• SQL 2014 را در ویندوز 10 و ویندوز 7 دانلود و نصب کنید Download & install SQL 2014 on Windows 10 and Windows 7

• شروع به استفاده از سرور SQL و SSMS کنید Start using SQL server and SSMS

• کار با پایگاه داده SQL Working with SQL database

• با استفاده از SQL Server Configuration Manager Using SQL Server configuration manager

• استفاده از جدول SQL Server Using SQL Server Table

• انواع داده های عددی SQL SQL Numeric Data types

• انواع داده های متن انگلیسی SQL SQL English Text Data types

• انواع داده های متنی SQL Unicode SQL Unicode Text Data types

• نوع داده GUID در SQL GUID datatype in SQL

• نحوه پیوست کردن، جدا کردن و آفلاین پایگاه داده SQL How to Attach, Detach and offline the SQL database

• ستون شناسایی و افزایش خودکار در SQL Server Identity and Auto Increment Column in SQL Server

• پروژه => پایگاه داده "دفتر تلفن" را در SQL ایجاد کنید Project => Create "Phone Book" database in SQL

• Query در SQL را انتخاب کنید Select Query In SQL

• جستجوی داده ها در SQL Search data in SQL

Entity Framework با پایگاه داده SQL Entity Framework with SQL Database

• Entity Framework چیست؟ What is Entity Framework?

• ساختار چارچوب نهاد Structure of Entity Framework

• روش اول پایگاه داده در Entity Framew Database first method in Entity Framew

• ایجاد پایگاه داده نمونه Create sample database

• داده های نمونه را به پایگاه داده اضافه کنید Add sample data to database

• ایجاد پروژه جدید و نصب NuGet Create new project & installing NuGet

• تولید مدل ها و DbContext Generating Models and DbContext

• ایجاد کنترلر و نماها Generating Controller and Views

• DbContext را ثبت کنید و وب سایت را اجرا کنید Register DbContext and run Web site

• رشته اتصال ایمن Secure connection string

بررسی سریع بوت استرپ Quick Review of bootstrap

• چه کسی باید این بخش را تماشا کند؟ Who should watch this section?

• فایل های پروژه این بخش را دانلود کنید Download project files of this section

• کد Bootstrap 5 و Visual Studio را روی Win 10 نصب کنید Install Bootstrap 5 & Visual Studio code on Win 10

• اولین پروژه در Vs Code و BootStrap First project in Vs Code and BootStrap

• قطعات اصلی بوت استرپ و ظروف Main parts of bootstrap and containers

• نقاط شکست در بوت استرپ چیست؟ What is breakpoints in bootstrap?

• ظرف پیش فرض Default container

• ظرف مایع Fluid container

• ظرف پاسخگو Responsive container

• سیستم گرید در بوت استرپ برای صفحه وب پاسخگو Grid system in bootstrap for responsive webpage

• سفارشی کردن عرض ستون در شبکه Customize column width in grid

• سرفصل ها و تایپوگرافی اولیه Headings and basic typography

• رنگ پشت ویرایشگر کد Vs را تغییر دهید Change back color of Vs code editor

• رنگ متن - رنگ پشت Text color - Back color

• بالشتک و حاشیه ساده Simple padding and margin

• بالشتک و حاشیه پاسخگو Responsive padding and margin

• حاشیه ها در بوت استرپ Borders in bootstrap

• تصویر گرد - گوشه های گرد Round image - Rounded corners

• تراز افقی متن Horizontal text alignment

• نمایش: درون خطی و بلوک Display : inline and block

• ابزارهای متنی Text utilities

• اندازه: عرض و ارتفاع عناصر Sizing: Width and height of elements

• پروژه: قسمت اول طراحی در کد Vs Project: Design First part in Vs code

• پروژه: افزودن ویدیوی پاسخگو YouTube Project: Add Responsive YouTube video

• پروژه: تصویر واکنش گرا Project: Responsive image

• پروژه: استفاده از تصویر واکنش گرا Project: Using responsive image

• دکمه ها در بوت استرپ Buttons in bootstrap

• پروژه: با استفاده از دکمه بوت استرپ Project: Using bootstrap button

• پروژه: Navbar یا TopMenu در بوت استرپ Project: Navbar or TopMenu in bootstrap

• پروژه: Navbar پاسخگو طراحی کنید Project: Design responsive Navbar

Views & Actions in Entity Framework 11 Lectures Views & Actions in Entity Framework 11 Lectures

• طراحی غواصی عمیق نمای «شاخص». Deep diving design of ‘Index’ view

• استفاده از «Html.DisplayNameFor» Using ‘Html.DisplayNameFor’

• استفاده از «Html.DisplayFor» برای نمایش داده‌ها Using ‘Html.DisplayFor’ to show data

• سفارشی کردن چیدمان وب سایت Customize Layout of website

• اقدام «شاخص» غواصی عمیق در کنترلر Deep diving ‘Index’ Action in Controller

• طراحی غواصی عمیق از نمای «جزئیات». Deep diving design of ‘details’ view

• عملکرد "جزئیات" در کنترلر ‘Details’ Action in Controller

• طراحی نمای «حذف». Design of ‘Delete’ view

• عمل غواصی عمیق نمای "حذف". Deep diving Action of ‘Delete’ view

• غواصی عمیق نمای «ایجاد». Deep diving of ‘Create’ view

• نمای «ویرایش» غواصی عمیق ‘Edit’ view Deep diving