آموزش فرم وب سریع ASP .Net برای مبتدیان Html, CSS, SQL ADO. خالص

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

معرفی Introduction

• معرفی Introduction

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

نصب ویژوال استودیو 2022 Installing Visual Studio 2022

• الزامات ویژوال استودیو 2022 Visual Studio 2022 requirements

• دانلود Visual Studio 2022 برای ویندوز 10 Download Visual Studio 2022 for Windows 10

• Visual Studio 2022 و Asp را نصب کنید. Net در ویندوز 10 Install Visual Studio 2022 and Asp. Net on Windows 10

مبانی: وب سایت اول Basics: First web site

• پروژه Asp.Net جدید با NetFramework ایجاد کنید Create new Asp.Net project with .NetFramework

• شخصی سازی محیط ویژوال استودیو Customizing the Visual studio environment

• ساختار وب سایت Asp.Net و فایل های داخل آن Structure of Asp.Net website and files inside it

• افزودن صفحه وب جدید و اجرای آن برای اولین بار Adding new web page and running it for the first time

• نمای طراحی وب سایت را سفارشی کنید Customize the design view of website

اصول اولیه: Html را شروع کنید Basics: Start Html

• وب سایت دوم چیست؟ What is the 2nd website?

• پروژه Asp.Net را برای وب سایت دوم ایجاد کنید Create the Asp.Net project for second website

• ساختار وب سایت های Asp.Net و html Structure of Asp.Net and html websites

• استفاده از html inspector در مرورگر Using html inspector in browser

مبانی: عنصر جدول Html Basics: Html table Element

• ساختار عنصر جدول در html Structure of table element in html

• استفاده از جدول tr,td در asp.net و وب سایت html Using the table, tr,td in asp.net and html website

• اضافه کردن جدول به عنوان طرح صفحه وب Adding table as the layout of web page

مبانی: سبک های CSS و عناصر Html Basics: CSS Styles & Html Elements

• استایل و css چیست؟ What is style and css?

• سبک درون خطی برای تغییر رنگ پس زمینه Inline style to change background color

• اضافه کردن متن و استفاده از سبک فونت در css Adding text and using font style in css

• تصویر در html و تنظیم عرض و ارتفاع سبک Image in html and set width and height style

• تراز کردن متن، تورفتگی، ارتفاع خط، فاصله حروف در CSS Text alignment, indent, line-height, letter spacing in CSS

• تصویر با گوشه گرد در صفحه Image with round corner in page

• padding و margin در html css Padding and margin in html css

• سرفصل ها در html: H1, H2 … H6 Headings in html: H1, H2 … H6

• افزودن پیوند به تصویر یا متن با استفاده از تگ anchor یا 'a' در html Adding link to image or text using anchor tag or ‘a’ in html

• افزودن لینک به تصویر و متن با ابزار ویژوال استودیو Adding hyperlink to image and text with Visual studio tools

• سبک هایپرلینک در html Hyperlink styles in html

• افزودن حاشیه به عناصر html Adding the border to html elements

• فاصله و جمع شدن مرزها در htmlv Border spacing and collapse in htmlv

• حذف فضای بلااستفاده در صفحه وب Removing the unused space in the webpage

مبانی: صفحه اصلی در Asp.Net Basics: Master Page in Asp.Net

• پروژه Asp.Net را برای وب سایت سوم ایجاد کنید Create the Asp.Net project for 3rd website

• صفحه اصلی چیست؟ What is master page?

• افزودن صفحه اصلی و صفحات کودکان Adding the master page and children pages

• استفاده از نگهدارنده محتوا Using content placeholder

• افزودن جدول به صفحه اصلی به عنوان طرح سایت Adding table to master page as the site layout

• نمایش صفحات کودکان در صفحه اصلی و با استفاده از تگ div html Show children pages in master page & using div html tag

• پیمایش بین صفحات توسط دکمه در صفحه اصلی Navigate between pages by buttons in master page

• عنوان صفحه و نحوه اضافه کردن آن Page title and how to add it

مبانی: طراحی هدر وب سایت Basics: Design Website Header

• طراحی هدر با جدول html Design header layout by html table

• اضافه کردن لوگو در داخل هدر Adding logo inside the header

• اضافه کردن نوار عمودی در هدر Adding vertical bar in the header

• استفاده از html span برای افزودن متن پیوندی به هدر Using html span to add linked-text to header

• با استفاده از کنترل برچسب Asp.net Using Asp.net label control

مبانی: منوی اصلی و مسیر نقشه سایت Basics: Main Menu & Sitemap Path

• اضافه کردن منوی اصلی به هدر Adding main menu to header

• افزودن موارد به منو Adding items to menu

• گروهی از سبک ها در منو Group of styles in menu

• سفارشی کردن منو و سبک منو ایستا Customize menu & static menu style

• سبک آیتم های منو استاتیک Static menu items style

• سبک منوی پویا Dynamic menu style

