Module: Application Design (Meteor), Part 1

Overview of the Meteor web application framework.

Learning Outcomes

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.

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.

Readings

Guided tour of the Meteor, Part 1 module

Why, what, how, and when you will learn about Meteor, Part 1

Screencast 5 min

Introduction to Web Application Frameworks

Ruby on Rails, Spring, Meteor, Request-Response, AJAX, LAMP, MEAN

Screencast 27 min

Meteor Fundamentals

What makes Meteor different? What concepts do I need to understand as a newbie?

Screencast 30 min

Meteor for Newbies: Application Structure

How to organize your files to make a Meteor application

Screencast 19 min

Tips for Meteor

Advice from students on how to improve your Meteor experience

Tips for installing Meteor on Windows

Advice from Cam on how to install Meteor for Windows

Meteor debugging: Named vs. Default Exports

Getting named vs. default exports right, and what happens when they go wrong

Screencast 20 min

Meteor Q&A (Fall 2020)

Responses to student questions in Fall 2020.

Experiential Learning

E44: Meteor Hello World

Create a repo, put a Meteor app in there, see it in IntelliJ.

05 Mar 11:30 PM

E45: Meteor React Tutorial

Work through the Meteor React Tutorial

07 Mar 11:30 PM

E46: Experience Island Snow in Meteor

Implement the Island Snow Mockup using Meteor

08 Mar 11:30 PM

XC: Your Choice in Meteor

Check your knowledge of Meteor, Semantic UI, and React

11 Mar 11:30 PM