Building Mobile Web Sites Using Web Forms, Bootstrap, and HTML5

WEBRip | English | MP4 | 1024 x 768 | AVC ~990 kbps | 15 fps

AAC | 101 Kbps | 44.1 KHz | 2 channels | 4h 25mn | 1.14 GB

Genre: eLearning Video / Development, Programming

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.

Most of us build typical business web sites using ASP.NET Web Forms. We are now being asked to build these as mobile-aware web sites. Using Bootstrap is a great place to start and Web Forms can do all of this - without having to learn MVC. This course will teach you how to build business applications using Web Forms, Bootstrap, HMTL5 and CSS3. You will be shown how to create standard business pages such as a Member Log In, Forgot Password, Member Sign Up, About, Contact Us, Address, Member Profile, Credit Card, and many others. You will also learn how to create navigation for your business application.

Content:

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