Workshop Agenda

Have questions? Connect on LinkedIn


Introduction

  • Why “low-code” prototyping?
  • When to use
  • What you’ll learn in this workshop
  • What you’ll need
  • What you’ll build
  • Introduction activity

Environment

  • GitHub
    • Branches, commits, and pull requests, oh my!
  • Trap Kit
  • Gitpod
  • Markdown
  • Environment activity

Functionality

  • Content
  • Components
  • Layouts
  • Templates
  • Data
  • Functionality activity

Styling

  • USWDS primer
  • Design tokens and utilities
  • Styling in Trap Kit
  • Styling activity

Interactivity

  • jQuery primer
  • Hiding and showing elements in Trap Kit
  • Saving and reusing data in Trap Kit
  • Interactivity activity

Building

  • Building activity

Resources

  • Codepen
  • GitHub
  • GitHub Desktop
  • GitHub Pages
  • Gitpod
  • Jekyll
  • jQuery
  • Liquid filters
  • Lowcode Lounge
  • Markdown (GitHub-flavored)
  • Trap Kit
  • U.S. Web Design System
  • VS Code

Back home