Feature Roadmap
This may change over time, but here’s what’s on the roadmap for the Lean Web Club going forward.
New Tutorials. 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]
attributeNative lazy loading (iframe and video) Sticky nav
Patterns, Tips, & Tricks The early return pattern Multiple selectors in querySelector()
,matches()
, and so onFunction 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 The Lean Web Guide (talk/book content)
Improve existing content. Some tutorials need an update or overhaul. JSON.parse()
andJSON.stringify()
(teach outside the context oflocalStorage
)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
More Projects. Finish migrating the back catalog of projects to the site. Testing Series with the Calculator app Build your own website comments system Treasure Chest library Roll the dice library 7 Seas app (accounting for pirates, arr!) Disclosures Accordions Toggle Tabs Notifications Build a login/auth page Ecommerce Platform from scratch Easter Egg (konami code library) Drum Machine Country API Monster Memory Fortune Teller Table of Contents library Randomizer App The GitHub API Rock, Paper, Scissors Peg Art Game Audio Player Notes App Scroll Progress Ditching Libraries Series Lettering.js FitVids Plugin DIY jQuery Vue.js Markdown Editor Vue.js GitHub Commits
NEW Projects. Create new projects around expanded set of tutorials. Something with the Date
objectHTML-and-CSS-only projects
Finish Learning Paths. Finish building out learning paths for existing content. Structure & Scale Writing JS Libraries Web Apps
New Learning Paths. Add additional learning paths around careers, HTML, CSS, and more. Add More Tools. To compliment new content. Testing boilerplates
Career Resources. Add tutorials around resumes, finding jobs, and so on. Add a resume template to the list of tools.
Completed
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.