Build Your Own Bootstrap3 Business Application Template in MVC
This course will instruct you on how to build your own Bootstrap application template in MVC. Having your own MVC template allows you to create applications quicker and with more features.
What you'll learn
Creating your own Bootstrap template that you can reuse across many applications is simple. In this course, you will build up a collection of components that you build into an MVC application. You will create both horizontal and vertical data-driven menu systems. You will see some jQuery libraries that can add great functionality to your MVC apps. In addition, you will learn when you should use a library and when you should create your own. You will see a collection of cool UI widgets that are much smaller than those you will download on the web. You will see how to create tables that can sort and page data both client-side and server-side. Finally, you will learn to build maintenance pages with search, add, edit, and delete capabilities all on a single page.
Table of contents
- Version Check 0m
- Introduction 1m
- jQuery Libraries and Considerations 1m
- Pre-built Bootstrap Templates Pros and Cons 2m
- Keep It Simple 1m
- Font Awesome Introduction 1m
- Font Awesome Demo 6m
- Bootswatch Introduction 1m
- Bootswatch Demo 2m
- Date Range Picker Introduction 1m
- Date Range Picker Demo 8m
- Input Masks Introduction 1m
- Input Masks Demo 4m
- Summary 1m
- Module Introduction 1m
- Submit Button Introduction 1m
- Submit Button Demo 7m
- Bootstrap Check Box Introduction 2m
- Bootstrap Check Box Demo 4m
- Bootstrap Check Box in a Button Introduction 1m
- Bootstrap Check Box in a Button Demo 3m
- Bootstrap Radio Button Introduction 1m
- Bootstrap Radio Button Demo 2m
- Bootstrap Radio Button in a Button Introduction 1m
- Bootstrap Radio Button in a Button Demo 2m
- Bootstrap/HTML5 Text Box Introduction 2m
- Bootstrap/HTML5 Text Box Demo 5m
- Module Summary 1m
- Module Introduction 2m
- Demo of a Simple Data-driven Menu 3m
- Introduction to Menus with Submenus 4m
- Demo of Mock Data with Submenus 5m
- Introduction to Menus Using XML File 2m
- Demo of Menus Using XML File 10m
- Introduction to Menus Using Database Table 1m
- Demo of Menus Using Database Table 6m
- Module Summary 1m
- Module Introduction 2m
- Demo of a Simple Data-driven Sidebar Menu 3m
- Introduction to Menus with Submenus 4m
- Demo of Mock Data with Submenus 6m
- Introduction to Menus Using XML File 2m
- Demo of Menus Using XML File 8m
- Introduction to Menus Using Database Table 1m
- Demo of Menus Using Database Table 6m
- Module Summary 1m
- Module Introduction 2m
- Summary Block Demo 4m
- Introduction to Theming Summary Block 1m
- Theming Summary Block Demo 2m
- Introduction to a Readme Box 1m
- Readme Box Demo 4m
- Introduction to Drop Down Selectors 1m
- Drop Down Selector Demo 7m
- Using data- Attributes with Drop Down Selectors 2m
- Drop Down Selector with data- Attributes Demo 7m
- Introduction to Panel Add Ons 1m
- Panel Add Ons Demo 6m
- Module Summary 1m
- Module Introduction 1m
- Introduction to Wait Messages 1m
- Demo of a Wait Message by Disabling Save Button 2m
- Introduction to a Pop-up as a Wait Message 1m
- Demo of Pop-up as a Wait Message 3m
- Introduction to Graying Out the Background 1m
- Demo of Graying Out the Background 1m
- Introduction to Generic Wait Message System 1m
- Demo of Generic Wait Message System 4m
- Introduction to Date Range Picker 2m
- Demo of Laying Out a Date Range Picker 1m
- Introduction to Styling a Date Range Picker 1m
- Demo of Styling a Date Range Picker 4m
- Introduction to Adding Date Range Calculations 1m
- Demo of Date Range Calculations in jQuery 4m
- Introduction to Final Date Range Picker Sample 1m
- Demo of Final Date Range Picker Sample 4m
- Introduction to Adding Glyphs to Collapsers 1m
- Demo of Adding Glyphs to Collapsers 3m
- Introduction to Adding Glyphs Programmatically 1m
- Demo of Adding Glyphs Programmatically 4m
- Introduction to Using data- Attributes for Glyphs 1m
- Demo of Using data- Attributes for Glyphs 3m
- Introduction to a Generic Collapser System 1m
- Demo of a Generic Collapser System 3m
- Module Summary 1m
- Module Introduction 1m
- Loading a Table 5m
- Introduction to Sorting a Table in MVC 2m
- Demo of Sorting a Table 9m
- Creating a Pager (Hard-coded) 2m
- Introduction to a Data-driven Paging System 3m
- Demo of a Data-driven Paging System 6m
- Introduction to Paging a Table 2m
- Demo of Paging a Table 6m
- Server-side Paging 5m
- Sorting and Paging 5m
- Paging and Sorting Together - Client-side and Server-side 1m
- Module Introduction 1m
- MVC Scaffold vs. Using a Single Page 3m
- Demo of Search and Grid Area 7m
- Introduction to Adding and Validation 1m
- Demo of Adding and Validation 7m
- Introduction to Editing 1m
- Demo of Editing Records 7m
- Introduction to Deleting 2m
- Demo of Deleting Records and Complete Sample 2m
- The Complete Template 5m
- Module Summary 1m
- Course Summary 1m