Are you trying to build and launch full-stack web applications? Maybe you want to freelance, switch careers, or launch your own side-project. If so, this is the course for you.
Like all my courses, I designed this one with a single goal in mind: Turning you into a full-stack Meteor and React developer capable of developing, testing, and deploying real-world production web applications.
"Andrew is the best when it comes to teaching programming skills, and this is the third of his courses I've taken. You can be a total noob but you'll understand what's going on because everything is explained in detail." - Lucas Engel
This full-stack course covers everything you'll need to create real-world production web apps, and there couldn't be a better time to learn. React and Meteor are exploding in popularity with both startups and large enterprises like Netflix.
This course is entirely project-based. From the very beginning, you'll be programming every single app and completing various challenges I've designed to help test and reinforce what you've learned. This is not a "sit back and watch" course. This course is designed to get you writing code and building projects in every video.
You'll be programming and launching three web apps:
During the course, you'll learn about:
I built this course from the ground up around the latest versions of Meteor and React. You'll be using all the cutting-edge features available only in newer versions.
Everything you need comes in one easy-to-use package. You can stop worrying if you're learning the right skills to build an app or land a new job. I've curated all the tech that's essential to building real-world apps. I've mapped everything out in a comprehensive, easy-to-follow package designed to get you up and running in a few weeks.
I guarantee this is the most up-to-date and engaging Meteor/React course available. Your purchase comes with a 30-day money-back guarantee.
Access to fast support and a community of like-minded students.
I offer fast and friendly support. You won't have to sit around hoping someone will actually reply. I answer every single question that students post.
Don't take my word for it. It's one of the things students like most about my courses:
"This instructor is extremely responsive, answering 5/5 of my questions within 24 hours of my asking them with clear, comprehensive and friendly responses." - Gabriel Elkind
"Andrew is knowledgeable and always on the ball in the comments ready to help you out when things go awry" - Caim Astraea
"Andrew responds to every question in the forum within 24 hours and really makes the effort to solve the problem other students are facing." - Rajat Bansal
"Andrew responds to questions in the Q&A and will not leave you stranded." - Emmanuel
I can't wait to see you inside.
Learn how to install Meteor on your machine.
Learn exactly what Meteor is and why it's become such a popular and useful tool.
Need a text editor? Set up the free and open-source Atom editor.
Explore the final version of Score Keep. This is the first of three applications you'll be building.
Learn about Meteor file and directory structures.
Learn how to use ES6 imports and exports to break your app into multiple files.
Learn how to set up default exports in ES6.
Learn how to install and use npm modules. You'll also learn how to render dynamic templates to the browser using React and ReactDOM.
Learn how to create complex templates with nested JSX elements.
Learn how to render an array of data with JSX.
Tags: jsx, array map method, const statement
Explore the difference between SQL and NoSQL databases.
Learn how to create a MongoDB collection.
Learn how Meteor uses MiniMongo and DDP to keep your apps fast.
Learn how to use the Meteor tracker utility to run some code when your app data changes.
Learn how to setup JSX event handlers.
Explore ES6 Arrow functions. You'll learn what they are, why they're useful, and when you'd want to use them.
It's up to you to swap out ES5 functions for ES6 arrow functions.
Learn how to query documents when fetching or removing from a MongoDB collection. You'll also learn how to setup click event handlers with JSX.
Learn how to update documents using MongoDB operators.
Learn how to use React components to break up your apps UI into small and reusable chunks.
Learn how to use ES6 classes to create custom classes and reuse code.
Learn how to extend an ES6 class. This allows you to create subclasses with unique functionality.
Learn how to extend React.Component to create and render your own components.
Learn how to pass data into your components using React props.
Create React components with custom methods and DOM references.
It's going to be your job to create and use a new Player component.
Create a list-based component that renders an array of items.
Set up conditional rendering with JSX.
Explore advanced conditional rendering and create the App component.
Learn how to sort documents with MongoDB.
Teach Meteor new tricks with Atmosphere packages.
Learn how to setup and structure your SCSS styles.
Learn how to split your styles across multiple SCSS files and partials.
Learn how to create reusable styles with CSS and SCSS.
Learn how to use the BEM naming convention. It's a great way to structure your styles and selectors.
Use BEM to create your own selectors.
In my opinion, Flexbox is the single greatest CSS feature. Learn how to use it in this lesson.
Learn how to use 3rd-party React components to add awesome features to your application.
Learn about the ES6 object spread operator and ES6 object property shorthand.
Use SCSS functions and variables to wrap up the app styles.
Debugging doesn't have to be hard. Learn how to use the Meteor and React developer tools.
Let's take a break to talk about breaks.
Explore Short Lnk. This is the second app you'll be building.
Explore some client-side routing options. Client-side routing will keep your apps fast and user friendly.
Create the boilerplate for Short Lnk.
Setup react-router in your application. You'll learn how to setup multiple pages for your application.
Learn how to use React component state. This lets your component store and manage data.
Learn how to create user accounts. You'll also learn how to check if a visitor is logged into your application.
Learn how to login a user to their existing accounts.
Learn how to log out a user. You'll also learn how to do something when a user logs in or out of your app.
Learn how to create public and private pages in your app.
Learn how to work with Meteor error messages.
Learn how to validate data with the simple-schema library.
Learn how to validate the email and password for a new user.
There is nothing like a good refactor. Learn how to break your react-router config into it's own file.
Time for a new tool. Learn how to use the Robomongo GUI tool to manage your MongoDB database.
Methods. Publications. Subscriptions. Learn how these three tools will help you lock down your apps data.
Setup the ability to insert and view links in an insecure way.
Setup the ability to insert and view links in an insecure way.
Restrict the data users can see with publications and subscriptions.
Learn how to expose a subset of all the data in a given collection.
Create and call your first Meteor method.
Create a real-world Meteor method that allows the client to securely change the database.
Learn how to use simple-schema to validate method arguments.
Explore the technology that Meteor uses to serve up your applications.
Learn how to extend and customize your Meteor server with middleware.
Learn how to set custom "_id" values in your documents.
Let's kick off this section by refactoring our Link component. It's getting a little too big.
Learn a new way to create React components with Stateless Functional Components. It's a great alternative to class based components.
Learn how to generate URLs specific to your Meteor application.
Learn how to copy content to the users clipboard right from your web app.
Test your knowledge of React component state.
Learn how to update MongoDB documents with Meteor methods.
Learn how to use Meteor session variables to create temporary UI state.
Put Meteor session variables to work for you. In this video you'll setup a link filtering system.
Explore how you can create controlled inputs. This lets you bind an input to an attribute on your component state.
Add real-time analytics to your web app.
Working with 3rd-party components lets you build more in less time. Learn how to create full-screen modals with react-modal.
Customize the react-modal modal to support error messages.
In this lecture you'll be setting up SCSS for the Short Lnk app.
This big goal in this section is to create a configuration file for the styles. This is going to be a file that only contains config variables. That's what you'll start building in this video.
You'll be wrapping up the login/signup styles in this one.
Let's switch over to the private pages. In this video you'll start to style the links page.
Code reusability is essential when building apps of any meaningful size. That's exactly what you'll focus on with the styles in this lecture.
Think you can style the app header on your own? That's your challenge in this video.
Learn how to center and style the main page content area.
It's time to style those the individual link items. You'll also be setting up a message that renders when there are no links to show.
Setting up react-flip-move is going to be your challenge for this one.
You'll be installing Git on your machine in this video. This is the VSC (version control system) that you'll be using in this course.
Learn how to add Git to your Meteor and React project. This is going to let you track file changes over time.
Learn how to track files with Git. This is going to let you create "save points" for your code.
You'll need an SSH key to communicate with GitHub and Heroku. That's all covered in this video.
Learn how to push and pull from your GitHub repository. This is going to let you get your code on the GitHub servers.
Create and setup your Heroku account. This is going to allow you to deploy your applications.
Learn how to deploy your Meteor app to Heroku. You'll have a live production URL before this one is over.
Now that everything is setup, it's time to look at a common developer workflow for committing and deploying your work.
The Short Lnk app is live. Your challenge is going to be to deploy the Score Keep app.
I'm Andrew, a full-stack developer living in beautiful Philadelphia!
I launched my first Udemy course in 2014 and had a blast teaching and helping others. Since then, I've launched 3 courses with over 21,000 students and over 1,900 5-star reviews.
I currently teach Node, Gulp, and React.
Before I ever heard about Udemy or thought about teaching, I created a web app development company. I've helped companies of all sizes launch production web applications to their customers. I've had the honor of working with awesome companies like Siemens, Mixergy, and Parkloco.
I have a Computer Science degree from Temple University, and I've been programming for just over a decade. I love creating, programming, launching, learning, teaching, and biking.
I can't wait to see you inside one of my courses!