Working with Vue 3 and Go (Golang)

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: About me

Lecture 3: Options API vs. Composition API

Lecture 4: Installing Go

Lecture 5: Installing Visual Studio Code

Lecture 6: Installing the Vetur VS Code extension

Lecture 7: Installing make

Lecture 8: How to ask for help

Chapter 2: Getting Started with Vue

Lecture 1: What we'll cover in this section

Lecture 2: Using Vue with a CDN ( we'll use npm later)

Lecture 3: The structure of a Vue app

Lecture 4: Adding a simple form element and binding data

Lecture 5: Adding a counter

Lecture 6: Vue Components – Getting Started

Lecture 7: Creating a reusable form input component

Lecture 8: Trying out our TextInput component

Lecture 9: The Vue lifecycle and client side validation

Lecture 10: Nesting components within components

Lecture 11: Adding a select form component

Lecture 12: Adding a checkbox form component

Lecture 13: Conditional Rendering

Lecture 14: Fetching remote data

Lecture 15: Using the data we fetch in our Vue application

Lecture 16: Adding some interactivity to our list of books

Lecture 17: Removing a book from the list

Chapter 3: Working with Vue using Single File Components, the vue-cli and Node.js

Lecture 1: Installing Node.js

Lecture 2: Installing vue-cli

Lecture 3: Building and running a simple Vue application with vue-cli

Lecture 4: The structure of a vue-cli application

Lecture 5: Getting started with our app

Lecture 6: Registering header, body, and footer components

Lecture 7: Adding navigation to our header component

Lecture 8: Adding content to our body component

Lecture 9: Adding content to our footer component

Chapter 4: Routing with the Vue Router

Lecture 1: Installing the Vue Router

Lecture 2: Getting started with the Vue Router

Lecture 3: Adding our routes in App.vue and main.js

Lecture 4: Creating a second component and updating our navigation links

Lecture 5: Adding and using our form Vue Components from the previous section

Lecture 6: Creating and implementing a re-usable Form tag component

Lecture 7: Improving our Login form by binding data and listening for an event

Lecture 8: Improving our FormTag and simplifying client side validation

Chapter 5: Building a Go REST back end

Lecture 1: How Go works with JSON files

Lecture 2: Setting up our project

Lecture 3: Improving routes

Lecture 4: Connecting from Vue to Go – the first try

Lecture 5: Implementing CORS in our routes.go file

Lecture 6: Connecting from Vue to Go – the second try

Lecture 7: ReadJSON and WriteJSON helper functions

Lecture 8: Simplifying our handlers to use the new helper functions

Lecture 9: Adding a helper function to generate error messages

Chapter 6: Authentication

Lecture 1: Setting up a database with Docker

Lecture 2: Choosing a Postgres client

Lecture 3: Trying out Beekeeper and setting up a users table

Lecture 4: Creating a database driver package

Lecture 5: Connecting to the database using our driver package

Lecture 6: Using a Makefile to simplify our lives

Lecture 7: Setting up a User model

Lecture 8: Setting up the tokens table

Lecture 9: Setting up a Token model

Lecture 10: How we will write database functions for authentication

Lecture 11: Manually adding a user to the database

Lecture 12: Creating a test route and handler to try things out

Lecture 13: Writing methods to get a user by email or id

Lecture 14: Writing methods to update and delete users

Lecture 15: Writing the Insert method for the User type

Lecture 16: Writing the Password reset and PasswordMatches functions for the User type

Lecture 17: Getting started with methods for the Token type

Lecture 18: Generating and authenticating a token

Lecture 19: Inserting and deleting tokens

Lecture 20: Adding a ValidToken method to the Token type

Lecture 21: Trying out the database functions: adding a user

Lecture 22: Trying out generating a token

Lecture 23: Trying out the Token type's Insert function

Lecture 24: Trying out the ValidToken function

Lecture 25: Adding a unique constraint to the users table

Lecture 26: Checking for database errors in errorJSON

Lecture 27: Improving our jsonResponse type with an envelope

Chapter 7: Authentication from Vue to the Go Back End

Lecture 1: Updating our Login handler

Lecture 2: Updating the Vue front end to connect to /users/auth and get a token

Lecture 3: Trying out authentication

Lecture 4: Sharing data between components using a simple store

Lecture 5: Improving the login process

Lecture 6: Logging out

Lecture 7: Deleting a user's token on the back end on logout

Lecture 8: Making the request to delete a token from the front end

Lecture 9: Saving the token as a cookie

Lecture 10: Finishing up the improved login process

Lecture 11: An aside: speeding things up when writing JSON in production

Chapter 8: Protecting Routes and managing site content

Lecture 1: Protecting routes

Lecture 2: Trying out our route protection middleware

Lecture 3: Setting up stub components and routes