JAMStack: The Complete Guide

Learn the JAMStack from start to finish. Create dynamic serverless architectures using JavaScript, APIs & Markup.

4.58 (369 reviews)
Udemy
platform
English
language
Web Development
category
instructor
2,295
students
4.5 hours
content
May 2020
last update
$69.99
regular price

What you will learn

JAMStack Architecture

Static Site Generators (HUGO)

Headless CMS (Netlify CMS)

Continuous Integration & Continuous Delivery

Description

Learn to build fast, reliable & secure sites using the JAM stack architecture.

A comprehensive start to finish guide with practical lessons suited to both beginners and experienced developers alike.

  • Learn JAMStack-specific concepts

  • Understand each layer of the stack and how they fit together

  • Learn the fundamentals of Static Site Generators

  • Integrate a Headless CMS into a static site

  • Automate builds & deploys using CI / CD


An invaluable skill for any Web Developer

JAMStack is modern web stack that solves many of the problems associated with traditional server-side (monolithic) architectures used for most web-based projects.

Learning to shift from traditional stacks to a modern stack, like JAMStack, is an essential skill for any developer working on web-based projects.

This course will provide a very practical and concise approach to understanding every aspect of the JAMStack and will enable you to start creating custom solutions for any given project, or incrementally migrate existing projects to a JAMStack.

Content & Overview

With dedicated sections for each part of the JAM stack, this course aims to teach you how to think and work in terms of a JAMStack.

The focus of the course is the architecture itself, rather than focusing on specific solutions and is suitable for anyone with basic web-development and Git knowledge.

The course starts by covering all the concepts specific to a JAMStack and demonstrates the function of each layer of the stack.

Thereafter the “Markup” part of the stack is covered with some in-depth explanations and an introduction to the HUGO static site generator. Teaching you how to install, configure and compile static sites.

The course then builds on this by explaining how to add dynamic functionality to a static site by means of JavaScript APIs. Including the use of cloud functions and self-hosted API services.

Next you’ll learn to create a completely automated build and deploy process using either GitHub Actions or an all-in-one solution like Netlify.

With finally a dedicated section on how to integrate a headless CMS into a static site.

Upon completion of this course, you will not only understand the specific solutions covered in the lessons, but also have a broad understanding of how to build sites and apps using the core principles of a JAMStack.

The entire course is to the point and will teach you the entirety of the JAMStack architecture in the shortest amount of time possible!

Content

Introduction

Overview
Why JAMStack?
Course Overview & Lesson Structure

The JAM in JAMstack

What defines a JAMstack?
A Basic JAMstack Website
JAMstack Configurations

Static Site Generators - Getting Started with HUGO

Introduction
Installing HUGO
Creating & Building a New Site
Archetypes
Layouts
Templating Basics
Configuration & Variables
Types & Kinds
Template Variables
Functions
Shortcodes
Assets and Pipelines
Data Templates

Extending Markup with JavaScript & APIs

Overview
Full-text Search
Cloud Functions

Automated Deploys

Manual Builds with CI/CD
All-in-one Services

Headless Content Management Systems (CMS)

Headless CMS Overview
Getting Started with Netlify CMS
Deploying Netlify CMS

Epilogue

Further Learning
Bonus Lecture

Screenshots

JAMStack: The Complete Guide - Screenshot_01JAMStack: The Complete Guide - Screenshot_02JAMStack: The Complete Guide - Screenshot_03JAMStack: The Complete Guide - Screenshot_04

Reviews

Roland
November 20, 2023
Straight up! Simple, no cruft, only the information that pushes the understanding forward. Well done.
Mark
November 6, 2023
I really like the foundation that has been presented sofar. The introduction really filled in gaps on what is a JamStack. I am hoping the rest of the course is equally insightful.
Mark
August 4, 2023
Helped me to solidify my understanding of JAMStack architecture and is an awesome resource on Hugo (which is the reason I signed up in the first place).
Robert
July 19, 2023
Amazing teaching style! Very clear instructions and explainations without adding fluffy content. I really appreciate you taking the time to make this. Thank you!
Tibor
March 27, 2023
I would like to understand deeper how the CMS system are working. All the content was really helpful and useful. Than you so much!
Roger
January 31, 2023
Great Course This is a great introduction to the Jam stack and Hugo I really loved the slides and how everything was presented
HEM
November 9, 2022
This is by far the best course I have taken on Udemy. Amazing author. He knows exactly what and how much needs to be presented in each lesson. Honestly, if he makes a course on how he makes his courses so valuable and engaging, I would take that also.
Stephen
November 4, 2022
I know static site generators area good compliment to JAMstack but nearly half the course material is on HUGO syntax and looking down the menu I see there's only half an hour on the part I'm looking to utilize, headless CMS.
Henry
September 3, 2022
A good overview of the JAMStack with clear explanation and examples. One of my favorite instructors on UDEMY. Only wish there was an example with an API driven CMS.
Vladimir
August 5, 2022
Course was good but I did expect something little a bit different. Also HUGO is maybe not the best pick here as using NodeJS should be combined with NextJS to be fully explained for JavaScript developers, as much easier understanding of everything. Over all, I have learned a lot and I am glad that I bought this course with discount, because first price was unreal, at the first time see and I also think that now.
Eric
July 29, 2022
I learned a lot and the course laid things out very smoothly. Looking forward to building my own JAMStack site.
Ryan
July 26, 2022
This course was great. Clean, concise, and helpful. I went from being confused chasing buzzwords on Google to knowing now what I can and cannot do with it. Bonus points for bringing it under 5 hours. Thank you.
Luis
July 20, 2022
One of the best courses in Udemy for sure! I really enjoy the clarity and the well structured course. Ray makes an awesome work explaining everything as clear as possible and with great animations/videos. If I would have to pick a negative thing is that I wish the course was longer, with more information about Hugo, APIs and CMS, but this would make the course waaay longer. Also, I would love to see more courses about the JamStack (Gatsby, etc) available with Ray.
Milan
June 12, 2022
It should have a project following the course, so once you finish the course, you have a completed project as an afirmation, this is just a theory...
Bradley
May 18, 2022
Great presentation of material! It is always refreshing to see another perspective on Hugo. Sometimes it is hard to find good Hugo material, if your not a blogger! I like the section on Lunr!

Charts

Price

JAMStack: The Complete Guide - Price chart

Rating

JAMStack: The Complete Guide - Ratings chart

Enrollment distribution

JAMStack: The Complete Guide - Distribution chart

Related Topics

3046596
udemy ID
4/24/2020
course created date
5/22/2020
course indexed date
Bot
course submited by