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

Walkthrough of the Digits application

An explanation of the code in the completed Digits system

Screencast 22 min

Tips for Meteor

Advice from students on how to improve your Meteor experience

Meteor Guide: Application Structure

How to structure your Meteor app with ES2015 modules

Reference

Routing in Meteor

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

Reference

Meteor Guide: Collections

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

Reference

BlazeJS

Blaze: A Meteor Template System

Reference

Experiential Learning

Enable Meteor plugins for IntelliJ

Install the Meteor and Handlebars plugins 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.

16 Oct 11:30 PM

E44: Digits, Part 3

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

18 Oct 11:30 PM

E45: Digits, Part 4

Wire up the Add Contact page

20 Oct 11:30 PM

E46: Digits, Part 5

Wire up the Edit Contact page

22 Oct 11:30 PM

E47: Digits, Part 6

Cleanup your repo by removing Stuff

24 Oct 11:30 PM

Digits Extra Credit

Get better at Meteor using Digits

26 Oct 11:30 PM

E48: Reflect on Meteor

Write a technical essay summarizing your initial experience with Meteor.

Technical Essay 26 Oct 11:30 PM