Complete Modern Developer: React JS with Redux & SpriteKit
4.1 (7 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
49 students enrolled

Complete Modern Developer: React JS with Redux & SpriteKit

​Ultimate coding for the web and game-making for iOS apps! Learn web and game development with practical projects.
4.1 (7 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
49 students enrolled
Last updated 4/2018
English
English [Auto-generated]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 29 hours on-demand video
  • 27 articles
  • 22 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Use JSX, a pre-processor that adds XML syntax to JavaScript.
  • Build a single-page app using React Router.
  • Code in ES6 and JavaScript.
  • Use Web Pack, a bundler for code.
  • Transition from webpack 1.0 to webpack 2.0.
  • Write modular CSS.
  • Use Redux, a predictable state container for JavaScript apps.
  • Refactor code (alter code to make it simpler and more efficient).
  • Fix bugs and handle errors.
  • Build 2D games in SpriteKit and navigate Xcode, Apple's development platform for making games.
  • Code in Swift.
  • Plan, design, and develop games from scratch.
  • Organize your project and animate sprites.
Course content
Expand all 223 lectures 29:12:38
+ --Introduction to React and Redux--
4 lectures 18:24
Quick Wins with React
05:36
Webpack Version Explanation (To Be Watched Before Starting)
02:26
+ Introduction to React and JSX
5 lectures 51:30
Setting up React and Installing Packages
23:48
Other Ways to Render Elements - React
19:40
Invoking Functions - React
02:34
Stylizing Elements - React
05:27
React and JSX Setup - Source Code
00:01
+ Components
6 lectures 57:59
Virtual DOM and Classes
15:43
ES6 Webpack Dev Server
11:19
React Components
07:28
React Components Continued
09:04
React Component Validators
14:24
($55 value!) Source Code
00:01
+ States
8 lectures 52:30
React States Introduction
12:02
Extract Button into Separate Component
04:39
Reusing a Component - React
06:01
Splitting Component into Subcomponents - React
13:13
(Example) Making a Timer - React
05:06
componentWillUnmount
06:34
Webpack Hot Reloading
04:54
($55 value!) Source Code
00:01
+ React Event Handling
6 lectures 41:14
How to Handle Events in React (Introduction)
12:57
Simple Event Handling - React
04:26
Getting Values - React
03:57
Using Events to Change App Display - React
12:59
Splitting Function into Components - React
06:54
($55 value!) Source Code
00:01
+ React Routers
16 lectures 01:27:33
Props.children
06:01
React Router
12:27
Direct URL
04:19
Wildcard
02:29
Indexroute
06:04
Profile
04:10
Nested Routes
06:31
User Profile
07:36
React Router Redirects
07:33
React Redirects
01:36
Profile
06:48
Back Button
03:25
Activeclassname
05:22
Active Inline Styles
02:57
Navlinks Components
10:14
($55 value!) Source Code
00:01
+ Refactoring
2 lectures 10:22
React Slight Refactoring
05:25
React Slight Refactoring Continued
04:57
+ Products Components
7 lectures 44:19
(Example) Making a Web Store - React
09:31
Building a Project - React
04:23
Routing to Products - React
07:29
Rendering Product Profile - React
07:20
Adding Images to Web App - React
06:39
Reusing Components - React
08:56
Source Code: Refactoring and Product Component
00:01
+ CSS
12 lectures 01:13:37
React Basic CSS Framework
05:12
React Basic CSS Framework Continued
07:51
Modules
10:48
CSS Styling - React
09:01
Adding Menu to Navigation Bar
08:26
Making a Background
07:21
Adding Margins to Products
06:59
Styling Name List
03:33
Styling (Continued)
04:23
Extract to Separate File
08:21
Extract to Separate File Continued
01:41
($55 value!) Source Code
00:01
Requirements
  • For the React and Redux section, please have a modern web browser.
  • Basic HTML/CSS knowledge is recommended.
  • For the SpriteKit section, download SpriteKit, Apple's free framework for making 2D games
  • To use SpriteKit, you will need a Mac or MacOS virtual machine software.
Description

Do you want to make web apps and game apps? You've come to the right place. 

With this course you'll also get 6 standalone webinars recorded by Mammoth Interactive (normally $64): Intro to Kotlin: Java’s Replacement for Android App DevelopmentIntro to Android Studio and JavaCore Data: Learn to Use Xcode’s DatabaseGoogle Maps and Xcode: Build a Maps-Focused Project, Parse JSON Data: Build a Weather App, and Intro to SpriteKit Games: Build a Simple Pong Clone.

In Part 1 of this course you learn how to build beautiful and fast-functioning web apps with React and Redux. Join Mammoth Interactive's web developer Chris Veillette to start coding for the Internet.

In Part 2, you learn how to make simple 2D games using Apple's SpriteKit. You build Breakout Clone, Pong Clone and Space Invaders games. 

This course is unique because we make both the code and the design for the games from scratch.  

Included in this course is material for beginners to get comfortable with the interfaces. Please note that we reuse this content in similar courses because it is introductory material. You can find some material in this course in the following related courses:

Introduction to SpriteKit. Build practical games.
SpriteKit & Kotlin: The Complete Developer's Guide 
Design 3 Mobile Apps in SpriteKit & 35 Games in Unity
Make 3 Games in SpriteKit & 13 Low Poly Buildings in Blender 
Complete Modern Developer: React JS with Redux & SpriteKit
A Complete Masterclass: Build 23 SpriteKit & Construct Games  
Introduction to React and Redux. Code Web Apps in JavaScript
Complete Modern Developer: React JS with Redux & SpriteKit
Complete Developers Guide: Ruby on Rails & React with Redux

You Can -- and Should -- Take this Course

React is an efficient and flexible JavaScript library for building user interfaces. Many popular websites including Instagram, Facebook, Netflix, and Imgur use React.

You can build your own web apps and Apple games! 

This course is full of practical examples. We teach you theory while also building real projects that you can put in your web development portfolio. 

Hands-on training content is the best way to get from A to B. Taking this course means that you learn practical, employable skills immediately.

All source code and art assets are included with your purchase. 

Enroll now to learn a skill that will put you ahead of everyone else

Who this course is for:
  • Beginners to coding - some previous experience is helpful.
  • Developers who want to learn about React and Redux.
  • Coders who want to learn to build web apps.
  • Coders who want to learn JavaScript.
  • Anyone who wants to learn to use SpriteKit to make games for iOS apps.