Feature Roadmap

This may change over time, but here’s what’s on the roadmap for the Lean Web Club going forward.

• Complete Content Migration. Finish adding back catalog of content to the site.
  • Pocket Guides
    • Reference Lessons
    • Structured Guides under Learn
  • Standalone Projects
    • JavaScript Essentials
    • Structure & Scale
    • Web Apps
    • Temperature Calculator
    • Vanilla JS Projects Bundle
  • Ditching Libraries Series
    • Lettering.js
    • FitVids Plugin
    • DIY jQuery
    • Vue.js Markdown Editor
    • Vue.js GitHub Commits
• New Reference Manuals. Extend the Lean Web Club with more content around HTML, CSS, Static Site Generators, and more.
  • Static Site Generators
  • Forms (form field IDs as properties, the form property on form elements)
  • HTML Essentials
    • Semantic HTML
    • Structure and headings
    • Links, images, lists, tables, and so on
    • Audio and video
  • CSS Essentials
    • Selectors and specificity
    • The Cascade
    • CSS Grid
    • Flexbox
    • BEM, CUBE, and Utility Classes
  • Interactive HTML & CSS
    • Dialog
    • Popover
    • Scroll Snap
    • Form Validation
    • Native date picker (and its limitations)
    • Native color picker
    • The [download] attribute
    • Native lazy loading (iframe and video)
    • Sticky nav
  • Patterns, Tips, & Tricks
    • The early return pattern
    • Multiple selectors in querySelector(), matches(), and so on
    • Function best practices (naming, single focus, passing in parameters as an object, and so on)
    • Debouncing
    • Documentation best practices (good docs, documenting object properties)
    • Simpler boolean returns
    • Advanced selectors (data attributes, :not, :checked)
    • Recursion
    • Progressively enhanced HTML
  • Career Stuff
    • Networking
    • Writing good resumes
    • Best conferences (and how to get the most out of them)
    • Salary stuff
  • Web Performance
• Improve existing content. Some tutorials need an update or overhaul.
  • Details/Summary (add styling info and video)
  • Autocomplete w/ datalist (add video)
  • Smooth Scroll (add information on scroll-margin-top and a video)
  • Add Intl.collator object
  • Add videos for Testing Projects
  • Add videos for serverless projects

Completed

• Finish Learning Paths. Finish building out learning paths for existing content.
  • Structure & Scale
  • Writing JS Libraries
  • Web Apps
• Add More Tools. To compliment new content.
  • Testing boilerplates
• Search across all of the tutorials, projects, learning paths, and boilerplates.
• Your Stuff. The ability to save resources for quick access later, and mark tutorials, projects, and roadmaps as complete.
• Cross-Link Content. Add links to relevant projects and learning paths for each tutorial. Link to relevant tutorials for each project.
• Helper Function Examples. Add example code showing how helper functions can be used, as well as resources about how they work under-the-hood.