Create Web Apps with Meteor React

Create Web Apps with Meteor & React, available at $19.99, has an average rating of 3.9, with 99 lectures, based on 35 reviews, and has 366 subscribers.

You will learn about 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 This course is ideal for individuals who are Anyone wanting to learn how to build web and mobile apps or Anyone wanting to create from prototypes to full feature web apps, to make their ideas a reality or People wanting to be able to be full stack JavaScript developers or People wanting to make a living or a side-income from developing web apps It is particularly useful for Anyone wanting to learn how to build web and mobile apps or Anyone wanting to create from prototypes to full feature web apps, to make their ideas a reality or People wanting to be able to be full stack JavaScript developers or People wanting to make a living or a side-income from developing web apps.

Enroll now: Create Web Apps with Meteor & React

Summary

Title: Create Web Apps with Meteor & React

Price: $19.99

Average Rating: 3.9

Number of Lectures: 99

Number of Published Lectures: 99

Number of Curriculum Items: 99

Number of Published Curriculum Objects: 99

Original Price: $139.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

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

Target Audiences

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

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

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

Instructors

Gilbert Mizrahi
Entrepreneur, growth marketer and technologist

Rating Distribution

1 stars: 0 votes

2 stars: 3 votes

3 stars: 9 votes

4 stars: 8 votes

5 stars: 15 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!