Create Web Apps with Meteor & React

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Introduction

Lecture 2: Meteor – Conceptual Overview

Chapter 2: ES6 Primer

Lecture 1: Introduction

Lecture 2: Codepen code for ES6 Primer

Lecture 3: Variable Declarations

Lecture 4: Arrow Functions

Lecture 5: ES6 Destructuring Assignment

Chapter 3: React Primer

Lecture 1: General Concepts

Lecture 2: Codepen code for React Primer

Lecture 3: JSX

Lecture 4: Components and Props

Lecture 5: Specs, Lifecycle and State

Chapter 4: Creating a complete poll application

Lecture 1: Description of the Application

Lecture 2: Project structure and the imports directory

Lecture 3: Install Meteor, npm and React and Project Setup

Lecture 4: Data Flow and Parent-Child Relationships in React

Lecture 5: Creating the Polls Component

Lecture 6: Creating the Poll Component

Lecture 7: Creating the Option Component

Lecture 8: Using SVGs to render bar charts for the options

Lecture 9: Code – github – Using SVGs to render bar charts for the options

Lecture 10: Intro to Stylus

Lecture 11: Code GitHub – Intro to Stylus

Lecture 12: Routing: Introduction to FlowRouter

Lecture 13: Code GitHub – Routing: Introduction to FlowRouter

Lecture 14: Collections – Creating Fake Data and saving it into a collection

Lecture 15: Publish and Subscribe

Lecture 16: Code GitHub – Publish and Subscribe

Lecture 17: Organizing the polls with a masonry layout

Lecture 18: Code GitHub – Organizing the polls with a masonry layout

Lecture 19: Removing autopublish and insecure

Lecture 20: Display when the poll was created using Moment

Lecture 21: Code GitHub – Display when the poll was created using Moment

Lecture 22: Add icons to poll for Viewing, Editing and Deleting

Lecture 23: Code GitHub – Add icons to poll for Viewing, Editing and Deleting

Lecture 24: Click Events – add event to delete a poll

Lecture 25: Code GitHub – Click Events – add event to delete a poll

Lecture 26: Pagination

Lecture 27: Code GitHub – Pagination

Lecture 28: Alternative Layout – No Masonry

Lecture 29: Code GitHub – Alternative Layout – No Masonry

Lecture 30: Creating a NavBar

Lecture 31: Code GitHub – Creating a NavBar

Lecture 32: Making the NavBar responsive – Part 1

Lecture 33: Code GitHub – Making the NavBar responsive – Part 1

Lecture 34: Making the NavBar responsive – Part 2

Lecture 35: Code GitHub – Making the NavBar responsive – Part 2

Lecture 36: Improving the UI to show the active route in the NavBar

Lecture 37: Code GitHub – show the active route on the NavBar

Lecture 38: Managing Users Accounts

Lecture 39: Code GitHub – Managing Users Accounts

Lecture 40: Registration – fixes for Meteor 1.4+

Lecture 41: Editing the navbar to include login / register

Lecture 42: Code GitHub – Editing the navbar to include login / register

Lecture 43: Showing nav items for login users – part 2 Fixing some issues

Lecture 44: Code GitHub – Showing nav items for login users – part 2 Fixing some issues

Lecture 45: Control that non-logged in users cannot save or modify data using Meteor Methods

Lecture 46: Code GitHub – Control that non-logged in users cannot save or modify data using

Lecture 47: Adding Facebook Login

Lecture 48: Creating a sticky footer

Lecture 49: Code GitHub – Creating a sticky footer

Lecture 50: Creating some fake (user) accounts

Lecture 51: Code GitHub – Creating some fake (user) accounts

Lecture 52: Local collections

Lecture 53: Code GitHub – Local Collections

Lecture 54: Save New Poll – Part 1

Lecture 55: Code GitHub – Save New Poll – Part 1

Lecture 56: Add and remove options

Lecture 57: Code GitHub – Add and remove options

Lecture 58: Setting a minimum and maximum number of options per poll

Lecture 59: Code GitHub – Setting a minimum and maximum number of options per poll

Lecture 60: Adding alert messages

Lecture 61: Code GitHub – Adding alert messages

Lecture 62: Save New Poll – Part 2

Lecture 63: Code GitHub – Save New Poll – Part 2

Lecture 64: Defining schemas

Lecture 65: Code GitHub – Defining schemas

Lecture 66: Simple form validation

Lecture 67: Viewing a poll & using containers to manage data

Lecture 68: Code GitHub – Viewing a poll & using containers to manage data

Lecture 69: Editing a poll

Lecture 70: Code GitHub – Editing a poll

Lecture 71: Adding onClick events to navigate to certain views (edit and view poll)

Lecture 72: Code GitHub – Adding onClick events to navigate to certain views (edit and view

Lecture 73: Generating URL and iFrame code to share poll on other websites

Lecture 74: Code GitHub – Generating URL and iFrame code to share poll on other websites

Lecture 75: Copy to clipboard

Lecture 76: Enable voting on a poll

Lecture 77: Code GitHub – Enable voting on a poll

Lecture 78: Using local storage to control that users can vote only once per poll

Lecture 79: Code GitHub – Using local storage to control that users can vote only once per p

Lecture 80: Sorting poll results by number of votes

Lecture 81: Code GitHub – Sorting poll results by number of votes

Lecture 82: Fixing styling issues with the widths of the bars

Lecture 83: Code GitHub – Fixing styling issues with the widths of the bars

Lecture 84: Creating a new layout for a posted poll