Fullstack React & GoLang: Design to Reality Volume 1
3.2 (25 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.
2,579 students enrolled

Fullstack React & GoLang: Design to Reality Volume 1

React Hooks Golang Websocket Styled Components Visually Appealing Beast
3.2 (25 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.
2,579 students enrolled
Created by Zach LaCourse
Last updated 5/2020
English
English [Auto]
Current price: $86.99 Original price: $124.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 25 hours on-demand video
  • 7 articles
  • 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
  • React with Pro Designs and Golang Backend Web Sockets / REST
Course content
Expand all 180 lectures 25:13:04
+ System Setup and Provisioning
12 lectures 03:35:02
RESOURCES
00:00
Install Mysql Mongo PHPMyAdmin
23:02
Install Node and Go
10:43
Install Redis Server
04:11
First React App & Nodejs Fun Stuff
37:31
Recap Full Server Provision Part I
39:22
Recap Full Server Provision Part II
38:20
USING THE DOCKER IMAGE!!!
18:58
+ Main Project Build
4 lectures 01:13:48
The Construct
24:31
Asssets and Menu Components / Router LInks
18:54
Media Reading Profile / Router Links
10:55
The rest of The Master Compoents & Displays
19:28
+ Go Websocket Server
11 lectures 01:34:48
Go Websocket Server I
11:44
Go Websocket Server II
03:59
GoLang Procon Data Package & Wireup Context With Websocket
11:38
Setup Go Websocket Server Read Loop
09:12
Go Utils Package and Base64 Decode test
08:11
Mongo Fs & Config Packages Part I
07:18
Mongo Connection Package Part II Test Connection
09:29
Setup Mongo User and Test Retrieval / Validation
14:49
Generate Private Public Key Pair
05:42
Finish Config File Read In Public Private Keys
05:16
JWT Generation & Send User Object
07:30
+ The UI Displays
13 lectures 03:21:22
Wireup Keyboard Listener Start Login Panel
08:29
Build LoginSignup Form #15 add Functionality
19:09
Add Users and Profile Data Mongo Upload Images
09:31
Profile Display Part I
15:12
Profile Image Request (Part II)
18:19
Polish Off Profile (Finish Request Set Context Data
17:24
Add Message Data Request and Save to Context
11:40
Messages and Chat Part I
12:17
Polish Off Chat and Messages
16:36
Polish Off Menu Display #3
16:52
Date FNS and Calendar Prep
09:07
Polish Off Calendar Display #09
33:53
Polish Off NumPad Display #3
12:53
+ PART II :: Project Rebuild
101 lectures 11:12:04
About:
00:00
The Resource Link: Proj 2 Frontend
00:00
The Resource Link2: Proj2 Node Backend
00:00
Begin Part II
05:10
Hello World 2
03:12
Hello World 2 React App
11:42
The Setup - Styled Components - css Transitions
05:26
Transitions 002
04:22
Transitions 003
04:22
Transitions 004
06:48
Transitions 005
00:57
Transitions 006
00:59
Transitions 007
01:25
Transitions 008
01:07
Exercise Two Setup (skew, scale, translate, rotate, transform)
06:12
Css Animations 010
09:57
Css Animations 011
10:28
Css Animations 012
09:54
Css Animations 013
07:26
Css Animations 014
15:21
Css Animations 015
06:24
Css Animations 016
07:47
Dev 001
05:12
Dev 002
09:29
Dev 003
02:47
Dev 004
10:05
Dev 005
07:06
Dev 006
06:43
Dev 007
05:56
Dev 008
07:44
Dev 009
10:22
Dev 010
10:18
Dev 011
12:21
Dev 012
03:55
Dev 013
08:14
Dev 014
09:46
Dev 015
07:33
Dev 016
11:36
Detour 002
04:41
Detour 003
09:41
Detour 004
02:32
Detour 005
06:52
Detour 006
06:07
Detour 007
08:29
Detour 008
01:27
Detour 009
03:38
Detour 010
13:35
Detour 011
02:46
Detour 012
11:20
Detour 013
11:22
Detour 014
10:27
Detour 015
07:57
Detour 016
04:28
Flex 001
07:56
Flex 002
09:28
Flex 003
07:33
Flex 004
11:00
Flex 005
08:42
Flex 006
02:42
Flex 007
06:42
Flex 008
01:53
Flex 009
03:32
Flex 010
05:16
Flex 011
05:45
Charts 001
01:05
Charts 002
04:28
Charts 003
02:06
Charts 004
07:22
Charts 005
10:20
Charts 006
07:41
Charts 007
12:37
Charts 008
05:02
Charts 009
04:48
Charts 010
18:07
Charts 011
05:12
Charts 012
07:02
Charts 013
07:33
Charts 014
10:27
Charts 015
04:51
Charts #2 001
01:36
Sentinel 001
04:40
Sentinel 002
02:42
Sentinel 003
08:06
Sentinel 004
06:17
Sentinel 005
02:00
Sentinel 006
07:38
Sentinel 007
03:49
Sentinel 008
03:23
Sentinel 009
05:54
Sentinel 010
04:57
Sentinel 011
07:45
Sentinel 012
02:21
Sentinel 013
07:20
Sentinel 014
06:32
Sentinel 015
08:49
Sentinel 016
13:23
Sentinel 017
09:49
Sentinel 018
10:42
Sentinel 019
13:21
+ Project II Continued:: React D3
5 lectures 43:31
D3 React 001
05:44
D3 React 002
06:57
D3 React 003
12:48
D3 React 004
12:16
D3 React 005
05:46
+ Mini GraphQL Apollo Server Course
34 lectures 03:32:28
Up and Running
13:10
Add Systems and Services
03:52
Type Relationships
02:19
Type Relationship with arrays
05:01
Mutations add to data array set
02:09
Mutations, remove from array set
03:23
Refactor and Modularize Part I
03:23
Refactor and Modularize Part II
02:53
Refactor Modularize Part III
04:54
Refactor and Modularize Part IV
07:51
Integrate MySql Part I
06:46
Integrate MySql Part II
06:41
Integrate MySql Part III
09:39
Wireup GraphQl with React Part I
07:21
Wireup GraphQl with React Part II
08:44
Wireup GraphQl with React Part III
10:22
Integrating Users Part I
03:02
Integrating Users Part II
03:43
Integrating Users Part III
03:22
Integrating Users Part IV
06:14
Integrating Jwts Part I
10:15
React GQL Login Form
08:10
Protect Routes with JWT & start add user form
30:35
Quck Update N Recap
02:07
Minor Fixes then Unward
03:48
Add Multer and Ant
04:55
Update User Model for Profile Image
02:11
Secure Create User Route
04:25
Patch Create User with Profile Image
06:20
Setup Server with Multer Add Upload Route
04:46
Add Client Side Axios and Uploader Component
17:07
Polish Off Set Profile Image Path in MySql
03:00
Resources:
00:00
Requirements
  • Internet
Description

Using Go Lang as our back end system and Mongo DB for Data strorage we will build a fluent React Hooks and Context front end with Styled Components and React Router. Asynchronous Web-Socket handling is a big focus on the back end with BCrypt user authentication and JWT Generation and Validation.  There is a huge dynamic touch with css flex and grid utilization as well for the front end. This course is Volume one of many to come after. Its is setup to be built / appended / added to.

Who this course is for:
  • React and GoLang Lovers