1. Home
  2. Modules
  3. Application Design (Meteor), Part 2

Module: Application Design (Meteor), Part 2

Basics of page display, forms, and routing in Meteor

Learning Outcomes

Design using Meteor Framework

Competent with elementary Javascript

Create high 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)

Walkthrough of the Digits application

An explanation of the code in the completed Digits system

Screencast 31 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.

How to merge a branch into master

Use GitHub Desktop to merge branch into master (Mac and Windows version)

Screencast 2 min

Tips for Meteor

Some ways to better manage your Meteor experience

Experiential Learning

Enable Handlebars plugin

Install the handlebars plugin into IntelliJ

E42: Digits, Part 1

Install meteor-application-template, create home page mockup

14 Oct 11:30 PM

E43: Digits, Part 2

Create mockup pages for adding and editing address data.

15 Oct 11:30 PM

E44: Digits, Part 3

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

16 Oct 11:30 PM

E45: Digits, Part 4

Wire up the Add Contact page

17 Oct 11:30 PM

E46: Digits, Part 5

Wire up the Edit Contact page

18 Oct 11:30 PM

E47: Digits, Part 6

Cleanup your repo by removing Stuff

19 Oct 11:30 PM

E48: Reflect on Meteor

Write a technical essay summarizing your initial experience with Meteor.

Technical Essay 20 Oct 11:30 PM

Assessments

A14: Assess your ability to use the Meteor Framework.

Rx: < 15 min Av: 15-20 min Sd: 20-25 min DNF: 25+ min or incorrect

This in-class WOD assesses your ability to build a simple Meteor application.

A15: Assess your ability to write about your Meteor experience

Outcomes assessed: Create high quality technical essays

This assessment evaluates your ability to write a high quality technical essay summarizing your experience learning about Meteor during the second week.