HTMX + Go: Build Fullstack Applications with Golang and HTMX from Udemy

This course is meticulously crafted for developers who are intrigued by the simplicity and power of HTMX but are uncertain about its practical application in production-ready projects.

Designed to take you from basic to advanced applications, this course is your answer.

This course bridges the gap between curiosity and professional capability in building applications with HTMX, coupled with the robustness of Go.

Golang developers have shown immense interest in HTMX, making it a perfect choice for this course where I’ll show you how to leverage these technologies effectively.

Throughout this course, you'll gain deep insights into how HTMX can make front-end development simpler and more powerful, paired perfectly with Go's back-end capabilities to create applications that are not only fast and reliable but also easy to develop and maintain.

We will start with the essentials, diving into the fundamentals of HTMX and revisiting Go templates to set a solid foundation. From there, the real fun begins as we embark on building a series of engaging and practical web applications.

Our first project will be a CRUD application—a staple for any developer's portfolio and a great way to get warmed up with our technology stack. This project will help you grasp the basic interactions between Go and HTMX as you create, read, update, and delete data.

Next, we raise the stakes as we delve into building a comprehensive User Management System. This application will introduce you to more complex functionalities such as user registration, login processes, profile updates, and picture uploads. You'll also learn how to craft an admin section to oversee and manage user activities effectively.

We’ll then proceed with a challenging and rewarding project: building a complete e-commerce system. This extensive project will allow you to apply everything you've learned on a larger scale. You'll manage product listings, shopping carts, and customer orders, providing you with a robust understanding of building full-scale applications using HTMX and Go.

What's inside

Learning objectives

Basics of server interaction with htmx
How to use go templates to render html for htmx requests
Building a crud application with htmx and go

Building a profile management system with htmx and go
Building an e-commerce website with htmx and golang

Basics of server interaction with htmx
How to use go templates to render html for htmx requests
Building a crud application with htmx and go
Building a profile management system with htmx and go
Building an e-commerce website with htmx and golang

Syllabus

Introduction

Project Resources

In this section, you will learn how to get your local development environment setup to follow along with the projects that will be built in this course

Installing Go

Installing Docker

Setting Up MySQL

Installing and Setting Up MySQL WorkBench

In this section, you will get up to speed with HTMX and all the HTMX concepts you need to follow along with the projects in this course

Quick HTMX Intro

Making HTTP Requests

Using Request Triggers

Trigger Modifiers

Adding Progress Indicators

Sending Data in Requests

Targeting Content Destination

Content Swapping

Using Different Swap Styles

Out Of Bound Swaps

Loading a Subset of your Response

In this section, the learner will be brought up to speed with the knowledge of Go Templates which is highly necessary to work with HTMX

Why you need to understand Go Templates

Working with a Single Template

Working with Multiple Templates

Passing Data to Templates

Working with Maps in Go Templates

Working with Slices in Go Templates

Using Functions in Go Templates

In this section, the learner will go through steps of setting up the base project for the Go Server we will be using throughout this course

Creating the Go Project

Configuring a Router

Connecting to the Database

Loading Templates

In this video, the student will build a simple To-do list application to get their feet wet building fullstack apps with Golang and HTMX

Planning the Project

Database Table and Schema

Loading Tasks

Adding New Tasks

Updating Existing Tasks

Deleting Tasks

In this section, we go a step further by building a more elaborate application for managing a user's profile. This will include, authentication and file uploads etc

Project Plan

Setting Up the Database

Project Setup

Project Modules - Models, Repository, Handlers

Repository Functions

Layout Templates - Authentication Pages

The Registration Page

Handling Account Registration

The Login Page

Handling Login

The Home Page

The Edit Page

Handling Profile Edit

Profile Image Upload Page

Handling Profile Image Upload

Logging Out

Suggested Improvements

In this section, we go even further building a more complicated system with Go and HTMX. This will be an E-Commerce application with a full shopping Cart

Project Details

What we will be building

Designing the Database

Cloning the Seed Project

Setting up Handlers

Templates and Static Files

Admin Layout Templates

Seeding the Database with Products

Listing Products

Viewing a Product

Creating a new Product

Editing an existing Product

Deleting Products

Shopping Page Layout

The Shopping Homepage

Adding Items To Cart

Incrementing and Decrementing Cart Items

Placing an Order

Listing User Orders

Viewing an Order

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Assumes familiarity with backend development, especially Golang, which may require learners to have prior experience or be willing to learn a new language

Focuses on building full-stack web applications, making it highly relevant for web developers looking to enhance their skills with HTMX and Go

Leverages the robustness of Go for backend capabilities, making it a perfect choice for Golang developers interested in simplifying front-end development with HTMX

Provides deep insights into how HTMX can simplify front-end development, offering a more powerful and maintainable approach when paired with Go's backend

Involves building a series of engaging and practical web applications, including a CRUD application, a User Management System, and an e-commerce system

Requires learners to install and configure Go, Docker, MySQL, and MySQL Workbench, which may pose a challenge for those unfamiliar with these tools

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in HTMX + Go: Build Fullstack Applications with Golang and HTMX with these activities:

