Explore three simple templates for multi-user, multi-role, interactive web applications using Meteor, MongoDB, React, Bootstrap 5, IntelliJ, and GitHub.
Dates: Sections 3,4: Thu, Oct 19 - Thu, Oct 26 Sections 1,2,5: Fri, Oct 20 - Fri, Oct 27
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: Bootstrap 5, 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)
meteor-application-template-react
Template for quickly starting Meteor development projects.
meteor-example-form-react
Illustrates simple form processing with React and Uniforms
Bowfolios
Illustrates a simple, final project style web application
React Uniforms
A package to simplify form management in React and meteor
Meteor Guide: Introduction
About Meteor
Meteor Guide: Code Style
Suggested style guidelines for your code
Meteor Guide: Collections and Schemas
How to define, use, and maintain MongoDB collections in Meteor.
Meteor Guide: Publications and Data Loading
How and where to load data in your Meteor app using publications and subscriptions.
Meteor debugging: Named vs. Default Exports
Getting named vs. default exports right, and what happens when they go wrong
Understanding data in Meteor in development mode
Connecting to and manipulating server-side and client-side data during development
Refreshing the data in development and deployment
How to clear and reinitialize the database.
Meteor Debugging Strategies
High level approaches for debugging a Meteor application
Experiential Learning
Enable Meteor plugins
Install Meteor plugins into IntelliJ and Chrome Developer Tools
E48A: meteor-application-template-react
Install meteor-application-template, play around with it.
E48B: meteor-example-form-react
Understand how to create forms in Meteor and React.