Bootstrap 3: Advanced Web Development

WEBRip | English | MP4 + Project files | 960 x 540 | AVC ~318 kbps | 15 fps

AAC | 128 Kbps | 48.0 KHz | 1 channel | 3h 20mn | 4.01 GB

Genre: eLearning Video / Web Development, Programming

Generate your own interactive website from scratch with Bootstrap, the mobile-friendly framework from Twitter, in this start-to-finish course with developer and author Ray Villalobos. First, you'll plan and prototype the interface with MindMaps and Balsamiq Mockups. Next, download Bootstrap and dive into organizing your site structure with its scaffolding feature—adding PHP includes to break your code into reusable modules and building in the core navigation. Ray then shows you how to build interactive carousels, modal features, and forms, and control these features with JavaScript. Finally, learn to style it all with LESS and prepare to publish the results online.

Introduction 2m 25s

Introduction 53s

What you should know 50s

Using the exercise files 42s

1. Planning and Setting Up 1h 3m

Planning your site with mind maps 10m 6s

Prototyping your site using mockups 14m 55s

Getting and setting up a Heroku app 7m 15s

Working with a local web server 2m 34s

Downloading components and organizing files 4m 33s

Processing LESS files with CodeKit 5m 53s

Combining and minifying JavaScript files 5m 37s

Creating a baseline template branch with Git 7m 25s

Adding our assets 4m 54s

2. Scaffolding 31m 7s

Scaffolding our main columns 6m 33s

Using PHP includes to modularize our site 4m 4s

Adding basic navigation 3m 27s

Creating a dropdown 4m 19s

Automating dropdowns with jQuery 3m 36s

Activating menu items automatically 3m 25s

Adding footer breadcrumbs 5m 43s

3. Building Main Content 22m 9s

Adding a carousel 4m 36s

Building responsive components 4m 35s

Working with buttons 3m 16s

Adding a photo grid with tooltips 6m 28s

Creating media components 3m 14s

4. Expanding Our Content 20m 45s

Adding the registration info promo 2m 5s

Using modal photos 9m 25s

Creating a carousel 5m 23s

Reusing our photo component 3m 52s

5. Additional Pages 25m 50s

Creating and activating tabs 10m 5s

Using a ScrollSpy component 9m 47s

Enhancing responsive form layouts 5m 58s

6. Finishing Our Application 33m 25s

Editing Bootstrap LESS variables 5m 52s

Adding page and structure LESS styles 8m 48s

Customizing other components with LESS 3m 52s

Styling your ScrollSpy component 6m 32s

Finishing your websites 8m 21s

Conclusion 1m 42s

Next steps 1m 42s