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