Review Go Templates

Show steps

Solidify your understanding of Go Templates, as they are crucial for rendering HTML in HTMX applications.

Show steps

Review the official Go Templates documentation.
Practice creating simple templates with dynamic data.
Experiment with template functions and pipelines.

Brush up on HTML and CSS

Show steps

Ensure you have a solid grasp of HTML and CSS fundamentals, as HTMX relies on these for structuring and styling web pages.

Browse courses on HTML

Show steps

Review HTML elements and attributes.
Practice styling elements with CSS selectors and properties.
Explore responsive design principles.

HTMX Attribute Exercises

Show steps

Practice using different HTMX attributes to manipulate content and trigger HTTP requests.

Browse courses on HTMX

Show steps

Create a simple form with HTMX attributes for submitting data.
Implement dynamic content updates using hx-get and hx-swap.
Experiment with different trigger modifiers to control request behavior.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Follow HTMX Examples

Show steps

Work through online tutorials that demonstrate various HTMX features and techniques.

Browse courses on HTMX

Show steps

Find tutorials that cover specific HTMX use cases.
Replicate the examples in your own projects.
Modify the examples to explore different approaches.

Build a Simple Contact Form

Show steps

Create a contact form using HTMX and Go to practice handling form submissions and server-side logic.

Browse courses on HTMX

Show steps

Design the HTML structure of the contact form.
Implement the Go handler to process form data.
Use HTMX attributes to submit the form asynchronously.
Display success or error messages using HTMX.

Let's Go

Show steps

Deepen your understanding of Go web development principles to better integrate HTMX with your backend.

View Rat City: Overcrowding and Urban Derangement in... on Amazon

Show steps

Read the chapters on routing and templating.
Implement the examples in your own projects.
Experiment with different routing and templating techniques.

Contribute to an HTMX Project

Show steps

Contribute to an open-source project that uses HTMX to gain real-world experience and collaborate with other developers.

Browse courses on HTMX

Show steps

Find an open-source project that uses HTMX.
Identify a bug or feature to work on.
Submit a pull request with your changes.
Participate in code reviews and discussions.

The Go Programming Language

Show steps

Gain a deeper understanding of the Go programming language to enhance your ability to build robust HTMX applications.

