Module: Application Design (Meteor), Part 2

Build a multi-user, multi-role, interactive web application using Meteor, MongoDB, React, Semantic UI, IntelliJ, and GitHub.

Learning Outcomes

Design using Meteor Framework

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

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.

Readings

Guided tour of the Meteor (Part 2) module

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

Screencast 5 min

Introduction to GitHub Desktop, Part 2 (Branching and Merging)

Branching and merging with GitHub Desktop

Screencast 17min

meteor-application-template-react

Template for quickly starting Meteor development projects.

Template code Screencast 27 min

React Uniforms

A package to simplify form management in React and meteor

Meteor Guide: Introduction

About Meteor

Reference

Meteor Guide: Code Style

Suggested style guidelines for your code

Reference

Meteor Guide: Collections and Schemas

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

Reference

Meteor Guide: Publications and Data Loading

How and where to load data in your Meteor app using publications and subscriptions.

Reference

AMA: Branden Ogata on Meteor

Branden answers your questions on Meteor from Spring, 2019

Ask Me Anything

Experiential Learning

Enable Meteor plugins

Install Meteor plugins into IntelliJ and Chrome Developer Tools

E48: meteor-application-template-react

Install meteor-application-template, play around with it.

09 Mar 11:30 PM

E49: Digits, Part 1

Create Landing page mockup

11 Mar 11:30 PM

E50: Digits, Part 2

Create List Contacts page mockup

13 Mar 11:30 PM

E51: Digits, Part 3

Create Contact collection

15 Mar 11:30 PM

E52: Digits, Part 4

Create AddContact and EditContact pages

17 Mar 11:30 PM

E53: Digits, Part 5

Create Notes

25 Mar 11:30 PM

E54: Digits, Part 6

Clean up and write simple documentation

27 Mar 11:30 PM