• front-end-handbook
  • Introduction
  • 1. What Is a Front-End Developer?
  • 2. Part I: The Front-End Practice
    • 2.1. Front-End Jobs Titles
    • 2.2. Common Web Tech Employed
    • 2.3. Front-End Dev Skills
    • 2.4. Front-End Devs Develop For...
    • 2.5. Front-End on a Team
    • 2.6. Generalist Myth
    • 2.7. Front-End interview questions
    • 2.8. Front-End Job Boards
    • 2.9. Front-End Salaries
    • 2.10. How FDs Are Made
  • 3. Part II: Learning Front-End Dev
    • 3.1. Self Directed Learning
      • 3.1.1. Learn Internet/Web
      • 3.1.2. Learn Web Browsers
      • 3.1.3. Learn DNS
      • 3.1.4. Learn HTTP/Networks
      • 3.1.5. Learn Web Hosting
      • 3.1.6. Learn General Front-End Dev
      • 3.1.7. Learn UI/Interaction Design
      • 3.1.8. Learn HTML & CSS
      • 3.1.9. Learn SEO
      • 3.1.10. Learn JavaScript
      • 3.1.11. Learn Web Animation
      • 3.1.12. Learn DOM, BOM & jQuery
      • 3.1.13. Learn Web Fonts
      • 3.1.14. Learn Accessibility
      • 3.1.15. Learn Web/Browser APIs
      • 3.1.16. Learn JSON
      • 3.1.17. Learn Static Site Generators
      • 3.1.18. Learn Front-End App Architecture
      • 3.1.19. Learn Interface/API Design
      • 3.1.20. Learn Web Dev Tools
      • 3.1.21. Learn Command Line
      • 3.1.22. Learn Node.js
      • 3.1.23. Learn Module Loader
      • 3.1.24. Learn Package Managers
      • 3.1.25. Learn Version Control
      • 3.1.26. Learn Build & Task Automation
      • 3.1.27. Learn Site Performance Optimization
      • 3.1.28. Learn JS Testing
      • 3.1.29. Learn Headless Browsers
      • 3.1.30. Learn Offline Dev
      • 3.1.31. Learn Security
      • 3.1.32. Learn Multi-Thing Dev (e.g., RWD)
    • 3.2. Directed Learning
      • 3.2.1. Front-End Schools, Courses, & Bootcamps
    • 3.3. Front-End Devs to Learn From
    • 3.4. Newsletters, News, & Podcasts
  • 4. Part III: Front-End Dev Tools
    • 4.1. General Front-End Dev Tools
    • 4.2. Doc/API Browsing Tools
    • 4.3. SEO Tools
    • 4.4. Prototyping & Wireframing Tools
    • 4.5. Diagramming Tools
    • 4.6. HTTP/Network Tools
    • 4.7. Code Editing Tools
    • 4.8. Browser Tools
    • 4.9. HTML Tools
    • 4.10. CSS Tools
    • 4.11. DOM Tools
    • 4.12. JavaScript Tools
    • 4.13. Static Site Generators Tools
    • 4.14. App (Desktop, Mobile, Tablet, etc.) Tools
    • 4.15. Scaffolding Tools
    • 4.16. Templating Tools
    • 4.17. UI Widgets & Components Tools
    • 4.18. Data Visualization (e.g., Charts) Tools
    • 4.19. Graphics (e.g., SVG, canvas, webgl) Tools
    • 4.20. Animation Tools
    • 4.21. JSON Tools
    • 4.22. Testing Framework Tools
    • 4.23. Data Storage Tools
    • 4.24. Module/Package Loading Tools
    • 4.25. Module/Package Repo. Tools
    • 4.26. Web/Cloud/Static Hosting Tools
    • 4.27. Project Management & Code Hosting
    • 4.28. Collaboration & Communication Tools
    • 4.29. CMS Hosted/API Tools
    • 4.30. BAAS (for Front-End Devs) Tools
    • 4.31. Offline Tools
    • 4.32. Security Tools
    • 4.33. Tasking (aka Build) Tools
    • 4.34. Deployment Tools
    • 4.35. Site/App Monitoring Tools
    • 4.36. JS Error Monitoring Tools
    • 4.37. Performance Tools
Powered by GitBook

front-end-handbook

UI Widgets & Components Tools

Desktop & Mobile:
  • Bootstrap
  • Kendo UI [free to $]
  • Material ui
  • Materialize
  • Metro UI
  • Office UI Fabric
  • Polymer Paper Elements
  • Semantic UI
  • Webix [$]
Desktop (NW.js and Electron):
  • Photon
  • React UI Components for OS X El Capitan and Windows 10
Mobile Focused:
  • Framework7
  • Kendo UI Mobile
  • Mobile Angular UI
  • Ratchet