Extending Bootstrap with CSS, JavaScript, and jQuery
Pluralsight
Course Summary
Bootstrap gives us some awesome primitives for creating some good looking user interfaces. However, today's users demand more creative UI widgets. In this course, you will learn to create several UI widgets step-by-step.
-
+
Course Description
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 Syllabus
Course Introduction- 3m 1s
—Course Introduction 0m 40s
—Course Audience and Pluralsight Courses to Help You 0m 43s
—Course Outline 1m 37sCreate 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 36sBuild Custom Dashboard Widgets- 47m 12sExtending Check Boxes and Radio Buttons- 26m 26sCustom Product Selectors- 38m 35sCustomizable Bootstrap Accordions- 30m 43sLet Your User Know Something Is Happening- 17m 37s