Make Games and Web Apps: Unity®, React and Redux Masterclass

Focused View

John Bura,Mammoth Interactive

35:07:31

12 View

1 - Introduction to the Course

1 - Course Trailer.mp4

00:40

2 - Gameplay from the Marlo Game.html

2 - 1 Introduction to Unity

3 - 01 Introduction.mp4

02:57

4 - 02 Unity Editor.mp4

13:58

5 - 03 Hello world.mp4

09:12

6 - 04 Variables.mp4

07:25

7 - 05 Methods.mp4

06:02

8 - 06 Loops.mp4

08:20

9 - 07 Movement.mp4

12:11

3 - 2 Movement

10 - 01 Movement.mp4

09:40

11 - 02 Acceleration.mp4

04:56

12 - 03 Camera follow.mp4

06:30

13 - 04 Jumping.mp4

05:44

14 - 05 Jump higher.mp4

03:09

15 - 06 Jumping area.mp4

04:21

16 - 07 Multiple jumps.mp4

04:44

17 - 08 Wall jumping.mp4

13:54

18 - 09 Materials.mp4

03:35

19 - 10 Sticking to the wall.mp4

02:56

4 - 3 Blocks

20 - 01 Coins.mp4

13:29

21 - 02 Score.mp4

06:30

22 - 03 User interface.mp4

08:17

23 - 04 Bricks.mp4

09:09

24 - 05 Coin brick.mp4

10:35

25 - 06 Pause block.mp4

07:52

5 - 4 Speed blocks and enemies

26 - 01 Arrow design.mp4

05:00

27 - 02 Prefabbing the speed area.mp4

09:56

28 - 03 Speed area collision.mp4

04:19

29 - 04 Changing the players movement speed.mp4

04:29

30 - 05 Property attributes.mp4

03:19

31 - 06 Long jump block.mp4

07:02

32 - 07 Simple enemy.mp4

10:56

33 - 08 Killing the player.mp4

09:13

34 - 09 Restarting the game.mp4

03:12

6 - 5 More enemies

35 - 01 Killing enemies.mp4

12:32

36 - 02 Designing the shell enemy.mp4

09:12

37 - 03 Shell.mp4

09:38

38 - 04 Shell movement.mp4

09:37

39 - 05 Designing the plant enemy.mp4

07:17

40 - 06 Plant movement.mp4

06:48

7 - 6 Power up and finish line

41 - 01 Adjusting shell collision.mp4

01:36

42 - 02 Designing a powerup.mp4

14:10

43 - 03 Powerup collection effect.mp4

09:17

44 - 04 Invincibility.mp4

09:00

45 - 05 Blinking effect.mp4

07:17

46 - 06 Different player models.mp4

05:41

47 - 07 Finish line.mp4

17:12

8 - 7 Background and interface

48 - 01 Background elements.mp4

08:59

49 - 02 Building the parallax logic.mp4

03:58

50 - 03 Mountain parallax.mp4

08:23

51 - 04 Cloud layer.mp4

06:49

52 - 05 Moving backgrounds.mp4

04:40

53 - 06 Jumping area adjustment.mp4

00:38

54 - 07 Main menu.mp4

12:14

55 - 08 UI Anchors.mp4

05:18

56 - 09 Game instructions.mp4

07:28

9 - 8 Fine Tuning

57 - 01 Smoothing box collisions.mp4

04:45

58 - 02 Changing the gravity.mp4

07:48

59 - 03 Wall jumping speed.mp4

01:27

60 - 04 Brick jumping.mp4

07:08

61 - 05 Shell collisions.mp4

07:50

62 - 06 Destroying the shell.mp4

03:33

63 - 07 Enemy jumping speed.mp4

04:00

64 - 08 Shell physics.mp4

07:19

65 - 09 Shell gravity.mp4

08:15

66 - 10 Horizontal shell adjustment.mp4

01:29

67 - 11 Horizontal shell adjustment 2.mp4

00:54

10 - 9 Level Design

68 - 01 Singleton.mp4

07:44

69 - 02 Saving current level.mp4

06:06

70 - 03 Level progression.mp4

08:56

71 - 04 Object consistency.mp4

06:51

72 - 05 Level 11.mp4

13:08

73 - 06 Level 12.mp4

11:06

74 - 07 Level 13.mp4

11:31

75 - 08 Maximum level.mp4

04:02

11 - Artwork in Blender

76 - Introduction to Blender.mp4

24:39

77 - 001 Cube Block Unwrapping.mp4