• سبک آیتم منو پویا Dynamic menu item style

• سبک شناور آیتم های منو Hover style of menu items

• تصویر Pop out را برای آیتم های منو تغییر دهید Change Pop out image for menu items

• هدر و منو را نهایی کنید Finalize header and menu

• کنترل مسیر نقشه سایت در Asp چیست. خالص؟ What is the sitemap path control in Asp. Net?

• اضافه کردن مسیر نقشه سایت و استفاده از آن توسط نقشه سایت Asp.net Add sitemap path and using it by Asp.net sitemap

• ویژگی های رایج کنترل مسیر نقشه سایت Common properties of sitemap path control

• سبک های مسیر نقشه سایت در ASP.Net Styles of sitemap path in ASP.Net

مبانی: اضافه کردن پاورقی برای وب سایت Basics: Adding Footer for Website

• شروع به طراحی فوتر در وب سایت کنید Start designing the footer in website

• آیکون های شبکه های اجتماعی را به پاورقی اضافه کنید Add the social networks icons to footer

Adv: سبک CSS داخلی در Html Adv: Internal CSS Style in Html

• انتخابگر سبک CSS داخلی و شناسه را شروع کنید Start internal CSS style & Id selector

• انتخابگر کلاس در سبک CSS داخلی Class selector in internal CSS style

• ترتیب سبک ها - استفاده از استایل توسط کنترل های ASP.Net Order of styles - Using style by ASP.Net controls

• انتخابگر را در سبک CSS داخلی تایپ کنید Type selector in internal CSS style

Adv: انتخابگر شبه کلاس در سبک CSS Adv: Pseudo-class Selector in CSS Style

• استفاده از انتخابگر شبه کلاس در سبک CSS Using Pseudo-class selector in CSS style

• دکمه تصویر متحرک توسط کلاس شبه Animated image button by Pseudo-class

• دکمه متحرک توسط برچسب لنگر و کلاس شبه Animated button by anchor tag & Pseudo-class

Adv: انتخاب و ul Element در html Adv: select and ul Element in html

• ساختار ردیف دوم فوتر را طراحی کنید Design the structure of second row of footer

• با استفاده از تگ انتخاب html Using html select tag

• استفاده از تگ ul در html Using ul tag in html

Adv: استفاده از تگ p برای طراحی صفحه اصلی Adv: Using p Tag to Design Home Page

• استفاده از تگ پاراگراف html برای طراحی صفحه اصلی Using html paragraph tag to design home page

• استفاده از سبک ها در عناصر صفحه اصلی Using styles to home page elements

Adv: صفحه وب پاسخگو توسط Flex Adv: Responsive Web Page by Flex

• وب سایت ریسپانسیو و فلکس چیست؟ What is a responsive website and flex?

• شروع به استفاده از flex کنید و پروژه نمونه ایجاد کنید Start using flex and create sample project

• استفاده از استایل های ظرف فلکس Using Flex container styles

• استفاده از سبک آیتم های Flex Using Flex item styles

• طراحی صفحه وب Design the web page

• با Flex صفحه وب را به پاسخگو تبدیل کنید Turn web page to responsive by Flex

• طراحی قسمت دوم صفحه وب ریسپانسیو Design second part of responsive web page

• طراحی بخش مترو پاسخگو Design responsive metro section

• با Flex بخش مترو را به پاسخگو تبدیل کنید Turn metro section to responsive by Flex

Adv: Stylesheet & External CSS Styles Adv: Stylesheet & External CSS Styles

• استایل شیت یا استایل css خارجی چیست؟ What is the stylesheet or external css style?

• استفاده از شیوه نامه با پروژه ساده Using stylesheets by simple project

• استفاده از شیوه نامه در پروژه دنیای واقعی Using stylesheets in real world project

بررسی سریع 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 oƊine the SQL database

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

• SQL تاریخ زمان انواع داده SQL Date Time Data types

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

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

• جستجوی داده ها بر اساس بند کجا Searching data by where clause

SQL در وب: با استفاده از SQLDataSource SQL in Web: Using SQLDataSource

• ساختار استفاده از SqlDataSource در Asp.Net Structure of using SqlDataSource in Asp.Net

• ایجاد پایگاه داده SQL برای Staƈ List Create SQL database for Staƈ List

• پروژه WebSite 4 را برای Staƈ List ایجاد کنید Create WebSite 4 project for Staƈ List

• اتصال به پایگاه داده SQL توسط SQLDataSource Connecting to SQL database by SQLDataSource

SQL در وب: استفاده از GridView SQL in Web: Using GridView

• استفاده از GridView توسط SQLDataSource Using GridView by SQLDataSource

• سبک های کنترل GridView Styles of GridView control

• ستون ها را در کنترل GridView مدیریت کنید Manage columns on GridView control

• اضافه کردن دکمه "حذف" و "ویرایش" در GridView Adding "Delete" and "Edit" button in GridView

