New to Meteor? Start here. Meteor is a full-stack framework for building real-time JavaScript web applications.
Switch branches/tags
Nothing to show
Clone or download
Latest commit 49d5a21 Dec 7, 2015
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.meteor Initial Commit. Mar 4, 2014
README.md update readme Sep 11, 2015
todos.html Updated for {{>loginButtons}} Nov 21, 2014
todos.js Initial Commit. Mar 4, 2014
todos.less Initial Commit. Mar 4, 2014

README.md

Class: Getting Started with Meteor

Meteor
Get Started

New to Meteor? Start here. Meteor is a full-stack framework for building real-time JavaScript web applications. In this class we'll start by looking at key Meteor technologies. Then, we'll install Meteor, look at the package system and finally build a simple application so you can see the technologies in action.

What's in this class?

  • What is Meteor? - If you're completely new to Meteor start here. In this video we'll tour the the main Meteor technologies. I'll illustrate the key components on the client (browser) and the server that make Meteor a full-stack framework. This video will give you a sense of the tools available for you to build an app, and provide a mental map for learning Meteor in depth.

  • Getting Set Up - In this video we will install Meteor NodeJS. We'll also look at two code editors and explore the Chrome debugging interface.

  • Using Git, Github and Meteor Versions - In this video I'll show you around Git and Github. Then you'll see two ways to run your application with different versions of Meteor. For example, you may want to follow along with a development branch of Meteor or try out a release candidate.

  • Build a Simple Application Part 1 - In the next few videos we'll build a simple todos application together. The idea is to get you familiar with building applications with Meteor. In this video we will explore the development environment, writing client/server code, creating a collection, html templates and template helpers.

  • Build a Simple Application Part 2 - Now that we have a simple application running it's time to add some styling and more user interface. In this video we'll add the bootstrap css framework for styling. Then we'll implement the feature for completing todos by adding some new template helpers and an event handler. You'll see how to update a record using the Minimongo browser database. Finally, we'll add the ability to create new todos and see how many todos you've completed in a reactively updating interface.

  • Build a Simple Application Part 3 - So far we've been getting our data from the server for "free". In this video we'll see how the Meteor publish and subscribe system works by removing the autopublish package and publishing the data ourselves. You'll also get a glimpse of the DDP protocol that Meteor uses to exchanges messages over the "wire."

  • Build a Simple Application Part 4 - We'll wrap up our application by adding user accounts and login, securing our publish function and finally, securing writes to our todos collection.

  • What's Next? - Now that we've built a simple application together, you're ready to move on to more advanced topics. Next month, I'll show you the EventedMind application, and we'll expand our todos application to include advanced project layout, publish functions and routing.