04:47

78 - 002 Texture Brick Block.mp4

05:45

79 - 003 Textures Coin Block.mp4

06:15

80 - 004 Textures Direction Blocks.mp4

07:07

81 - 005 Grass Block.mp4

18:15

82 - 006 Coin.mp4

09:23

83 - 007 Pipe.mp4

06:06

84 - 008 Flag.mp4

05:22

85 - 009 Mushroom.mp4

07:29

86 - 010 Plant Enemy001.mp4

06:40

87 - 011 Plant Enemy002.mp4

17:25

88 - 012 Shroom Enemy Model.mp4

08:49

89 - 013 Shroom Enemy Unwrap 001.mp4

11:42

90 - 014 Shroom Enemy Texture.mp4

06:12

91 - 015 Shroom Enemy Display.mp4

08:02

92 - 016 Shell Enemy Hat.mp4

06:12

93 - 017 Shell Enemy Hat Unwrap.mp4

04:31

94 - 018 Shell Enemy Body.mp4

12:06

95 - 019 Shell Enemy Body Unwrap.mp4

11:45

96 - 020 Shell Enemy Texture.mp4

20:56

97 - 021 Background Parallax Images.mp4

26:41

98 - 022 Background Parallax Images Upgrade.mp4

19:37

99 - 023 Marlo Basic Model 001.mp4

11:03

100 - 024 Marlo Basic Model 002.mp4

08:13

101 - 025 Marlo Uv Unwrapping.mp4

14:55

102 - 026 Marlo Texture.mp4

17:53

103 - 027 Marlo Rigging.mp4

11:43

12 - 10 Integrating Art

104 - 01 Importing the art.mp4

04:05

105 - 02 Coins.mp4

04:59

106 - 03 Finish line.mp4

02:51

107 - 04 Grass block.mp4

18:17

108 - 05 Plant enemies.mp4

04:10

109 - 06 Walls.mp4

05:08

110 - 07 Enemies.mp4

06:43

111 - 08 Patrolling rotation.mp4

04:30

112 - 09 Long jump and speed areas.mp4

11:12

113 - 10 Brick and pause block.mp4

06:48

114 - 11 Coin bricks.mp4

01:37

115 - 12 Background.mp4

10:23

13 - 11 Finishing Art

116 - 01 Integrating the character.mp4

16:35

117 - 02 Adding model to player.mp4

04:23

118 - 03 Jumping and running.mp4

07:39

119 - 04 Movement stutter.mp4

02:41

120 - 05 Wall jumping.mp4

08:05

121 - 06 Power up.mp4

04:24

122 - 07 Swapping background art.mp4

06:54

123 - 08 Background adjustments.mp4

05:42

124 - 09 Transparency order.mp4

01:54

125 - 10 Challenge time.mp4

03:41

14 - Unity Resources

126 - MarloArtAssets.zip

126 - MarloUnitySourceProject.zip

126 - Source Code.html

127 - 3279 value FREE BOOK.html

127 - BuildaSuperMarloRunnerGameinUnitybyMammothInteractive.pdf

15 - Introduction to React and Redux Section

128 - Common Pitfalls.mp4

05:03

129 - Quick Win Example.mp4

05:36

130 - Top 10 Things You Will Learn.mp4

05:19

131 - Webpack Version Explanation To Be Watched Before Starting.mp4

02:26

16 - 1 Introduction to React and JSX

132 - React and JSX Intro Part 1.mp4

23:48

133 - React and JSX Intro Part 2.mp4

19:40

134 - React and JSX Intro Part 3.mp4

02:34

135 - React and JSX Intro Part 4.mp4

05:27

17 - 2 Components

136 - React Virtual Dom and Classes.mp4

15:43

137 - ES6 Webpack Dev Server.mp4

11:19

138 - React Components.mp4

07:28

139 - Splitting Another Component.mp4

09:04

140 - React Component Validators.mp4

14:24

141 - 02componentintro.zip

141 - Source Code.html

18 - React States

142 - Introduction.mp4

12:02

143 - Extracting Button into Separate Component.mp4

04:39

144 - Reusing a Component.mp4

06:01

145 - Splitting Component into SubComponents.mp4

13:13

146 - Creating a Timer.mp4

05:06

147 - componentWillUnmount.mp4

06:34

148 - Webpack Hot Reloading.mp4

04:54

149 - 03stateintro.zip

149 - Source Code.html

19 - React Event Handling

150 - Introduction.mp4

