It's a mobile phone world.
And a tablet world. And a laptop world. The fact is, it's a multi-screen world and your web sites and applications have to live in it.
Perhaps, you're looking for an easy way to implement the principals of responsive design in your own work. Perhaps, you want an easy mobile-first framework to wrap around your own work. Or, maybe, you just want to learn the right way to do things in a multi-screen world.
From the screen in your users' pockets to the giant 4K desktop screen, your apps and web sites have to look good everywhere-- but how does someone create for such varied screen sizes and resolutions--
The answer is Bootstrap.
Bootstrap is a visual, client-side framework that lets you build gorgeous mobile apps and build those into full screen-compliant applications. And, if you're going to learn Bootstrap, there is no better way then from our course Bootstrap Responsive Design.
In this course expert developer and master instructor Mark Lassoff will take you from the very fundamentals of development with Bootstrap to applying techniques like Grids and Navigation bars.
If you're serious about responsive design, then you need Bootstrap. And, if you're serious about learning Bootstrap you need Bootstrap Responsive Design from LearnToProgram.tv-- Over 500,000 online students can't be wrong
Get started quickly and make your first Bootstrap app.
Including the Bootstrap libraries allows you to access all Bootstrap features. You'll learn how in this video lecture.
A good starter template will make it easy to use Bootstrap for every project you start. Mark explains in this video.
Bootstrap themes can be used to skin you Bootstrap apps and give them a unique look. You'll learn more about themes in this video.
Central to Bootstrap is the concept of the container. You'll learn about containers and fluid containers in this video lecture.
There is a world of custom components for Bootstrap. Mark will introduce you to them and show you how one works in this video.
Much of the 'magic' of Bootstrap involves the grid. The Bootstrap grid allows you to design once and display accurately across a variety of screen sizes and resolutions.
Understanding how grids transition from stacked (mobile) to horizontal is critical to understanding how Bootstrap works.
You'll learn how to create grids that work on both mobile and tablet devices as Mark codes an example.
You'll learn to create a grid that works not only on mobile and tablet, but also on desktop devices.
Bootstrap manages typography well. You'll learn some basic typography tags in this video.
Mark will demonstrate more typographical tags in this video.
You'll learn how to align text, use text transformations and utilize abbreviations in this video lecture.
Bootstrap does some neat things with HTML lists. You'll see a demonstration in this video lecture.
You'll learn about some unique typographical formats you can use with Bootstrap in this video lecture.
Mark creates a basic table styled by Bootstrap.
You'll learn to create a basic table with striped rows in this video lecture.
You'll create a neat, clean table with visible borders in this section of the course.
A hover table interacts with the user as they mouseover various segments of the table. Mark demonstrates in this video.
Bootstrap tables can be made to be responsive. You'll learn how in this video lecture.
Bootstrap styles your form controls so they are usable across a multitude of screen sizes and resolutions.
Bootstrap can also be used to style various types of text inputs and make them usable.
Form groups can make your forms look more interesting and be more usable at the same time.
Your forms can work with your Bootstrap grid to be usable across many different sized screens.
Bootstrap has classes that can be used to style images. You'll learn how in this section of the course.
Responsive images adjust for screen size. They are an important facet of responsive design.
When you have a lot of content and a small screen size, collapsibles can be great to hide content until it's needed by the user.
An accordion is stack of collapsibles that allow you to hide and categorize content. It's a great way to display lots of information on mobile devices.
Bootstrap makes good looking navigation bars easily. You'll examine the code with Mark in this video.
Easily add dropdowns to your navigation bars in this video lecture.
Navigational bars can contain both buttons and forms in Bootstrap. You'll learn how to implement in this video.
An image carousel is a common way to display a number of images in Bootstrap. Easy to code, Mark demonstrates in this video.
Easily add captions to your image carousels.
LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram's valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses.
With a mission of “teaching the world to code" LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace.
With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company's most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.
The company is based outside of Hartford, Connecticut.