Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
GoLang Websockets Node Rest MVC API DualBoot
Rating: 4.3 out of 5(4 ratings)
405 students

GoLang Websockets Node Rest MVC API DualBoot

Coding is life.
Created byZach LaCourse
Last updated 5/2020
English
English [Auto],

What you'll learn

  • Node Express Rest and GoLang Websockets

Course content

11 sections144 lectures15h 58m total length
  • What were building35:21

    build a node express rest api with mongoose in an mvc structure, secured by http-only cookies and jwt tokens, with websocket-backed tasks and expenses across geo servers and projects.

  • RESOURCES
  • Forward1:47

    Develop a frontend that communicates with a Node.js server and Linode backend, enabling interoperation between both. Deploy certificates and map a domain to your Linode server for secure access.

  • Forward 22:03

    Provision linux servers, enable ssl, and configure domains and urls while flipping between two test servers, preparing your GoLang websockets Node Rest MVC API dualboot project.

  • Provisioning 0034:46

    Provision a blank Ubuntu server via SSH, update and upgrade packages with apt-get, and configure the environment while selecting an image and addressing Let's Encrypt challenges.

  • Provisioning 0046:39

    Learn to install and configure nginx, enable a site via sites-available and sites-enabled, manage symbolic links, and prepare for Let's Encrypt certificates.

  • Provisioning 0053:09

    Learn how to provision a Let's Encrypt TLS certificate on an Ubuntu server, clone the docs, stop nginx to free port 80, issue the certificate, and test the config.

  • Provisioning 0062:36

    Provision a reactive development environment by downloading and extracting node binaries, symlinking node and npm into path, and creating a partial blueprint directory for a React app.

  • Provisioning 0073:16

    Create a source directory, add fonts and an index file, set up babel with .babelrc, and prepare React app files like app.js and appProvider.js to compile the project.

  • Provisioning 0082:57

    Install and configure node packages, enable plugins, and fill the master and index files to bootstrap a React app. Set up fonts and flex-based styles for the initial project.

  • Provisioning 0092:34

    Provisioning 009 shows setting up a parcel-based frontend workflow by installing parcel, plugins, and react via npm, and updating package.json for the app provider.

  • Provisioning 0106:08

    Modify project by editing package.json, install components and hook router, configure host with the certificate and hub module port 5000, then run npm start to build and serve React app.

  • Frontend 0115:12

    create an app provider as the brain of the react app, enabling a global context for shared data and rest calls via axios, wrapped around the main application.

  • Frontend 0125:33

    Create a two-pane frontend layout in React with a left and right side, a dedicated app wrapper and a right-side sidebar, styled via CSS grid using a 320px column.

  • Frontend 0135:15

    Build a functional frontend dashboard by integrating the nav, sidebar, and dashboard components, wiring in the context provider and a navigation router with routes that render components based on navigation.

  • Frontend 0141:50

    Learn frontend layout techniques by applying background colors, flexbox (row/column), and grid positioning to build a full-width nav and dashboard that fill the grid space.

  • Frontend 0154:10

    Learn to implement a gradient mask on an SVG element, copy SPG code from dev tools, and build a gradient header and sidebar with navigable divs for a modular UI.

  • Frontend 0165:51

    Develop frontend styling for a GoLang app by integrating market icons, configuring flex layouts and padding, applying gradient text, and enabling hover cues for clickable navigation.

  • Frontend 0173:39

    Learn to implement a sidebar navigation with menu bar state, context sharing, and routing in a frontend app by managing MVS, using useEffect, and wiring servers navigation.

  • Frontend 01810:28

    Develop the sidebar UI by adding Font Awesome icons, styling the menu with flex layout, and wiring MVS states to highlight active items during server navigation setup.

  • Frontend 0196:27

    Learn to wire a shared app context using use context to drive a navigation bar that switches views (servers, projects, tasks, expenses) based on MVS state, with responsive layout.

  • Frontend 0202:57

    Use style components in the GoLang frontend by passing MVS as a prop to conditionally color dashboard elements by state, such as servers, projects, expenses, and SPG.

  • Frontend 0218:29

    Build a dashboard splash header with flex and absolute positioning, center-aligned and styled with typography and gradients. Reuse code as a subcomponent and pass props to customize the header.

  • Frontend 0225:10

    Define a live current time display in a React dashboard by creating a current time state, implementing a use interval hook, and formatting the date for real-time updates.

  • Frontend 0237:34

    Build a live date string in the dashboard using useEffect to compute day, month, and date from arrays. Style the splash header to display the time and date.

  • Frontend 0244:45

    Create and wire up the login and sign up components, connect routes, and test with /logging and /sign up, while using useState, useEffect, useContext, and styled components.

  • Frontend 0257:02

    Create a profile menu state in the app component, build a flexible navigation bar with a spacer, and implement a hover-driven dropdown to display user email when signed in.

  • Frontend 0266:20

    Style an account profile dropdown with absolute positioning and hover reveal, building two menus (login/signup when user is null, profile and log out when user exists) with 40px items.

  • Frontend 0277:57

    Learn to manage a hover-activated profile menu with leave-hides behavior, and route to login or sign-up using useEffect, navigation, and state resets.

  • Frontend 0285:47

    Move and synchronize app state between components to manage the menu and log in / sign up actions, using a listener effect to reset states when navigation changes.

Requirements

  • The Internet

Description

This is a node REST API and GoLang websocket server daulity course. The node server runs on mongo express mongoose etc etc. The GoLang server uses the cookie token to allow access to a couple of applications within the system being the task manager and expense. I love working with different languages so i thought why not create a system that dances between both go and node.

Who this course is for:

  • GoLang and NodeJs developers