Module: Application Design (Meteor), Part 2

Basics of page display, forms, and routing in Meteor

Learning Outcomes

Design using Meteor Framework

You understand basic principles of Meteor: reactive variables, collections, publications, helpers, templates.
You can develop basic CRUD applications quickly and effectively.
You can implement authentication and authorization.
You can use extensions and templates: Semantic UI, Flow Router, meteor-application-template, meteor-example-form.

Competent with elementary Javascript

You can use basic Javascript constructs: variables, functions, conditionals, loops, arrays, objects.
You can implement object orientation using the ES6 class construct.
You can use the Underscore library to program in a functional manner.

Create high quality technical essays

You demonstrate the ability to write professional-quality technical essays.

Readings

Guided tour of the Meteor (Part 2) module

Why, what, how, and when you will learn about Meteor (Part 2)

Screencast 7 min

meteor-application-template

Template for quickly starting Meteor development projects.

Template code Screencast (27 min)

meteor-example-form

Demonstration Meteor app illustrating simple form processing.

Template code Screencast (19 min)

Meteor Guide: Application Structure

How to structure your Meteor app with ES2015 modules

Meteor Guide: Routing

How to drive your Meteor app’s UI using URLs with FlowRouter

Routing Guide for Meteor Apps

Flow Router documentation by its development group.

zimme:active-route

Defines the helper function isActiveRoute

arillo:flow-router-helpers

Defines helper functions pathFor, subsReady, etc.

Meteor Guide: Collections

How to define, use, and maintain MongoDB collections in Meteor.

Tips for Meteor

Some ways to better manage your Meteor experience

Meteor default application walkthrough

Discussion of the Meteor default app for Meteor newbies

Screencast 20 min

Walkthrough of the Digits application

An explanation of the code in the completed Digits system

Screencast 22 min

BlazeJS

Blaze: A Meteor Template System

Experiential Learning

Enable Handlebars plugin

Install the handlebars plugin into IntelliJ

E42: Digits, Part 1

Install meteor-application-template, create home page mockup

08 Mar 11:30 PM

E43: Digits, Part 2

Create mockup pages for adding and editing address data.

09 Mar 11:30 PM

E44: Digits, Part 3

Create the Contacts collection and sample data, update home page.

11 Mar 11:30 PM

E45: Digits, Part 4

Wire up the Add Contact page

13 Mar 11:30 PM

E46: Digits, Part 5

Wire up the Edit Contact page

15 Mar 11:30 PM

E47: Digits, Part 6

Cleanup your repo by removing Stuff

15 Mar 11:30 PM

Digits Extra Credit

Get better at Meteor using Digits

E48: Reflect on Meteor

Write a technical essay summarizing your initial experience with Meteor.

Technical Essay 23 Mar 11:30 PM