• نمایش تصویر کارکنان در Gridview Show staff image in Gridview

• فرمت تاریخ را در GridView سفارشی کنید Customize date format in GridView

SQL در وب: جستجوی داده ها توسط Textbox SQL in Web: Searching Data by Textbox

• طراحی صفحه جستجو توسط جعبه متن Designing the search page by textbox

• صفحه جستجوی پاسخگو توسط flex Responsive search page by flex

• ساختار رشته پرس و جو و موارد استفاده Structure of query string and usages

• استفاده از query string برای جستجوی داده ها و نمایش در gridview Using query string to search data and show in gridview

• استفاده از رشته کوئری با کد سی شارپ برای جستجوی داده ها Using query string with C# code to search data

• اشکال زدایی کدهای سی شارپ با نقطه شکست Debugging C# codes by breakpoint

• ارسال بک و استفاده از آن توسط کد سی شارپ Postback and using it by C# code

• پروژه: استفاده از postback و query string برای بارگیری آخرین مورد جستجو شده Project: Using postback & query string to load last searched item

حرفه ای: جلسه در Asp.Net Pro: Session in Asp.Net

• Session چیست و کاربردهای آن چیست؟ What is session and it's usages?

• ذخیره مقدار در جلسه با سی شارپ Saving value in session by C#

• بارگیری مقدار از جلسه توسط C# Loading value from session by C#

• پروژه: استفاده از session توسط SQLDataSource برای جستجوی داده ها Project: Using session by SQLDataSource to search data

پروژه: استفاده از session توسط SQLDataSource برای جستجوی داده ها Project: Using session by SQLDataSource to search data

• کوکی و ساختار آن چیست؟ What is the cookie and it's structure?

• ذخیره داده ها در کوکی ها با سی شارپ Saving data in cookies by C#

• بارگیری داده ها از کوکی توسط سی شارپ Loading data from cookie by C#

• پروژه: استفاده از کوکی توسط SQLDataSource برای جستجوی داده ها Project: Using cookie by SQLDataSource to search data

ADO.Net: راه اندازی ADO.Net و SQL ADO.Net : Starting ADO.Net and SQL

• ساختار ADO.Net برای استفاده از پایگاه داده در وب Structure of ADO.Net for using database in web

• پروژه ASP.Net و پایگاه داده SQL را برای ADO.Net ایجاد کنید Create ASP.Net project and SQL database for ADO.Net

• افزودن اتصال، مجموعه داده، آداپتور جدول و جدول داده Adding Connection,Dataset,TableAdapter & datatable

• نگاهی عمیق تر به Dataset,TableAdapter,Datatable,... Deeper look in Dataset,TableAdapter,Datatable ,...

ADO.Net: ObjectDataSource و SQL ADO.Net: ObjectDataSource and SQL

• استفاده از ObjectDatasource با پایگاه داده sql Using ObjectDatasource with sql database

• برای نمایش داده ها، Gridview را به ObjectDatasource متصل کنید Bind Gridview to ObjectDatasource to show data

• جستجوی داده های SQL توسط ObjectDataSource Searching SQL data by ObjectDataSource

ADO.Net: اتصال دستی توسط کد سی شارپ ADO.Net: Manual Binding by C# Code

• کد سی شارپ برای بارگیری داده های SQL در asp.net C# code to load SQL data in asp.net

• نمایش داده ها در Gridview با کد سی شارپ Show data in Gridview by C# code

• جستجوی داده های SQL با کد C# Searching SQL data by C# code

پروژه: لیست کارکنان شگفت انگیز Cardview Project: Amazing Cardview Staff List

• پروژه CardView را در ASP ایجاد کنید. خالص Create CardView project in ASP. Net

• اتصال پایگاه داده SQL به پروژه توسط ADO.Net Connecting SQL database to project by ADO.Net

• ساختار طراحی کارت ویو Design structure of cardview

• قالب طراحی آیتم cardview در html Design template of cardview item in html

• استفاده از کد سی شارپ برای بارگیری قالب مورد از فایل Using C# code to load item template from file

• الگوی اقلام را با داده های واقعی کارکنان جایگزین کنید Replace items template with actual staff data

• مورد تاریخ را قالب بندی کنید و زمان را حذف کنید Format date item and remove the time

• پروژه Carview را نهایی کنید Finalize cardview project

• استایل های کارت ویو را در فایل شیوه نامه قرار دهید Put cardview styles in stylesheet file

حرفه ای: اصول اولیه Ajax در ASP.Net Pro: Basics of Ajax in ASP.Net

• آژاکس چیست؟ What is Ajax?

• پروژه جدید ASP.Net برای یادگیری Ajax ایجاد کنید Create new ASP.Net project to learn Ajax

• بخش های اصلی آژاکس Main parts of Ajax

• Ajax را به پروژه ساده خود اضافه کنید Add the Ajax to our simple project