2014
pluralsight
Paul D. Sheriff
4h 25m
English

This course is specifically designed for the Web Forms developer who wants to learn to build modern, responsive, web applications. You can use Bootstrap, HTML5, CSS3, and jQuery within Web Forms.

1. Course Introduction
Introduction
2. Modern Web Apps Using Web Forms and Visual Studio
Introduction to Horizontal Navigation
HTML5 IntelliSense and Options in Visual Studio
Introduction to HTML5 Input Types
HTML5 Input Types Using TextBox Control
New HTML5 Attributes
Using the HTML5 Attributes
HTML Input Instead of TextBox
Using HTML Input Instead of TextBox
jQuery and Web Forms
Demo of jQuery and Web Forms
ViewState is not Always Needed
Disable ViewState Demo
Store ViewState on Server
Demo of ViewState on the Server
Introduction to Friendly URLs
Using Friendly URLs in Web Forms
Summary
3. Creating Horizontal Navigation for Your Application
Introduction to Horizontal Navigation
Building Our First Horizontal Navigation
Responsive Menu
Building a Responsive Menu Demo
Two-Line Navigation
Building a Two-Line Navigation Demo
Adding Drop Down Menus
Drop Down Menu Demo
Pull Menu Right
Pull Menu Right Demo
Add Avatar and Drop Down
Add Avatar and Drop Down Demo
Navigation in Master Page
Navigation in Master Page Demo
Tracking the Active Page
Tracking the Active Page Demo
Summary
4. Creating Sidebar Navigation for Your Application
Introduction to Sidebar Navigation
Simple Sidebar Demo
Sidebar With Accordion
Accordion Sidebar Demo
Island Sidebar
Island Sidebar Demo
Media Queries to Turn Off Side Navigation
Hide Sidebar Navigation Demo
Adding Transitions
Transitions Demo
Switch Between Text and Icons
Switch Between Text and Icons Demo
Top Navigation and Sidebar Together
Top Navigation and Sidebar Demo
Navigation in Master Pages
Master Page Demo
Summary
5. Creating Forms Over Data Pages
Introduction to Forms Over Data
The GridView Control
Making the GridView Responsive
GridView and DetailView Control Together
DetailView Demo
Developing an Input Form
An Input Form Using the Bootstrap Panel Classes
Code Required for an Input Form
Demo of Code for Input Form
GridView Using a Modal Input Form
Demo of a Modal Input Form
The Problem With Tables
An Alternate View of Data
The Repeater Control and Bootstrap
Using the Repeater, Alternate Layout, and Carousel
Using a Dual View Approach
Demo of a Dual View Approach
Summary
6. Standard Business Forms
Introduction to Standard Business Forms
Building a Master Page for Business Forms
The Master Page Sample
Business Forms and the Panel Control
Forgot Password Forms
Login Forms Overview
Login Form Samples
Registration Screens Overview
Registration Screen Samples
Member Profile Screens Overview
Member Profile Samples
Credit Card Screen Overview
Credit Card Screen Sample
Address Screen Overview
Address Screen Sample
Wizard Screen Overview
Wizard Screen Sample
Contact Us Overview
Contact Us Sample
About Us Overview
About Us Sample
Summary
Course Summary

Download File Size:1.12 GB

---