Create Web Apps with Meteor & React
3.9 (27 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
302 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Create Web Apps with Meteor & React to your Wishlist.

Add to Wishlist

Create Web Apps with Meteor & React

Learn how to create real-time applications using only JavaScript by creating a full polling app
3.9 (27 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
302 students enrolled
Created by Gilbert Mizrahi
Last updated 3/2017
English
Current price: $19 Original price: $160 Discount: 88% off
30-Day Money-Back Guarantee
Includes:
  • 8 hours on-demand video
  • 40 Articles
  • 4 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Develop real-time state of the art web and mobile apps
  • Choose the right packages to simplify the development efforts
  • Learn how to integrate Meteor with React
View Curriculum
Requirements
  • A basic understanding of JavaScript
  • Any computer: OSX, Linux or Windows
Description

Course Description

You are here because you want to develop your own web apps, aren’t you?

Great. Well, thanks to a full stack JavaScript framework, called Meteor, that is easier than ever.

Developing real-time web apps, such as chat or messaging apps, synchronous collaborative apps, or others was hard and time consuming until now. Furthermore, you needed to master many different frameworks and technologies.

With Meteor.js you can build sophisticated real-time web apps faster than you can imagine. Meteor is a new framework that makes building web apps easier, simpler, and faster. It uses JavaScript on both the client and the server, so you won’t have to learn and shuffle with multiple languages and environments.

So much power at your disposal… imagine what you could do.

With this course you will learn all that you need to start creating your own cutting-edge web apps with Meteor and React. The course is project based.Thus, you will learn how to create a full functional app, a polling app, from start to finish.

This is what you will learn:

  • Easy to follow and hands on web application development with Meteor and React

  • How to use Meteor.js to create the back-end and frontend for your application

  • How to build your user interfaces with React

  • How to create customized views to manage user accounts (register, login, logout, etc)

  • How to save, edit and get data from your MongoDB.

  • How to pass data from your database to your React components

  • How to install and use Meteor specific packages (via Atmosphere.js) and npm

  • How to create routes with FlowRouter

  • How to handle pagination

  • How to create a responsive navbar from scratch

  • How to generate fake data to test your application and setup your design

  • How to create alerts and and notifications

  • How to create collections and local collections

  • How to filter data

  • How to create responsive designs with Stylus and Flexbox

  • And much more

At the end of the course, you will have a complete, ready-to-launch polling web app that looks great on any computer, tablet and smartphone.

The course includes a ES6 Primer and a React Primer as well, in case you are new to both of them.

Don't forget: if you don't get value from this course, you get 100% of your money back within 30 days. There is absolutely no risk for you.

What are the requirements?

  • Basic JavaScript knowledge (variables, loops, and basic functions)

  • Some knowledge of React, although the React Primer provided should be enough to understand and follow the course.

  • A browser and text editor. You don’t need to buy any software

  • Any computer will do — Windows, OSX or Linux

What else will you get?

  • A friendly informal community to support you along the way

  • Personal contact with me, the course instructor,

  • Lifetime access to course materials with free updates. No monthly subscription. Learn at your own pace, whenever you want.

  • Access to the course code on GitHub

What is the target audience?

  • Anyone wanting to learn how to build web apps

  • Anyone wanting to make a living (or side-income) from web app development

  • People that want to take their idea for a (real-time) web app and make it a reality

  • Entrepreneurs that want to launch their web app ideas
Who is the target audience?
  • Anyone wanting to learn how to build web and mobile apps
  • Anyone wanting to create from prototypes to full feature web apps, to make their ideas a reality
  • People wanting to be able to be full stack JavaScript developers
  • People wanting to make a living or a side-income from developing web apps
Curriculum For This Course
Expand All 99 Lectures Collapse All 99 Lectures 08:15:59
+
Getting Started
2 Lectures 13:16
+
Creating a complete poll application
87 Lectures 07:18:14

Project structure and the imports directory
05:36

Install Meteor, npm and React and Project Setup
08:03

Data Flow and Parent-Child Relationships in React
07:50

Creating the Polls Component
03:27

Creating the Poll Component
05:12

Creating the Option Component
04:22

Using SVGs to render bar charts for the options
09:29

Here is the link to the GitHub repository for the Using SVGs to render bar charts for the options lesson

Code - github - Using SVGs to render bar charts for the options
00:04

Intro to Stylus
17:21

Code GitHub - Intro to Stylus
00:06

Routing: Introduction to FlowRouter
12:00

Code GitHub - Routing: Introduction to FlowRouter
00:02

Collections - Creating Fake Data and saving it into a collection
17:03

Publish and Subscribe
07:31

Code GitHub - Publish and Subscribe
00:02

Organizing the polls with a masonry layout
06:14

Code GitHub - Organizing the polls with a masonry layout
00:03

Removing autopublish and insecure
04:38

Display when the poll was created using Moment
05:20

Code GitHub - Display when the poll was created using Moment
00:03

Add icons to poll for Viewing, Editing and Deleting
03:57

Code GitHub - Add icons to poll for Viewing, Editing and Deleting
00:04

Click Events - add event to delete a poll
10:55

Code GitHub - Click Events - add event to delete a poll
00:04

Pagination
17:57

Code GitHub - Pagination
00:02

Alternative Layout - No Masonry
07:16

Code GitHub - Alternative Layout - No Masonry
00:03

Creating a NavBar
13:09

Code GitHub - Creating a NavBar
00:02

Making the NavBar responsive - Part 1
10:50

Code GitHub - Making the NavBar responsive - Part 1
00:03

Making the NavBar responsive - Part 2
03:36

Code GitHub - Making the NavBar responsive - Part 2
00:03

Improving the UI to show the active route in the NavBar
03:51

Code GitHub - show the active route on the NavBar
00:03

Managing Users Accounts
16:11

Code GitHub - Managing Users Accounts
00:02

When working with Meteor 1.4+ and the accounts-password and std:accounts-ui packages, there are a couple of problems that we didn't have with Meteor 1.3.

Thus, in this lesson, I cover how to solve those problems.

Registration - fixes for Meteor 1.4+
04:42

Editing the navbar to include login / register
12:52

Code GitHub - Editing the navbar to include login / register
00:03

Showing nav items for login users - part 2 Fixing some issues
05:31

Code GitHub - Showing nav items for login users - part 2 Fixing some issues
00:04

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

Code GitHub - Control that non-logged in users cannot save or modify data using
00:05

Adding Facebook Login
01:57

Creating a sticky footer
05:25

Code GitHub - Creating a sticky footer
00:02

Creating some fake (user) accounts
05:45

Code GitHub - Creating some fake (user) accounts
00:03

Local collections
16:13

Code GitHub - Local Collections
00:02

Save New Poll - Part 1
06:34

Code GitHub - Save New Poll - Part 1
00:03

Add and remove options
08:01

Code GitHub - Add and remove options
00:02

Setting a minimum and maximum number of options per poll
10:15

Code GitHub - Setting a minimum and maximum number of options per poll
00:04

Adding alert messages
04:10

Code GitHub - Adding alert messages
00:02

Save New Poll - Part 2
05:44

Code GitHub - Save New Poll - Part 2
00:03

Defining schemas
16:08

Code GitHub - Defining schemas
00:02

Simple form validation
04:24

Viewing a poll & using containers to manage data
16:08

Code GitHub - Viewing a poll & using containers to manage data
00:04

Editing a poll
17:06

Code GitHub - Editing a poll
00:02

Adding onClick events to navigate to certain views (edit and view poll)
07:42

Code GitHub - Adding onClick events to navigate to certain views (edit and view
00:04

Generating URL and iFrame code to share poll on other websites
08:42

Code GitHub - Generating URL and iFrame code to share poll on other websites
00:04

Copy to clipboard
04:54

Enable voting on a poll
16:50

Code GitHub - Enable voting on a poll
00:03

Using local storage to control that users can vote only once per poll
13:26

Code GitHub - Using local storage to control that users can vote only once per p
00:05

Sorting poll results by number of votes
07:13

Code GitHub - Sorting poll results by number of votes
00:03

Fixing styling issues with the widths of the bars
09:36

Code GitHub - Fixing styling issues with the widths of the bars
00:04

Creating a new layout for a posted poll
07:20

Code GitHub - Creating a new layout for a posted poll
00:03

Show only the polls created by the current user
08:24

Code GitHub - Show only the polls created by the current user
00:04
About the Instructor
Gilbert Mizrahi
4.0 Average rating
30 Reviews
309 Students
2 Courses
Entrepreneur, growth marketer and technologist

Hi there. My name is Gilbert Mizrahi. My business cards have said such things as CEO, Business Strategy and Product Development Consultant, Senior Research Engineer, Senior Technologist, President and VP of Strategic Planning and Marketing among others.

The thing is, I am hardly defined by such titles. I am an entrepreneur, a strategist, a growth hacker, a technical geek, an inventor, a blogger, a very analytical guy and a few other things. 

In the last couple of years, I have been doing growth hacking consulting, combining my knowledge in marketing, technology and data analytics. Besides growth hacking, I have helped large and small enterprises defining their businesses and go to market strategies, and identifying their focus areas, MVP's (Minimum Viable Products) and road-maps.

My formal education is in operations research (MS from Stanford University). I started (founded or co-founded) five companies in digital cartography, computer graphics, commercial printing, eCommerce, and growth marketing agency. 

Many years ago I was a university instructor. I taught statistics for business and operations research at Universidad de Los Andes and Universidad Javeriana (Colombia) for 5+ years.