- What Is a Front-End Developer?
- Part I: The Front-End Practice
- Part II: Learning Front-End Dev
- Self Directed Learning
- Learn Internet/Web
- Learn Web Browsers
- Learn DNS
- Learn HTTP/Networks
- Learn Web Hosting
- Learn General Front-End Dev
- Learn UI/Interaction Design
- Learn HTML & CSS
- Learn SEO
- Learn JavaScript
- Learn Web Animation
- Learn DOM, BOM & jQuery
- Learn Web Fonts
- Learn Accessibility
- Learn Web/Browser APIs
- Learn JSON
- Learn JS Templates
- Learn Static Site Generators
- Learn Front-End App Architecture
- Learn Interface/API Design
- Learn Web Dev Tools
- Learn Command Line
- Learn Node.js
- Learn Module Loader
- Learn Package Managers
- Learn Version Control
- Learn Build & Task Automation
- Learn Site Performance Optimization
- Learn JS Testing
- Learn Headless Browsers
- Learn Offline Dev
- Learn Security
- Learn Multi-Thing Dev (e.g., RWD)
- Directed Learning
- Front-End Devs to Learn From
- Newsletters, News, & Podcasts
- Self Directed Learning
- Part III: Front-End Dev Tools
- General Front-End Dev Tools
- Doc/API Browsing Tools
- SEO Tools
- Prototyping & Wireframing Tools
- Diagramming Tools
- HTTP/Network Tools
- Code Editing Tools
- Browser Tools
- HTML Tools
- CSS Tools
- DOM Tools
- JavaScript Tools
- Static Site Generators Tools
- App (Desktop, Mobile, Tablet, etc.) Tools
- Scaffolding Tools
- Templating Tools
- UI Widgets & Components Tools
- Data Visualization (e.g., Charts) Tools
- Graphics (e.g., SVG, canvas, webgl) Tools
- Animation Tools
- JSON Tools
- Testing Framework Tools
- Data Storage Tools
- Module/Package Loading Tools
- Module/Package Repo. Tools
- Web/Cloud/Static Hosting Tools
- Project Management & Code Hosting
- Collaboration & Communication Tools
- CMS Hosted/API Tools
- BAAS (for Front-End Devs) Tools
- Offline Tools
- Security Tools
- Tasking (aka Build) Tools
- Deployment Tools
- Site/App Monitoring Tools
- JS Error Monitoring Tools
- Performance Tools