12:57

151 - Simple Event Handling.mp4

04:26

152 - Getting Values.mp4

03:57

153 - Using Events to Influence App Display.mp4

12:59

154 - Splitting Function into Components.mp4

06:54

155 - 04eventhandling.zip

155 - Source Code.html

20 - React Routers

156 - Propschildren.mp4

06:01

157 - Introduction to React Router.mp4

12:27

158 - Direct URL.mp4

04:19

159 - Wildcard.mp4

02:29

160 - IndexRoute.mp4

06:04

161 - Making a Name Profile.mp4

04:10

162 - Nested Routes.mp4

06:31

163 - User Profile.mp4

07:36

164 - React Router Redirects.mp4

07:33

165 - Making Params Optional.mp4

01:36

166 - Making Profile and Calling on History.mp4

06:48

167 - Back Button.mp4

03:25

168 - activeClassName.mp4

05:22

169 - Active Inline Styles.mp4

02:57

170 - Navlinks Components.mp4

10:14

171 - 05reactrouter.zip

171 - Source Code.html

21 - React Slight Refactoring

172 - Improving Layout.mp4

05:25

173 - Additional Refactoring.mp4

04:57

22 - React Product Components

174 - Making a Web Store Example.mp4

09:31

175 - Building out the Project.mp4

04:23

176 - Routing to Products.mp4

07:29

177 - Rendering Product Profile.mp4

07:20

178 - Adding Images to the Web App.mp4

06:39

179 - Reusing Component.mp4

08:56

180 - Source Code.html

23 - React CSS

181 - Basic CSS Framework.mp4

05:12

182 - Organizing Information with CSS Grids.mp4

07:51

183 - CSS Modules.mp4

10:48

184 - CSS Styling.mp4

09:01

185 - Adding a Menu in the Navigation Bar.mp4

08:26

186 - Making a Background.mp4

07:21

187 - Adding Margins to Products.mp4

06:59

188 - Styling the Name List.mp4

03:33

189 - React CSS Styling Part 6.mp4

04:23

190 - React CSS Extract to Separate file.mp4

08:21

191 - React CSS Extract to Separate file Contd.mp4

01:41

192 - 08reactwebpackcss.zip

192 - Source Code.html

24 - Chapter 9 Introduction to Redux

193 - 91 Intro to Redux Part 1.mp4

09:25

194 - 92 Intro to Redux Part 2.mp4

07:57

195 - 93 Intro to Redux Part 3.mp4

07:15

196 - 94 Intro to Redux Part 4.mp4

04:21

197 - 95 Redux Store.mp4

08:33

198 - 96 Redux Store Contd.mp4

03:03

199 - 97 Redux Store Subscribe.mp4

04:52

200 - 98 Redux Store Subscribe Contd.mp4

03:09

201 - 99 Redux Combine Reducers.mp4

09:45

25 - Chapter 10 Adding Redux to React

202 - 101 Adding Redux to React Part 1.mp4

27:28

203 - 102 Adding Redux to React Part 2.mp4

03:31

204 - 103 Adding Redux to React Part 3.mp4

10:44

205 - 104 Adding Redux to React Part 4.mp4

10:27

206 - 105 Delete Names.mp4

07:40

207 - 106 Babel and Spread Operators.mp4

04:46

208 - 0910introductiontoredux.zip

208 - Source Code.html

26 - Chapter 11 Redux Action Creator and Product Refactor

209 - 111 Action Creators.mp4

10:23

210 - 112 Profile Page.mp4

16:39

211 - 113 Dispatch and onEnter.mp4

07:33

212 - 114 Refactor into Separate Files.mp4

03:43

213 - 115 Refactor into Separate Files Contd.mp4

01:24

214 - 116 Product Page.mp4

13:16

215 - 117 Product Profile Page.mp4

14:55

216 - 11reduxactioncreatorsandproductrefactor.zip

216 - Source Code.html

27 - Chapter 12 Redux State in createStore

217 - 121 Initial State in createStore.mp4

06:34

218 - 122 Initial State in createStore Contd.mp4

03:57

219 - 123 Adding Generated Names with Faker.mp4

08:30

220 - 12reduxstateincreateStore.zip

220 - Source Code.html

28 - Chapter 13 Redux Middleware and Async Dispatching

221 - 131 Fake Backend and Middleware.mp4

15:06

222 - 132 Thunk Middleware.mp4

16:14

223 - 133 Thunk Checking State.mp4

06:24

