Extending Bootstrap with CSS, JavaScript, and jQuery
English | Size: 703.43 MB (737,595,831 Bytes)
Category: CBTs
This course will use a step-by-step approach for showing the student how to build several UI widgets using HTML, HTML5, CSS/CSS3, and Bootstrap. The overall project for this course is a simple Music Site that shows how to build all these UI widgets. There will be step-by-step demos for each module to illustrate the concepts of building custom UI widgets. We will use Visual Studio 2013 to build the HTML, however, any editor can be used as we will not be using any Microsoft-specific technology. The concepts in this course can be applied equally to PHP, MVC, Web Forms, or any web development system. At the end of the course the student will have built several ready-to-use UI widgets they can incorporate into their own web projects right away.
Course Introduction
3m 1s
Course Introduction 0m 40s
Course Audience and Pluralsight Courses to Help You 0m 43s
Course Outline 1m 37s
Create Left (Sidebar) Navigation
35m 58s
Module Introduction 0m 44s
Introduction to Simple Left Navigation 1m 2s
Building the HTML for Our Left Navigation 4m 39s
Styling the Left Navigation 8m 20s
Adding a Media Query 3m 6s
Add Transitions for Visual Interest 2m 58s
Transition to Icons on Small Devices 7m 43s
Left Navigation with Accordions 6m 46s
Module Summary 0m 36s
Build Custom Dashboard Widgets
47m 12s
Module Introduction 0m 45s
Introduction to Summary Blocks 3m 11s
Build Summary Blocks Step-by-Step 9m 59s
Introduction to Summary Blocks Themes 1m 32s
Theme Summary Blocks 6m 23s
Introduction to Readme Boxes 1m 1s
Build Readme Box Step-by-Step 6m 10s
Adding More Styles for Readme Box 2m 54s
Theme Readme Boxes 4m 13s
Add a New Page with Readme Boxes 5m 39s
Stopping Transitions When Moving From Page to Page 4m 19s
Module Summary 0m 59s
Extending Check Boxes and Radio Buttons
26m 26s
Module Introduction 0m 39s
Using Bootstrap Check Boxes 4m 5s
Check Boxes in a Button 3m 20s
Check Boxes in a Button Group 3m 18s
Toggle Glyphs in Check Boxes Using jQuery 5m 48s
Radio Buttons in Button Groups and Toggling Glyphs 8m 11s
Module Summary 1m 3s
Custom Product Selectors
38m 35s
Module Introduction 0m 42s
Introduction to Product Selectors 1m 34s
Build a Product Selector 5m 42s
Styling the Product Selector 2m 22s
Write jQuery to Toggle Product Selector 2m 25s
Intro to Making Your Product Selector More Generic 1m 58s
Create JavaScript Objects for More Generic Code 6m 0s
Intro to Calculating Totals 3m 15s
Create Product Total Area 2m 42s
Write jQuery to Calculate Running Totals 6m 13s
Generic Total Calculation and Final Sample 4m 49s
Module Summary 0m 47s
Customizable Bootstrap Accordions
30m 43s
Module Introduction 0m 37s
Adding Glyphs to Accordions 8m 10s
Introduction to Adding Glyphs Programmatically 1m 46s
Add Glyphs to Accordion Using jQuery 4m 24s
Change Glyphs Using jQuery 4m 5s
Use ‘data-‘ Attributes for Generic Coding 1m 32s
Adding ‘data-‘ Attributes to Accordions 3m 33s
Handling Different Accordions 1m 17s
Making the jQuery Generic for Multiple Accordions 4m 32s
Module Summary 0m 43s
Let Your User Know Something Is Happening
17m 37s
Module Introduction 0m 44s
Disable Button and Change Text 2m 53s
Adding a Pop-up Message 4m 44s
Gray Out the Background 2m 11s
Add a Spinner 4m 57s
Module Summary 0m 50s
Course Summary 1m 15s
DOWNLOAD:
http://rapidgator.net/file/76a06e548ac5fadf75fa721a0a0dab68/Pluralsight-ExtendingBootstrapWithCSSJavaScriptAndJQuery.part1.rar.html
http://rapidgator.net/file/04dc1646cfeb1eab82d42dbd0dfb76c5/Pluralsight-ExtendingBootstrapWithCSSJavaScriptAndJQuery.part2.rar.html
http://nitroflare.com/view/27DB85E3206CD40/Pluralsight%E2%80%93ExtendingBootstrapWithCSSJavaScriptAndJQuery.part1.rar
http://nitroflare.com/view/26AA12F4D9959CE/Pluralsight%E2%80%93ExtendingBootstrapWithCSSJavaScriptAndJQuery.part2.rar
If any links die or problem unrar, send request to http://goo.gl/aUHSZc
Leave a Reply