English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 9 Hours | 1.46 GB
Master the fundamentals of Meteor and React with this tutorial as you develop secure, dynamic apps
This is the tutorial you’ve been looking for to master building dynamic web apps with Meteor JS, with all the most important topics covered in great depth!
Authentication? Covered. Routing? Of course! Security? We got it.
Meteor JS can get you a position in web development or help you build that personal project you’ve been dreaming of. Meteor is the ultimate framework for developer productivity; it is bar-none the fastest technology you can use to make fast and interactive web apps in just a few hours.
This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build interesting apps with Meteor and React.
We’ll start by mastering the fundamentals of React, including JSX, “props”, “state”, and eventing. Source code is provided for each lecture, so you will always stay up-to-date with the course pacing. After an introduction to React, we’ll dive right in to Meteor, covering topics like Collections, Meteor Methods, Subscriptions, and Publications.
If you are new to Meteor or React, or if you’ve been working to learn it but sometimes feel like you still don’t quite ‘get it’, this is the course for you! To learn Meteor you have to understand it.
- Learn how to secure Meteor applications with enterprise-grade security. Don’t let your data leak!
- Set up user authentication and permissions using Meteor’s built-in auth system.
- Use React to render your Meteor data; master the process of breaking down a complex component into many smaller, interchangeable components
- Grasp the difference between “props” and “state” and when to use each
- Develop complex applications that scale in complexity by mastering Meteor
Table of Contents
The Basics of Any Meteor App
1 One Quick Item…
2 Link to All Code For This Course
3 Installing Meteor
4 Purpose of Meteor Projects
5 Project Dependencies
6 React vs Meteor
A React Primer
7 Getting Something on the Screen
8 Importing React
9 Building a React Component
10 Meteor Startup
11 Project Overview and Challenges
12 Export Statements
13 Nesting Component
14 Working with Dummy Data
15 Building a List of Images
16 Communication with Props
17 Adding CSS in Components
18 Key Props
19 Image API Endpoint
20 AJAX with Axios
21 Class Based Components
22 Loading Data with Lifecycle Methods
23 State in Components
24 Implementing State
25 Recap on State
26 Passing Images as Props
27 Filtering Out Albums
28 Image Description
29 Upvotes and Downvotes
30 Implementing Image Score
31 Wrapup
On to Meteor
32 Directory Introduction
33 Challenges in this App
34 App Boilerplate
35 MongoDB Collections
36 Creating MongoDB Collections
37 Generating Data with Faker
38 Get Data with Collection Queries
39 Inserting Records into Collections
40 Reading Server Console Logs
41 Boilerplate for Employee List
42 Publications and Subscriptions
43 Publications with Cursors
44 Creating a Container
45 Publication and Subscription Review
46 Employee Detail Scaffolding
47 Styling Employee Details
48 More Styling and Bug Fixes
49 Flexbox Styling
50 Click Handlers
51 Updating Subscriptions
52 Refactoring from Functions to Classes
53 Fetching More Users
Getting More Complex – Meteor Methods
54 Project Overview
55 Problems to Solve
56 Redirecting Short Links
57 Boilerplate Setup
58 Header Component Warmup
59 Links Collection
60 Link Create Component
61 Form Submit and Refs
62 The Insecure Package
63 Handling Data Securely
64 Safely Changing Data with Meteor Methods
65 Validating URLs
66 Graceful Error Handling
67 Generating Unique Tokens for URLs
68 A Publication for Links
69 Link List Table
70 Intercepting Requests with Meteor Middleware
71 Finding Tokens in URLs
72 Redirecting Users to Long Links
73 Redirecting Users to Long Links Continued
74 Updating Mongo Records
75 Wrapup
Full Stack Development – Workspaces
76 Workspace Collaborator Overview
77 Project Challenges
78 Outlining Component Definitions
79 Bootstrapping an App
80 Scaffolding a Header
81 Authentication UI
82 Authenication UI Continued
83 Bins Collection
84 Insert Bins Method
85 Create Bin Button
86 Accessing Bins with Publications
87 Claiming Bins with Subscriptions
88 Rendering a List of Bins
89 Removing a Bin
90 Routing with React Router
91 More on React Router
92 Default Components with IndexRoutes
93 Accessing the URL with Route Params
94 Navigation with Link Tags
95 Programmatic Navigation
96 Just the Right Bin
97 Just the Right Bin Continued
98 Bin Editor
99 Markdown Editor
100 Capturing Change Events
101 Update Meteor Method
102 Markdown Viewer
103 Translating Markdown to HTML
104 Sharing Bins
105 Bin Sharing Form
106 Meteor Method for Sharing
107 Rendering Shared Addresses
108 Shared Bins Publication
109 Share Subscriptions
110 Markbin Review
111 RallyCoding
Resolve the captcha to access the links!