224 - 134 Get Profile Part 1.mp4

08:53

225 - 135 Get Profile Part 2.mp4

04:46

226 - 136 Get Profile Part 3.mp4

04:18

227 - 137 Get Profile Part 4.mp4

03:22

228 - 138 Get Names Refactor.mp4

05:47

229 - 139 Add Random Name.mp4

06:04

230 - 1310 Add Random Name Contd.mp4

04:39

231 - 13reduxmiddlewareandasyncdispatching.zip

231 - Source Code.html

29 - Chapter 14 Redux Refactoring Logging and Error Handling

232 - 141 Refactor Name Reducers.mp4

06:57

233 - 142 Using Actions.mp4

02:44

234 - 143 Error Handling Part 1.mp4

10:11

235 - 144 Error Handling Part 2.mp4

07:04

236 - 145 Error Handling Part 3.mp4

08:59

237 - Source Code.html

30 - Chapter 15 Products Lists and Profiles

238 - 151 Product List.mp4

13:24

239 - 152 Product List Contd.mp4

03:04

240 - 153 Product Profile.mp4

10:54

241 - 154 Product Profile Contd.mp4

04:05

242 - 155 Error Handling Refactor.mp4

04:57

243 - 156 Error Handling Refactor Contd.mp4

03:14

244 - Source Code.html

31 - Chapter 16 Loading Spinner and Error Component

245 - 161 Loading Spinner.mp4

09:16

246 - 162 Loading Spinner Contd.mp4

07:14

247 - 163 Error Component.mp4

11:24

248 - 16loadingspinneranderrorcomponent.zip

248 - Source Code.html

32 - Chapter 17 Adding UserWritten Reviews

249 - 171 Adding Reviews Part 1.mp4

23:01

250 - 172 Adding Reviews Part 2.mp4

11:32

251 - 173 Adding Reviews Part 3.mp4

10:48

252 - 174 Adding User Reviews.mp4

19:46

253 - 175 Refining Review Containers Part 1.mp4

03:53

254 - 176 Refining Review Containers Part 2.mp4

03:24

255 - 177 Refining Review Containers Part 3.mp4

06:00

256 - 17addinguserwrittenreviews.zip

256 - Source Code.html

33 - Chapter 18 Prototypes and Refactoring Error Handling

257 - 181 Adding Prototypes.mp4

28:57

258 - 182 Adding Prototypes Contd.mp4

14:23

259 - 183 Action Types.mp4

06:39

260 - 184 Refactoring Error Handling.mp4

06:28

261 - 185 Refactoring Error Handling Contd.mp4

01:57

262 - 18refactoring.zip

262 - Source Code.html

34 - Chapter 19 Updating to Webpack 2 And Building Production Abundle

263 - 191 Migrating to Webpack2.mp4

07:14

264 - 192 Hot Reloading.mp4

05:43

265 - 193 Hot Reloading Contd.mp4

09:31

266 - 194 HTML Webpack Plugin.mp4

04:48

267 - 195 Simple Production Build.mp4

07:34

268 - 196 Dev Config File Update.mp4

03:49

269 - 19updatingtowebpack2andbuildingproductionabundle.zip

269 - Source Code.html

35 - Chapter 20 Styling the App

270 - 201 Final Styling Part 1.mp4

07:13

271 - 202 Final Styling Part 2.mp4

04:07

272 - 203 Final Styling Part 3.mp4

10:53

273 - 204 Final Styling Part 4.mp4

03:58

274 - 205 Final Styling Part 5.mp4

02:40

275 - 206 Styling NavBar.mp4

02:33

276 - 207 Styling Product List Part 1.mp4

06:06

277 - 208 Styling Product List Part 2.mp4

05:18

278 - 209 Styling Product List Part 3.mp4

01:34

279 - 2010 Styling Product Profile.mp4

06:15

280 - 2011 Styling Product Profile Contd.mp4

05:06

281 - 2012 Styling Review.mp4

05:03

282 - 2013 Styling Review Contd.mp4

02:15

283 - 2014 Styling Continued.mp4

01:58

284 - 2015 Styling Namelist Part 1.mp4

03:40

285 - 2016 Styling Namelist Part 2.mp4

03:34

286 - 2017 Styling Namelist Part 3.mp4

01:44

287 - 2018 Styling Layout Footer.mp4

05:44

288 - 2019 Styling Layout Footer Contd.mp4

02:35

289 - 2020 General Layout Styling.mp4

05:07

290 - 2021 General Layout Styling Contd.mp4

