Extending Bootstrap with CSS, JavaScript, and jQuery [2015, ENG]
movies, software, shows...
Files
| 01. Course Introduction | |||
| 01_01-Course Introduction.mp4 | 1.03 MB | ||
| 01_02-Course Audience and Pluralsight Courses to Help You.mp4 | 1.24 MB | ||
| 01_03-Course Outline.mp4 | 3.02 MB | ||
| 02. Create Left Sidebar Navigation | |||
| 02_01-Module Introduction.mp4 | 1.16 MB | ||
| 02_02-Introduction to Simple Left Navigation.mp4 | 1.69 MB | ||
| 02_03-Building the HTML for Our Left Navigation.mp4 | 13.99 MB | ||
| 02_04-Styling the Left Navigation.mp4 | 25.66 MB | ||
| 02_05-Adding a Media Query.mp4 | 10.64 MB | ||
| 02_06-Add Transitions for Visual Interest.mp4 | 9.04 MB | ||
| 02_07-Transition to Icons on Small Devices.mp4 | 24.52 MB | ||
| 02_08-Left Navigation with Accordions.mp4 | 22.48 MB | ||
| 02_09-Module Summary.mp4 | 804.5 KB | ||
| 03. Build Custom Dashboard Widgets | |||
| 03_01-Module Introduction.mp4 | 1.22 MB | ||
| 03_02-Introduction to Summary Blocks.mp4 | 5.63 MB | ||
| 03_03-Build Summary Blocks StepbyStep.mp4 | 31.54 MB | ||
| 03_04-Introduction to Summary Blocks Themes.mp4 | 2.68 MB | ||
| 03_05-Theme Summary Blocks.mp4 | 21.79 MB | ||
| 03_06-Introduction to Readme Boxes.mp4 | 1.54 MB | ||
| 03_07-Build Readme Box StepbyStep.mp4 | 20.22 MB | ||
| 03_08-Adding More Styles for Readme Box.mp4 | 8.24 MB | ||
| 03_09-Theme Readme Boxes.mp4 | 13.58 MB | ||
| 03_10-Add a New Page with Readme Boxes.mp4 | 20.16 MB | ||
| 03_11-Stopping Transitions When Moving From Page to Page.mp4 | 14.55 MB | ||
| 03_12-Module Summary.mp4 | 1.31 MB | ||
| 04. Extending Check Boxes and Radio Buttons | |||
| 04_01-Module Introduction.mp4 | 1.16 MB | ||
| 04_02-Using Bootstrap Check Boxes.mp4 | 12.1 MB | ||
| 04_03-Check Boxes in a Button.mp4 | 8.96 MB | ||
| 04_04-Check Boxes in a Button Group.mp4 | 8.51 MB | ||
| 04_05-Toggle Glyphs in Check Boxes Using jQuery.mp4 | 17.87 MB | ||
| 04_06-Radio Buttons in Button Groups and Toggling Glyphs.mp4 | 24.81 MB | ||
| 04_07-Module Summary.mp4 | 1.54 MB | ||
| 05. Custom Product Selectors | |||
| 05_01-Module Introduction.mp4 | 1.13 MB | ||
| 05_02-Introduction to Product Selectors.mp4 | 2.83 MB | ||
| 05_03-Build a Product Selector.mp4 | 21.95 MB | ||
| 05_04-Styling the Product Selector.mp4 | 7.35 MB | ||
| 05_05-Write jQuery to Toggle Product Selector.mp4 | 8.62 MB | ||
| 05_06-Intro to Making Your Product Selector More Generic.mp4 | 3.22 MB | ||
| 05_07-Create JavaScript Objects for More Generic Code.mp4 | 20.51 MB | ||
| 05_08-Intro to Calculating Totals.mp4 | 6.09 MB | ||
| 05_09-Create Product Total Area.mp4 | 10.59 MB | ||
| 05_10-Write jQuery to Calculate Running Totals.mp4 | 21.91 MB | ||
| 05_11-Generic Total Calculation and Final Sample.mp4 | 17.85 MB | ||
| 05_12-Module Summary.mp4 | 1.22 MB | ||
| 06. Customizable Bootstrap Accordions | |||
| 06_01-Module Introduction.mp4 | 1 MB | ||
| 06_02-Adding Glyphs to Accordions.mp4 | 26.65 MB | ||
| 06_03-Introduction to Adding Glyphs Programmatically.mp4 | 3.55 MB | ||
| 06_04-Add Glyphs to Accordion Using jQuery.mp4 | 14.78 MB | ||
| 06_05-Change Glyphs Using jQuery.mp4 | 14.83 MB | ||
| 06_06-Use data Attributes for Generic Coding.mp4 | 2.49 MB | ||
| 06_07-Adding data Attributes to Accordions.mp4 | 14.1 MB | ||
| 06_08-Handling Different Accordions.mp4 | 2.06 MB | ||
| 06_09-Making the jQuery Generic for Multiple Accordions.mp4 | 16.91 MB | ||
| 06_10-Module Summary.mp4 | 936.87 KB | ||
| 07. Let Your User Know Something Is Happening | |||
| 07_01-Module Introduction.mp4 | 1.15 MB | ||
| 07_02-Disable Button and Change Text.mp4 | 8.16 MB | ||
| 07_03-Adding a Popup Message.mp4 | 14.79 MB | ||
| 07_04-Gray Out the Background.mp4 | 6.42 MB | ||
| 07_05-Add a Spinner.mp4 | 14.87 MB | ||
| 07_06-Module Summary.mp4 | 1.2 MB | ||
| 07_07-Course Summary.mp4 | 2.2 MB | ||
| Exercise files | |||
| extendingbootstrapcssjavascriptjquery.zip | 4.13 MB |
Description
Обучающие видео » Компьютерные видеоуроки и обучающие интерактивные DVD » Программирование (видеоуроки)
Extending Bootstrap with CSS, JavaScript, and jQuery
Год выпуска: 2015
Производитель: Pluralsight
Сайт производителя: pluralsight.com
Автор: Paul Sheriff
Продолжительность: 3:19
Тип раздаваемого материала: Видеоурок
Язык: Английский
Описание: 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.
Работа со связкой Boootstrap, HTML5, CSS3, JavaScript, jQuery.
[spoiler="Содержание"]
Course Introduction
Course Introduction
Course Audience and Pluralsight Courses to Help You
Course Outline
Create Left (Sidebar) Navigation
Module Introduction
Introduction to Simple Left Navigation
Building the HTML for Our Left Navigation
Styling the Left Navigation
Adding a Media Query
Add Transitions for Visual Interest
Transition to Icons on Small Devices
Left Navigation with Accordions
Module Summary
Build Custom Dashboard Widgets
Module Introduction
Introduction to Summary Blocks
Build Summary Blocks Step-by-Step
Introduction to Summary Blocks Themes
Theme Summary Blocks
Introduction to Readme Boxes
Build Readme Box Step-by-Step
Adding More Styles for Readme Box
Theme Readme Boxes
Add a New Page with Readme Boxes
Stopping Transitions When Moving From Page to Page
Module Summary
Extending Check Boxes and Radio Buttons
Module Introduction
Using Bootstrap Check Boxes
Check Boxes in a Button
Check Boxes in a Button Group
Toggle Glyphs in Check Boxes Using jQuery
Radio Buttons in Button Groups and Toggling Glyphs
Module Summary
Custom Product Selectors
Module Introduction
Introduction to Product Selectors
Build a Product Selector
Styling the Product Selector
Write jQuery to Toggle Product Selector
Intro to Making Your Product Selector More Generic
Create JavaScript Objects for More Generic Code
Intro to Calculating Totals
Create Product Total Area
Write jQuery to Calculate Running Totals
Generic Total Calculation and Final Sample
Module Summary
Customizable Bootstrap Accordions
Module Introduction
Adding Glyphs to Accordions
Introduction to Adding Glyphs Programmatically
Add Glyphs to Accordion Using jQuery
Change Glyphs Using jQuery
Use 'data-' Attributes for Generic Coding
Adding 'data-' Attributes to Accordions
Handling Different Accordions
Making the jQuery Generic for Multiple Accordions
Module Summary
Let Your User Know Something Is Happening
Module Introduction
Disable Button and Change Text
Adding a Pop-up Message
Gray Out the Background
Add a Spinner
Module Summary
Course Summary
[/spoiler]
Файлы примеров: присутствуют
Формат видео: MP4
Видео: MPEG-4, 1024x768, 4:3, 15fps, 151kbps
Аудио: AAC, 44.1kHz, 110kbps, stereo
[spoiler="Скриншоты"]
[/spoiler]
All Comments