• Post category:StudyBullet-14
  • Reading time:16 mins read


Easily learn ASP .Net Web Form from scratch for beginners Html, CSS, SQL ADO. Net

What you will learn

3 course + 30 hours – ASP .Net web forms, Html, css , SQL in asp .net , ADO .Net

Multiple real world projects to learn web design

Learn both Html & ASP. Net Web form

Design main menu, header & footer

Responsive web page with flex

Using SQL in ASP. net website

Searching SQL data in website

Amazing CardView staff list website

Using Cookie, Session & Query String

Basics of Ajax in ASP .Net

Description

Hi There!

With my 23 years programming skills I’m with you to share my knowledge with you.

So

If you try you will be a Pro website designer!


Get Instant Notification of New Courses on our Telegram channel.


If you are beginners or student looking for a tutorial that teach web design with real project in simplest way!

If you want really to be a programmer so it’s best place that you can start to learn Asp. net.

This course includes :

  • Start using C# and ASP. Net web forms with Visual Studio 2019 | 2022 From Scratch
  • Multiple real world projects to learn web design
  • Learn both Html & ASP. Net Web form
  • Html inspector to learn design of websites
  • CSS styles : inline, internal & stylesheet
  • MasterPage to design pro websites
  • Design main menu, header & footer
  • Responsive web page with flex
  • Using SQL in ASP. net website
  • Searching SQL data in website
  • Using Cookie, Session & Query String
  • Amazing CardView staff list website
  • Debugging and PostBack
  • Ajax in ASP .Net
  • ASP controls: GridView, Label, Textbox
  • Html tags like: table, p, span, headings,…
  • Using image in html
  • Padding and margin in html css
  • Using the headings in html: H1, H2 & H6
  • and …

Don’t hesitate to start learning Web design by C#, Asp. net, Html, CSS, Flex and SQL!

English
language

Content

Introduction

Introduction

Installing Visual Studio 2022

Visual Studio 2022 requirements
Download Visual Studio 2022 for Windows 10
Install Visual Studio 2022 and Asp. Net on Windows 10

Basics: First web site

Create new Asp.Net project with .NetFramework
Customizing the Visual studio environment
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

Basics: Start Html

What is the 2nd website?
Create the Asp.Net project for second website
Structure of Asp.Net and html websites
Using html inspector in browser

Basics: Html table Element

Structure of table element in html
Using the table, tr,td in asp.net and html website
Adding table as the layout of web page

Basics: CSS Styles & Html Elements

What is style and css?
Inline style to change background color
Adding text and using font style in css
Image in html and set width and height style
Text alignment, indent, line-height, letter spacing in CSS
Image with round corner in page
Padding and margin in html css
Headings in html: H1, H2 … H6
Adding link to image or text using anchor tag or β€˜a’ in html
Adding hyperlink to image and text with Visual studio tools
Hyperlink styles in html
Adding the border to html elements
Border spacing and collapse in htmlv
Removing the unused space in the webpage

Basics: Master Page in 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
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

Design header layout by html table
Adding logo inside the header
Adding vertical bar in the header
Using html span to add linked-text to header
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
Change Pop out image for menu items
Finalize header and menu
What is the sitemap path control in Asp. Net?
Add sitemap path and using it by Asp.net sitemap
Common properties of sitemap path control
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: Internal CSS Style in Html

Start internal CSS style & Id selector
Class selector in internal CSS style
Order of styles – Using style by ASP.Net controls
Type selector in internal CSS style

Adv: Pseudo-class Selector in CSS Style

Using Pseudo-class selector in CSS style
Animated image button by Pseudo-class
Animated button by anchor tag & Pseudo-class

Adv: select and ul Element in html

Design the structure of second row of footer
Using html select tag
Using ul tag in html

Adv: Using p Tag to Design Home Page

Using html paragraph tag to design home page
Using styles to home page elements

Adv: Responsive Web Page by Flex

What is a responsive website and flex?
Start using flex and create sample project
Using Flex container styles
Using Flex item styles
Design the web page
Turn web page to responsive by Flex
Design second part of responsive web page
Design responsive metro section
Turn metro section to responsive by Flex

Adv: Stylesheet & External CSS Styles

What is the stylesheet or external css style?
Using stylesheets by simple project
Using stylesheets in real world project

Quick Review of SQL Server

Who should watch this section!
Download & install SQL 2014 on Windows 10 and Windows 7
Start using SQL server and SSMS
Working with SQL database
Using SQL Server configuration manager
Using SQL Server Table
SQL Numeric Data types
SQL English Text Data types
SQL Unicode Text Data types
GUID datatype in SQL
How to Attach, Detach and oƊine the SQL database
Identity and Auto Increment Column in SQL Server
SQL Date Time Data types
Project => Create “Phone Book” database in SQL
Select Query In SQL
Searching data by where clause

SQL in Web: Using SQLDataSource

Structure of using SqlDataSource in Asp.Net
Create SQL database for Staƈ List
Create WebSite 4 project for Staƈ List
Connecting to SQL database by SQLDataSource

SQL in Web: Using GridView

Using GridView by SQLDataSource
Styles of GridView control
Manage columns on GridView control
Adding “Delete” and “Edit” button in GridView
Show staff image in Gridview
Customize date format in GridView

SQL in Web: Searching Data by Textbox

Designing the search page by textbox
Responsive search page by flex
Structure of query string and usages
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
Project: Using postback & query string to load last searched item

Pro: Session in Asp.Net

What is session and it’s usages?
Saving value in session by C#
Loading value from session by C#
Project: Using session by SQLDataSource to search data

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#
Project: Using cookie by SQLDataSource to search data

ADO.Net : Starting ADO.Net and SQL

Structure of ADO.Net for using database in web
Create ASP.Net project and SQL database for ADO.Net
Adding Connection,Dataset,TableAdapter & datatable
Deeper look in Dataset,TableAdapter,Datatable ,…

ADO.Net: ObjectDataSource and SQL

Using ObjectDatasource with sql database
Bind Gridview to ObjectDatasource to show data
Searching SQL data by ObjectDataSource

ADO.Net: Manual Binding by C# Code

C# code to load SQL data in asp.net
Show data in Gridview by C# code
Searching SQL data by C# code

Project: Amazing Cardview Staff List

Create CardView project in ASP. Net
Connecting SQL database to project by ADO.Net
Design structure of cardview
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
Finalize cardview project
Put cardview styles in stylesheet file

Pro: Basics of Ajax in ASP.Net

What is Ajax?
Create new ASP.Net project to learn Ajax
Main parts of Ajax
Add the Ajax to our simple project