Book Image

Full-Stack Web Development with Go

By : Nanik Tolaram, Nick Glynn
Book Image

Full-Stack Web Development with Go

By: Nanik Tolaram, Nick Glynn

Overview of this book

Go is a modern programming language with capabilities to enable high-performance app development. With its growing web framework ecosystem, Go is a preferred choice for building complete web apps. This practical guide will enable you to take your Go skills to the next level building full stack apps. This book walks you through creating and developing a complete modern web service from auth, middleware, server-side rendering, databases, and modern frontend frameworks and Go-powered APIs. You’ll start by structuring the app and important aspects such as networking, before integrating all the different parts together to build a complete web product. Next, you’ll learn how to build and ship a complete product by starting with the fundamental building blocks of creating a Go backend. You’ll apply best practices for cookies, APIs, and security, and level up your skills with the fastest growing frontend framework, Vue. Once your full stack application is ready, you’ll understand how to push the app to production and be prepared to serve customers and share it with the world. By the end of this book, you’ll have learned how to build and ship secure, scalable, and complete products and how to combine Golang with existing products using best practices.
Table of Contents (21 chapters)
1
Part 1: Building a Golang Backend
5
Part 2:Serving Web Content
9
Part 3:Single-Page Apps with Vue and Go
14
Part 4:Release and Deployment

Bulma sample

Open the sample chapter08/bulma/bulma_sample.html file in your browser, and the HTML page will look like Figure 8.4:

Figure 8.4: Bulma example page

Figure 8.4: Bulma example page

The following code snippet shows the Bulma CSS file used in the web page:

<head>
   ...
   <link rel="stylesheet" href=
      "https://cdn.jsdelivr.net/npm/[email protected]/css/
       bulma.min.css">
</head>

The web page uses different HTML elements tags styled using the Bulma CSS, as seen in the following code snippet:

<section class="hero is-medium is-primary">
   <div class="hero-body">
       <div class="container">
           <div class="columns">
       ...