View Go Programming Language, The (Addison-Wesley... on Amazon

Show steps

Read the chapters on concurrency and networking.
Experiment with different Go features and libraries.
Apply your knowledge to improve your HTMX projects.

Career center

Learners who complete HTMX + Go: Build Fullstack Applications with Golang and HTMX will develop knowledge and skills that may be useful to these careers:

Full-Stack Developer

Full stack developers work on both the front-end and back-end of applications. This course is ideal for full stack developers seeking to master modern web development using HTMX for front-end interactions and Go for back-end services. The course offers hands-on experience with projects that allow for learning how to effectively combine these technologies to create full stack applications. The e-commerce project is especially relevant as it simulates a complete environment from database to user interaction, important for full stack work.

See salaries and explore the career path for Full-Stack Developer

Web Application Engineer

Web application engineers develop and maintain web-based software applications. This course is directly relevant for web application engineers who want to gain expertise in using HTMX to create dynamic front-end interfaces and Go for building robust back-end systems. Through the course, a web application engineer gains hands-on experience. The projects, ranging from basic CRUD operations to comprehensive e-commerce platforms, are useful for a web application engineer who wants to build and maintain dynamic web applications.

See salaries and explore the career path for Web Application Engineer

Web Developer

A web developer builds and maintains websites and web applications. This course is especially useful for web developers who want to learn how to build dynamic, interactive user interfaces with HTMX alongside the back-end capabilities of Go. By focusing on practical projects like a CRUD application, a user management system, and an e-commerce platform, this course directly helps developers grasp how to leverage HTMX to create more responsive user interfaces with less JavaScript, paired with Go's robust server-side capabilities. A web developer can use the projects in this course to build their portfolio.

See salaries and explore the career path for Web Developer

Application Developer

An application developer builds applications for specific purposes, such as business or consumer use. This course provides a strong foundation for application developers by teaching them how to create full-stack web applications using HTMX and Go. The variety of practical projects, including CRUD, user management, and e-commerce systems, allows an application developer to see how complex, functional applications are built from the ground up. This provides a full view of the application development process.

See salaries and explore the career path for Application Developer

Software Engineer

A software engineer designs, develops, and maintains software systems. This course is particularly valuable for software engineers interested in building web applications with a focus on performance and maintainability. The integration of HTMX with Go provides a practical approach to building efficient web solutions. The course allows software engineers to gain hands-on experience with fundamental web development principles, as well as the design and implementation of application features in a full stack environment. The focus on CRUD operations, user management, and e-commerce enables software engineers to see how robust web solutions are built.

See salaries and explore the career path for Software Engineer

Frontend Developer

Frontend developers are primarily responsible for implementing user interfaces and experiences. For a frontend developer looking to expand their skill set beyond traditional JavaScript frameworks, this course offers a unique pathway using HTMX, which allows for building dynamic interfaces with less Javascript. The course’s in-depth exploration of HTML, templating with Go, and server interactions are useful components in building rich frontends. A frontend developer who takes this course can learn how to create more interactive experiences.

See salaries and explore the career path for Frontend Developer

Backend Developer

Backend developers focus on the server side of applications, including databases and APIs. This course is beneficial for backend developers who want to enhance their skills in Go and learn how to integrate it with HTMX for dynamic web interfaces. While a backend developer may not focus heavily on front-end frameworks, they will find the deep dive into Go templates and server-side logic essential. The course’s focus on building backends to support user management and e-commerce systems offers backend developers a practical approach for building robust applications.

See salaries and explore the career path for Backend Developer

Software Consultant

A software consultant provides expert advice on software development to businesses. This course may be useful to a software consultant by providing them with another skill set to draw from when making recommendations. The course’s approach to full stack web development using HTMX and Go gives consultants a full picture of a particular software architecture. The course's projects may also be used to demonstrate a consultant's technical abilities.

See salaries and explore the career path for Software Consultant

Solutions Architect

Solutions architects design and oversee the implementation of technology solutions, focusing on scalability, performance, and maintainability. This course may be useful for a solutions architect by introducing them to the combination of HTMX and Go. They can see how these technologies can be used together to create effective web applications. The course’s focus on practical projects such as e-commerce systems will demonstrate the capabilities of the tech stack. A solutions architect can consider this architecture in their future projects.

See salaries and explore the career path for Solutions Architect

Software Architect

A software architect is responsible for the high level design and structure of software systems. This course may be useful to a software architect by introducing them to another way to build web applications with HTMX and Go. The course’s projects, like the e-commerce system, provide exposure to the practical application of different architectural approaches, including interaction between front end and back end. This course can give software architects an additional perspective on how to design modern applications. Software architects typically require an advanced degree.

See salaries and explore the career path for Software Architect

DevOps Engineer

A DevOps engineer focuses on the infrastructure and processes that support software development and deployment. This course may be helpful for a DevOps engineer to understand the technologies used in a web application stack, specifically HTMX and Go. It allows them to see how these technologies are deployed and how they can be supported. The course also uses Docker, which is pertinent for DevOps engineers working with containerization. A DevOps engineer can leverage this learning to better support development teams.

See salaries and explore the career path for DevOps Engineer

Technology Consultant

Technology consultants advise organizations on technology solutions. This course may be useful for technology consultants to understand modern web development technologies, specifically the combination of HTMX and Go for creating efficient and maintainable web applications. The course’s emphasis on practical projects will help the consultant advise clients on potential technology choices. Technology consultants who are familiar with multiple tech stacks are well-positioned to provide excellent advice.

See salaries and explore the career path for Technology Consultant

Technical Project Manager

Technical project managers oversee software development projects. This course may be useful for technical project managers who want a deeper understanding of the practical aspects of web application development with technologies such as HTMX and Go. The practical nature of the course's projects will help technical project managers understand the kind of effort required to achieve milestones. Additionally, technical project managers may find it helpful to understand the technologies their team is working with.

See salaries and explore the career path for Technical Project Manager

Database Administrator

Database administrators manage and maintain databases. This course may be useful for database administrators by providing them with a view of how databases are used within a full stack web application. The course includes creating the database and working with schemas in the back end. Understanding how an application interacts with the database is important for a database administrator in optimizing and maintaining databases. This course offers practical exposure to this area.

See salaries and explore the career path for Database Administrator

Systems Analyst

Systems analysts use data and computer technology to solve problems and improve computer systems. While not directly related, this course may be useful for a systems analyst by illustrating how web applications are constructed using a particular tech stack and architecture. The course includes an overview of the full system from the front end to the back end including the database and system components. A systems analyst can draw from this information when assessing and improving existing systems.

See salaries and explore the career path for Systems Analyst

Reading list

We've selected two books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in HTMX + Go: Build Fullstack Applications with Golang and HTMX.

The Go Programming Language

Save

Comprehensive guide to the Go programming language. It covers all aspects of the language, from basic syntax to advanced concurrency patterns. While not specifically focused on web development, it provides a solid foundation for understanding the Go backend used in this course. This book is commonly used as a textbook at academic institutions and by industry professionals.

Go Programming Language, The (Addison-Wesley...

Kindle Edition

Rat City

Save

Provides a practical introduction to building web applications with Go. It covers topics such as routing, templating, and database interaction, which are essential for using Go with HTMX. This book is particularly useful for developers who are new to Go and want to learn how to build web applications from scratch. It great reference for understanding the Go backend components used in this course.

Rat City: Overcrowding and Urban Derangement in the...

Hardcover

Rat City: Overcrowding and Urban Derangement in the...

Kindle Edition

HTMX + Go

Build Fullstack Applications with Golang and HTMX

What's inside

Learning objectives

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses