Full-Stack Web Apps with Meteor and React

Full-Stack Web Apps with Meteor and React

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 31.5 Hours | 3.97 GB

Create full-stack web applications using Meteor and React

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:

  • A leaderboard app, where you’ll learn the basics of Meteor and React
  • A link-shortener application with user accounts, authentication, and client-side routing
  • A note app where you’ll master advanced techniques and automated testing

During the course, you’ll learn about:

  • React
  • JSX
  • Meteor
  • DDP
  • Atmosphere.js
  • MongoDB
  • Robomongo
  • react-router
  • Heroku
  • Git
  • GitHub
  • JavaScript ES6
  • Mocha
  • Node
  • npm
  • CSS/SCSS
  • And more!
Table of Contents

1 – Welcome & Asking Awesome Questions
2 – Section Intro
3 – Installing Meteor (Linux, macOS, Windows)
4 – What Is Meteor and Why Should I Use It
5 – Need a Text Editor Try Atom!
6 – Hello Meteor
7 – Section Intro
8 – Exploring the Final Score Keep App
9 – Stripping down the Meteor Boilerplate App
10 – ES6 Aside – Importing and Exporting
11 – ES6 Aside – Advanced Importing and Exporting
12 – Installing React and Exploring JSX
13 – Render Complex HTML with JSX
14 – DB Planning and Rendering Static Data
15 – What is NoSQL
16 – Creating a MongoDb and MiniMongo Collection
17 – Quering Data on the Client with MiniMongo
18 – Rendering Players List
19 – Inserting Players via a Form
20 – ES6 Aside – Arrow Functions
21 – Arrow Function Refactor
22 – Removing Player Documents
23 – Updating Player Documents
24 – Section Intro
25 – What are React Components
26 – ES6 Aside – Classes Part I
27 – ES6 Aside – Classes Part II
28 – Your First React Component
29 – Props, Prop Types, and Prop Defaults
30 – Prop Type Update
31 – Custom Component Methods
32 – Creating the Player Component
33 – List Based Components
34 – Conditional Rendering with JSX
35 – Rendering Everything with an App Component
36 – Querying and Sorting Player Documents
37 – Section Intro
38 – SCSS and Atmosphere Packages
39 – CSS Reset and Header Styling
40 – SCSS Imports
41 – Styling the App List
42 – BEM Naming
43 – BEM Challenge
44 – Styling Player with Flexbox
45 – Using 3rd-Party React Components (FlipMove)
46 – Calculating Player Standings with ES6
47 – Dynamic Classes and SCSS Functions
48 – Bonus Meteor and React Developer Tools
49 – Section Intro
50 – Learning Burnout – This Is Important
51 – Exploring the Short Lnk App
52 – Client-Side Routing Options
53 – Setting Up React-Router
54 – Setting Up Routes
55 – Navigating Between Routes
56 – Component State and Signup Form
57 – Creating User Accounts
58 – Logging In
59 – Logging Out and Tracking Auth Status
60 – Private and Public Routes
61 – Showing Meteor Error Messages
62 – Schema Validation
63 – New User Validation
64 – Refactoring Router Code
65 – Bonus Robomongo
66 – Section Intro
67 – Overview of Methods, Publications, Subscriptions
68 – Setting up an Insecure System – Part I
69 – Setting up an Insecure System – Part II
70 – Creating Publications and Subscriptions
71 – Advanced Publications
72 – Creating and Calling Methods
73 – Building links.create Method
74 – Method Validation
75 – Node HTTP and Connect
76 – Redirecting Shortened Links
77 – A Short Video about Short IDs
78 – Section Intro
79 – Single Responsibility with React
80 – Stateless Functional Components
81 – Creating LinkListItem
82 – Copying Link URL to Clipboard
83 – A State Challenge
84 – Hiding Links with Method Methods
85 – Meteor Session Variables
86 – Filtering Links via Form Elements
87 – Controlled and Uncontrolled Inputs
88 – Setting up Link Analytics
89 – Working with Time
90 – Creating Modals with React-Modal
91 – Setting up Modal Errors
92 – Section Intro
93 – SCSS Setup and Architecture
94 – Breaking Out Configuration
95 – Finishing off Login and Sign Styles
96 – Button Styles
97 – Reusing Styles with Modifiers
98 – Private Header Styles
99 – Styling Filters and Page Content
100 – Styling Items and Empty Items
101 – Adding react-flip-move
102 – Section Intro
103 – Installing and Configuring Git
104 – Adding Git to Your Meteor App
105 – Git Add Commit Workflows
106 – Generating an SSH Key
107 – Pushing and Pulling from GitHub
108 – Setting Up Heroku
109 – Deploying Meteor Apps to Heroku
110 – Common Developer Workflow
111 – Deploying Score Keep
112 – Section Intro
113 – Exploring the Notes App
114 – Creating Meteor React Boilerplate
115 – The Meteor Test Command
116 – Exploring Mocha and Expect
117 – Using An Assertion Library
118 – Testing User Validation
119 – Testing Meteor Methods
120 – Testing Note Removal
121 – Testing Note Updating
122 – Testing Note Updating – Part 2
123 – Testing Meteor Publications
124 – Section Intro
125 – Enzyme 101
126 – Mocking Functions with Spies
127 – Setting Up React-Meteor-Data
128 – Testing Login
129 – Testing Login – Setting Inputs and Submitting
130 – Testing Signup
131 – Section Intro
132 – Adding and Counting Notes
133 – Rendering Notes
134 – Rendering Notes – Part II
135 – Rendering Empty List Item
136 – Selecting Notes
137 – Test Fixtures
138 – Highlighting Selected Note
139 – The Editor Component
140 – Editor Input and TextArea
141 – Setting up Logout to Work with New Routes
142 – Setting up Logout to Work with New Routes – Part II
143 – Removing Notes
144 – Testing The Editor
145 – Testing The Editor – Part II
146 – Loading Newly Created Notes
147 – Deploying The App
148 – Section Intro
149 – Customizing Auth Pages
150 – Creating the Side-By-Side Layout
151 – Styling Sidebar and Main Container
152 – Styling the Editor
153 – Styling the NoteList
154 – Media Queries
155 – SCSS Media Query Mixins
156 – Mobile Menu Part I
157 – Mobile Menu Part II
158 – Favions, Momentum Scrolling, and Final Deployment
159 – New Feature Ideas
160 – That’s It
161 – What Are You Working On