Fullstack React & GoLang: Design to Reality Volume 1

Course Curriculum

Chapter 1: System Setup and Provisioning

Lecture 1: What were building.

Lecture 2: RESOURCES

Lecture 3: PLEASE READ:

Lecture 4: Domain Names and Servers

Lecture 5: Initial Ubuntu Setup & Install Nginx and Lets Encrypt

Lecture 6: Install Mysql Mongo PHPMyAdmin

Lecture 7: Install Node and Go

Lecture 8: Install Redis Server

Lecture 9: First React App & Nodejs Fun Stuff

Lecture 10: Recap Full Server Provision Part I

Lecture 11: Recap Full Server Provision Part II

Lecture 12: USING THE DOCKER IMAGE!!!

Chapter 2: Main Project Build

Lecture 1: The Construct

Lecture 2: Asssets and Menu Components / Router LInks

Lecture 3: Media Reading Profile / Router Links

Lecture 4: The rest of The Master Compoents & Displays

Chapter 3: Go Websocket Server

Lecture 1: Go Websocket Server I

Lecture 2: Go Websocket Server II

Lecture 3: GoLang Procon Data Package & Wireup Context With Websocket

Lecture 4: Setup Go Websocket Server Read Loop

Lecture 5: Go Utils Package and Base64 Decode test

Lecture 6: Mongo Fs & Config Packages Part I

Lecture 7: Mongo Connection Package Part II Test Connection

Lecture 8: Setup Mongo User and Test Retrieval / Validation

Lecture 9: Generate Private Public Key Pair

Lecture 10: Finish Config File Read In Public Private Keys

Lecture 11: JWT Generation & Send User Object

Chapter 4: The UI Displays

Lecture 1: Wireup Keyboard Listener Start Login Panel

Lecture 2: Build LoginSignup Form #15 add Functionality

Lecture 3: Add Users and Profile Data Mongo Upload Images

Lecture 4: Profile Display Part I

Lecture 5: Profile Image Request (Part II)

Lecture 6: Polish Off Profile (Finish Request Set Context Data

Lecture 7: Add Message Data Request and Save to Context

Lecture 8: Messages and Chat Part I

Lecture 9: Polish Off Chat and Messages

Lecture 10: Polish Off Menu Display #3

Lecture 11: Date FNS and Calendar Prep

Lecture 12: Polish Off Calendar Display #09

Lecture 13: Polish Off NumPad Display #3

Chapter 5: PART II :: Project Rebuild

Lecture 1: About:

Lecture 2: The Resource Link: Proj 2 Frontend

Lecture 3: The Resource Link2: Proj2 Node Backend

Lecture 4: Part Two Promo

Lecture 5: Begin Part II

Lecture 6: Hello World 2

Lecture 7: Hello World 2 React App

Lecture 8: The Setup – Styled Components – css Transitions

Lecture 9: Transitions 002

Lecture 10: Transitions 003

Lecture 11: Transitions 004

Lecture 12: Transitions 005

Lecture 13: Transitions 006

Lecture 14: Transitions 007

Lecture 15: Transitions 008

Lecture 16: Exercise Two Setup (skew, scale, translate, rotate, transform)

Lecture 17: Css Animations 010

Lecture 18: Css Animations 011

Lecture 19: Css Animations 012

Lecture 20: Css Animations 013

Lecture 21: Css Animations 014

Lecture 22: Css Animations 015

Lecture 23: Css Animations 016

Lecture 24: Dev 001

Lecture 25: Dev 002

Lecture 26: Dev 003

Lecture 27: Dev 004

Lecture 28: Dev 005

Lecture 29: Dev 006

Lecture 30: Dev 007

Lecture 31: Dev 008

Lecture 32: Dev 009

Lecture 33: Dev 010

Lecture 34: Dev 011

Lecture 35: Dev 012

Lecture 36: Dev 013

Lecture 37: Dev 014

Lecture 38: Dev 015

Lecture 39: Dev 016

Lecture 40: Detour 001

Lecture 41: Detour 002

Lecture 42: Detour 003

Lecture 43: Detour 004

Lecture 44: Detour 005

Lecture 45: Detour 006

Lecture 46: Detour 007

Lecture 47: Detour 008

Lecture 48: Detour 009

Lecture 49: Detour 010

Lecture 50: Detour 011

Lecture 51: Detour 012

Lecture 52: Detour 013

Lecture 53: Detour 014

Lecture 54: Detour 015

Lecture 55: Detour 016