Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
You are here because you want to develop your own web apps, aren’t you?
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.
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?
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
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Getting Started|
Meteor - Conceptual OverviewPreview
|Section 2: ES6 Primer|
Codepen code for ES6 PrimerPreview
ES6 Destructuring AssignmentPreview
|Section 3: React Primer|
Codepen code for React PrimerPreview
Components and PropsPreview
Specs, Lifecycle and StatePreview
|Section 4: Creating a complete poll application|
Description of the ApplicationPreview
Project structure and the imports directory
Install Meteor, npm and React and Project Setup
Data Flow and Parent-Child Relationships in React
Creating the Polls Component
Creating the Poll Component
Creating the Option Component
Using SVGs to render bar charts for the options
Here is the link to the GitHub repository for the Using SVGs to render bar charts for the options lesson
Intro to Stylus
Code GitHub - Intro to Stylus
Routing: Introduction to FlowRouter
Code GitHub - Routing: Introduction to FlowRouter
Collections - Creating Fake Data and saving it into a collection
Publish and Subscribe
Code GitHub - Publish and Subscribe
Organizing the polls with a masonry layout
Code GitHub - Organizing the polls with a masonry layout
Removing autopublish and insecure
Display when the poll was created using Moment
Code GitHub - Display when the poll was created using Moment
Add icons to poll for Viewing, Editing and Deleting
Code GitHub - Add icons to poll for Viewing, Editing and Deleting
Click Events - add event to delete a poll
Code GitHub - Click Events - add event to delete a poll
Code GitHub - Pagination
Alternative Layout - No Masonry
Code GitHub - Alternative Layout - No Masonry
Creating a NavBar
Code GitHub - Creating a NavBar
Making the NavBar responsive - Part 1
Code GitHub - Making the NavBar responsive - Part 1
Making the NavBar responsive - Part 2
Code GitHub - Making the NavBar responsive - Part 2
Improving the UI to show the active route in the NavBar
Code GitHub - show the active route on the NavBar
Managing Users Accounts
Code GitHub - Managing Users Accounts
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.
Editing the navbar to include login / register
Code GitHub - Editing the navbar to include login / register
Showing nav items for login users - part 2 Fixing some issues
Code GitHub - Showing nav items for login users - part 2 Fixing some issues
Control that non-logged in users cannot save or modify data using Meteor Methods
Code GitHub - Control that non-logged in users cannot save or modify data using
Creating a sticky footer
Code GitHub - Creating a sticky footer
Creating some fake (user) accounts
Code GitHub - Creating some fake (user) accounts
Code GitHub - Local Collections
Save New Poll - Part 1
Code GitHub - Save New Poll - Part 1
Add and remove options
Code GitHub - Add and remove options
Setting a minimum and maximum number of options per poll
Code GitHub - Setting a minimum and maximum number of options per poll
Adding alert messages
Code GitHub - Adding alert messages
Save New Poll - Part 2
Code GitHub - Save New Poll - Part 2
Code GitHub - Defining schemas
Simple form validation
Viewing a poll & using containers to manage data
Code GitHub - Viewing a poll & using containers to manage data
Editing a poll
Code GitHub - Editing a poll
Adding onClick events to navigate to certain views (edit and view poll)
Code GitHub - Adding onClick events to navigate to certain views (edit and view
Generating URL and iFrame code to share poll on other websites
Code GitHub - Generating URL and iFrame code to share poll on other websites
Copy to clipboard
Enable voting on a poll
Code GitHub - Enable voting on a poll
Using local storage to control that users can vote only once per poll
Code GitHub - Using local storage to control that users can vote only once per p
Sorting poll results by number of votes
Code GitHub - Sorting poll results by number of votes
Fixing styling issues with the widths of the bars
Code GitHub - Fixing styling issues with the widths of the bars
Creating a new layout for a posted poll
Code GitHub - Creating a new layout for a posted poll
Hello there. I am Gilbert. I have a bachelor's degree in Industrial Engineering and a Master in Operations Research from Stanford University. I guess I am sort of a geek.
I am a technologist. My fields of experience include big data and data visualization, decision support systems, knowledge elicitation and elearning. I am currently doing consulting and developing my own products. Prior to that, I founded three companies and worked as a research engineer on projects sponsored by DARPA, NASA, the National Institute of Health and the US Department of Defense.
Thanks to my professional trajectory I have learned how to design and develop web apps, and how to manage the whole product life cycle. And now I want to pass that knowledge to people like you.
Many years ago I was a university instructor. I I taught statistics for business and operations research at la Universidad de Los Andes and la Univerisdad Javeriana (Colombia) for 5+ years.