01:07

291 - 2022 Font Work and More Styling.mp4

17:11

292 - 20stylingtheapp.zip

292 - Source Code.html

36 - Chapter 21 Epilogue

293 - Final Thoughts.mp4

02:50

294 - Bonus Lecture Please leave us a rating.html

Description

*includes FREE book! Build a SUPER MARLO RUN game in Unity®. Learn to code & 3D model. Make web apps in React & Redux.

What You'll Learn?

Code in C#
Make 3D models in Blender
Unwrap UV's and perform simple texturing of 3D art assets
Build a simple game that is easy to expand on
Lay out a web app in a logical way
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

Who is this for?

Beginner to intermediate game developers.

Developers who want to learn about React and Redux.

Coders who want to learn to build web apps.

Coders who want to learn JavaScript.

What You Need to Know?

To follow along with the Unity® section, you will need the following programs: Blender (for 3D modeling), Photoshop or a free program like Gimp (for 2D art/texturing), and Unity® (for coding).

The tutorials were recorded on a Mac, but Blender, Photoshop, and Unity® can be used with a PC.

Please download and install Unity® and Blender before purchasing this course.

For the React and Redux section, please have a modern web browser

Basic HTML/CSS knowledge

More details

Description
Want to be aÂ web or game developer? Even if you have never coded before, with this course you can learn the foundations of making a 3D game and coding for the web!
"This was a good match for me, I have some programming background. Might be a bit heavy for people without any programming experience. Good overall starter project with great examples of how to code properly from the start."

In Part 1 of this course, we build a 3DÂ SUPER MARLO RUNÂ game in UnityÂ®Â â€“Â from scratch.Â

This course does not assume any prior knowledge and isÂ perfect for beginners. In fact, we begin with an introduction to UnityÂ® for those who have never used it before.Â

This course is unique because you will learn how toÂ make your own 3D art, models, and textures in Blender. We will show you how to integrate the art into Unity.

By the end of Part 1, you will have a functioning runner game that you can build on to add your own project ideas!Â

In Part 2, youÂ learn how to build beautiful, well-functioning web apps.Â Join web developer Chris Veillette to start coding for the Internet.

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

Build 43 Models & a 3D Runner Game in UnityÂ® with C# CodeÂ
Ultimate Guide to Blender & Unity: Game Design & Development
Make a Fully Featured Game: Code in C#, Make Low Poly ModelsÂ
Build and model a Super MARLO runner clone in Unity
Make a Unity Platform Game & Low Poly Characters in Blender
Make Games and Web Apps: Unity, React and Redux Masterclass
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

Why React?

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!Â 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.Â

Your purchase includes the ebook "Build a Super Marlo Runner Game in UnityÂ®" by Mammoth Interactive.Â Sign upÂ right nowÂ to join the Mammoth community
Who this course is for:
Beginner to intermediate game developers.
Developers who want to learn about React and Redux.
Coders who want to learn to build web apps.
Coders who want to learn JavaScript.

User Reviews

Rating

average 0

Total votes0

Focused display

John Bura is has been a successful Udemy instructor since 2011. John Bura has been programming games since 1997 and teaching since 2002. John is the owner of the game development studio Mammoth Interactive. This company produces XBOX 360, iPhone, iPad, android, HTML 5, ad-games and more. Mammoth Interactive recently sold a game to Nickelodeon! John has been contracted by many different companies to provide game design, audio, programming, level design and project management. To this day John has 40 commercial games that he has contributed to. Several of the games he has produced have risen to the top 10 in the Apple's app store. In his spare time John likes to play ultimate Frisbee, cycle and work out.

Mammoth Interactive

Instructor's Courses

Mammoth Interactive is a leading online course provider in everything from learning to code to becoming a YouTube star. Mammoth Interactive courses have been featured on Harvard’s edX, Business Insider and more.Over 11 years, Mammoth Interactive has built a global student community with 1.1 million courses sold. Mammoth Interactive has released over 250 courses and 2,500 hours of video content.Founder and CEO John Bura has been programming since 1997 and teaching since 2002. John has created top-selling applications for iOS, Xbox and more. John also runs SaaS company Devonian Apps, building efficiency-minded software for technology workers like you."I absolutely love this course. This is such a comprehensive course that was well worth the money I spent and a lot more. Will definitely be looking at more Mammoth Interactive courses when I finish this." – Student Matt W."Very good at explaining the basics then building to more complex features." – Student Kevin L.Try a course today.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.