We’re already using the Bootstrap library, so we should use it fully to add some polish and pizzazz to our application layout.
- [Instructor] Today we will be going over the second video…in section four, Creating Responsive User Interfaces,…Styling with Bootstrap.…In this video we will use the Bootstrap panels' objects,…and the styling that comes with it,…to give our application and our snippets…a real nice look and feel.…We'll add some buttons, instead of links,…to give it that polished look,…and then we'll do some basic UI clean up,…to make sure that everything looks nice…and balanced on the page.…So taking a quick look at the Bootstrap documentation,…we can see here a Panel with heading.…Okay, and we want our UI to look similar to this,…so each snippet will have an nice title to it,…and a nice content section inside of it.…
Here's what the CSS or the HTML looks like,…with the different classes, you can see the panel,…panel-heading, and panel-body.…So we're gonna go ahead and use that…inside of our own application.…So inside of our tmpl-snippets.html file,…inside of our snippet template,…we're gonna go ahead and declare a div,…and we're gonna give it a lot of different classes.…
Meteor is an incredibly powerful, impossibly fun platform for building responsive web and mobile applications. Meteor uses modular components, full-stack reactivity, and data on the wire, leading the charge toward truly effective application development.
Learning Meteor Application Development will get you up and running on the Meteor platform and on your way to creating web and mobile applications in hours instead of weeks. By taking advantage of all of Meteor's capabilities, you can take your development skills to the next level and build those "killer apps" you've been dreaming about.
Author Isaac Strack begins by installing Meteor, configuring the development environment, and building a baseline application. Then he shows how to create a full-stack application and build a simple, elegant, and data-reactive interface. He connects that UI to back-end services by creating a MongoDB data collection, Meteor DDP services, and a RESTful API. Finally, you'll learn how to test the application and deploy it to Meteor's servers or to a customized production environment, to show it off to the world.
- Setting up Meteor
- Creating your first app with Meteor
- Displaying collections
- Adding content through user input
- Securing your app
- Creating web and REST services
- Creating a responsive UI
- Deploying a Meteor app