CSCI E-114, Web Application Development Using Jamstack

Jamstack Resources

thefutureofjamstack.org
Discover #TheFutureOfJamstack: A collective journey back to the core principles of simplicity, security, and scalability. Join the movement for a transparent, community-driven vision. Share stories, participate in polls, and shape the Jamstack Manifesto. Be part of the change!
www.twitch.tv
Dive deep into the heart of Jamstack with our panel discussion featuring some of the most influential voices in the industry: Salma Alam-Naylor, Cassidy Williams, Bryan Robinson, and Zach Leatherman. Recorded live on February 20th, 2024, this session explores the bounds of the term, challenges, and opportunities shaping the future of web development through Jamstack.
snipcart.com
Jamstack is an architecture in which a website can be delivered statically but provides dynamic content & interactive experience via JS.
jamstack.org
What is the Jamstack? Why use the Jamstack? How do I get started? Learn what the Jamstack is all about and why it's the best approach for building faster, more secure websites.
www.spicyweb.dev
The name is all but dead, nerfed by the company who invented it. Here's why Netlify was ahead of its time and where everything went wrong.
jamstack.org
Join 20,000+ developers and web enthusiasts for two days of keynotes, interactive sessions, live Q&A and 1:1 networking.
hasura.io
Best practices for using JAMStack in production & at scale: the arch uses static first to perform dynamically on the client to cater to complex requirements
remotesynthesis.com
Do recent changes mean the end of the term Jamstack? Unfortunately, it looks like a yes.
aws.amazon.com
Incorporating these pillars into your architecture helps produce stable and efficient systems. This allows you to focus on the other aspects of design, such as functional requirements. The pillars are: Operational Excellence, Security, Reliability, Performance Efficiency, Cost Optimization, and Sustainability.
www.esparkinfo.com
JAMstack is an approach to web development that allows building static websites. This article aims to detail some of the unbiased pros and cons of jamstack.
dev.to
All good things must come to an end and so, most likely, must my annual Jamstack update. But what have we lost in the process?. Tagged with webdev, jamstack, javascript.
jamstack.wtf
Jamstack has revolutionized the way we build for the web by providing a simpler developer experience, better performance, lower cost, and greater scalability.
collider.com
20th Century Fox has released new Fantastic Four movie footage; the film stars Miles Teller, Kate Mara, Michael B. Jordan, and Jamie Bell.
jamstack.wtf
Jamstack has revolutionized the way we build for the web by providing a simpler developer experience, better performance, lower cost, and greater scalability.
umbraco.com
What does Jamstack mean and how do you use it? Get to know the Jamstack architecture and how it differs from traditional website development
jamstack.org
Check out this showcase of some of the best, open source static site generators. This is community-drive so be sure to submit your favorite today!
11ty.rocks
A collection of Eleventy (11ty) starters, projects, plugins, and resources created by Stephanie Eckles (@5t3ph).
almanac.httparchive.org
Jamstack chapter of the 2022 Web Almanac covers quantifying Jamstack sites, the growth of Jamstack, Jamstack-y frameworks and hosting.
code.visualstudio.com
Visual Studio Code command-line interface (switches).
freebiesupply.com
The Netlify logo in vector format(svg) and transparent PNG. Available for download.
jamstack.org
What is the Jamstack? Why use the Jamstack? How do I get started? Learn what the Jamstack is all about and why it's the best approach for building faster, more secure websites.
jamstack.org
Check out this showcase of some of the best, open source static site generators. This is community-drive so be sure to submit your favorite today!
liquidjs.com
LiquidJS is a simple, expressive and safe Shopify / Github Pages compatible template engine in pure JavaScript.
marketplace.visualstudio.com
VS Code extensions for Liquid
snipcart.com
Jamstack is an architecture in which a website can be delivered statically but provides dynamic content & interactive experience via JS.
www.11ty.dev
Eleventy, a simpler static site generator
www.11ty.dev
Overview — Eleventy
www.11ty.dev
While pagination allows you to iterate over a data set to create multiple templates, a collection allows you to group content in interesting ways. A piece of content can be a part of multiple collections, if you assign the same string value to the tags key in the front matter.
www.11ty.dev
Configuration — Eleventy. Configure your 11ty site with eleventy.config.js. In your config, you can also add Plugins, Filters, Shortcodes, Custom Tags, JavaScript Functions, custom Collections, and use Advanced Collection Filtering and Sorting.
www.11ty.dev
Template Languages — Eleventy: HTML *.html, Markdown *.md, WebC *.webc, JavaScript *.11ty.js, Liquid *.liquid, Nunjucks *.njk, Handlebars *.hbs, Mustache *.mustache, EJS *.ejs Haml, *.haml Pug *.pug, Custom *.*
www.11ty.dev
Layouts — Eleventy. Eleventy Layouts are special templates that can be used to wrap other content. To denote that a piece of content should be wrapped in a template, use the layout key in your front matter.
www.flaticon.com
178 github icons. Vector icons in SVG, PSD, PNG, EPS and ICON FONT
nodejs.org
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
www.npmjs.com
semver.org
Semantic Versioning spec and website. For MAJOR.MINOR.PATCH version, increment the: MAJOR version for incompatible API changes; MINOR version for backward compatible features changes; PATCH version for backward compatible bug fixes
www.npmjs.com
node log utility. Latest version: 2.3.0, last published: 5 years ago. Start using log-util in your project by running `npm i log-util`. There are 28 other projects in the npm registry using log-util.
javascript.info
javascript.info
Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more.
www.haneycodes.net
Intro Okay developers, time to have a serious talk. As you are probably already aware, this week React, Babel, and a bunch of other high-profile packages on NPM broke. The reason they broke is rather astounding...
docs.github.com
You can browse the GitHub Advisory Database to find CVEs and GitHub-originated advisories affecting the open source world.
www.freecodecamp.org
Promises are important building blocks for asynchronous operations in JavaScript. You may think that promises are not so easy to understand, learn, and work with. And trust me, you are not alone! Promises are challenging for many web developers, even after spending years working with them. In this article,
javascript.info
There's a special syntax to work with promises in a more comfortable fashion, called “async/await”. It's surprisingly easy to understand and use.
javascript.info
A promise is a special JavaScript object that links the "producing code" and the "consuming code" together. The "producing code" takes whatever time it needs to produce the promised result, and the "promise" makes that result available to all of the subscribed code when it's ready.
developer.mozilla.org
The URLSearchParams() constructor creates and returns a new URLSearchParams object.
www.11ty.dev
Collections — Eleventy. While pagination allows you to iterate over a data set to create multiple templates, a collection allows you to group content in interesting ways. A piece of content can be a part of multiple collections, if you assign the same string value to the tags key in the front matter.
app.swaggerhub.com
Information about the Nobel Prizes and the Nobel Prize Laureates.
developer.mozilla.org
The URLSearchParams interface defines utility methods to work with the query string of a URL.
www.11ty.dev
Pagination — Eleventy. Pagination allows you to iterate over a data set and create multiple files from a single template. The input data can be in the form of an array or object defined in your frontmatter or in global data, or you can paginate a collection to make an easily digestible list of your posts.
liquidjs.com
Description and demo for each Liquid tag
liquidjs.com
LiquidJS is a simple, expressive and safe Shopify / Github Pages compatible template engine in pure JavaScript.
www.11ty.dev
Template Shortcodes — Eleventy
www.apollographql.com
How Apollo Server processes GraphQL operations
studio.apollographql.com
github.com
📜 A collective list of public GraphQL APIs. Contribute to graphql-kit/graphql-apis development by creating an account on GitHub.
curl.se
curl: a command line tool and library for transferring data with URLs (since 1998)
httpie.io
Making APIs simple and intuitive for those building the tools of our time.
jqlang.github.io
jq is a lightweight and flexible command-line JSON processor.
www.postman.com
Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.
www.usebruno.com
Bruno is a Fast and Git-Friendly Opensource API client, aimed at revolutionizing the status quo represented by Postman, Insomnia and similar tools out there.
hoppscotch.io
Helps you create requests faster, saving precious time on development.
insomnia.rest
Leading Open Source API Development Platform for HTTP, REST, GraphQL, gRPC, SOAP, and WebSockets
www.openapis.org
The OpenAPI Specification provides a formal standard for describing HTTP APIs. This allows people to understand how an API works, generate client code, create tests, apply design standards, and much, much more.
www.nps.gov
This API is designed to provide authoritative National Park Service (NPS) data and content about parks and their facilities, events, news, alerts, and more.
www.nps.gov
This API is designed to provide authoritative National Park Service (NPS) data and content about parks and their facilities, events, news, alerts, and more. Explore the NPS API below and even try to make API calls.
api.swaggerhub.com
Obtain information about all Nobel Prizes or search for a specific set of Nobel Prizes. Note that not all information about the Laureates are provided in the output, as a request of making this endpoints response lighter. Call the laureates endpoint for full information.
app.swaggerhub.com
Join thousands of developers who use SwaggerHub to build and design great APIs. Signup or login today.
developer.mozilla.org
The do...while statement creates a loop that executes a specified statement until the test condition evaluates to false. The condition is evaluated after executing the statement, resulting in the specified statement executing at least once.