Bootstrap 3: Advanced Web Development

with Ray Villalobos
please wait ...
Bootstrap 3: Advanced Web Development
Video duration: 0s 3h 28m Intermediate

Viewers:

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.

Topics include:
  • Prototyping the site
  • Working with a local web server
  • Creating a baseline template with Git
  • Scaffolding the main columns
  • Making the site modular with PHP includes
  • Adding basic navigation
  • Adding a carousel
  • Working with buttons
  • Creating and activating tabs
  • Adding page and structure LESS styles
Subjects:
Developer Web
Software:
Bootstrap
Author:

Introduction

- [Voiceover] Hey there. This is Ray Villalobos. And welcome to Bootstrap 3: Advanced Web Development. In this course, I'm going to show you how to create a website with Bootstrap from scratch, using the 3.0 version of the framework. I'll start by showing you how to plan your sites using Mine Maps. Then I'll show you how to use a rapid prototyping tool like Balsamic. Then we'll examine working with Heroku. I'm also going to show you how to download and install Bootstrap from Github's repository. I'll show you how you can use PHP's include command to break up your site into modules, making them easier to read and update.

I'll take you through adding different interactive features of Bootstrap, like carousels, modals, the scroll spy and a fixed component. And how to customize and control them, using JavaScript. Finally, I'll show you how to style the website using less and CodeKit. There's a lot to learn and a ton to cover. So, let's get started.

please wait ...