• 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 FD's 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 DOM, BOM & jQuery
      • 3.1.12. Learn web fonts
      • 3.1.13. Learn accessibility
      • 3.1.14. Learn web/browser API's
      • 3.1.15. Learn JSON
      • 3.1.16. Learn front-end app architecture
      • 3.1.17. Learn Interface/API design
      • 3.1.18. Learn web dev tools
      • 3.1.19. Learn command line
      • 3.1.20. Learn node.js
      • 3.1.21. Learn module loader
      • 3.1.22. Learn package managers
      • 3.1.23. Learn version control
      • 3.1.24. Learn build & task automation
      • 3.1.25. Learn site performance optimization
      • 3.1.26. Learn JS testing
      • 3.1.27. Learn headless browsers
      • 3.1.28. Learn offline dev
      • 3.1.29. Learn security
      • 3.1.30. 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. SEO tools
    • 4.3. Prototyping & wireframing tools
    • 4.4. Diagramming tools
    • 4.5. HTTP/network tools
    • 4.6. Code editing tools
    • 4.7. Browser tools
    • 4.8. HTML tools
    • 4.9. CSS tools
    • 4.10. DOM tools
    • 4.11. JavaScript tools
    • 4.12. App (desktop, mobile, tablet etc..) tools
    • 4.13. Scaffolding tools
    • 4.14. Templating tools
    • 4.15. UI widgets & components tools
    • 4.16. Data visualization (e.g. charts) tools
    • 4.17. Graphics (e.g. SVG, canvas, webgl) tools
    • 4.18. Animation tools
    • 4.19. JSON tools
    • 4.20. Testing framework tools
    • 4.21. Data storage tools
    • 4.22. Module/package loading tools
    • 4.23. Module/package repo. tools
    • 4.24. Web/cloud/static hosting tools
    • 4.25. Project management & code hosting
    • 4.26. Collaboration & communication tools
    • 4.27. CMS hosted/API tools
    • 4.28. BAAS (for front-end devs) tools
    • 4.29. Offline tools
    • 4.30. Security tools
    • 4.31. Tasking (aka build) tools
    • 4.32. Deployment tools
    • 4.33. Site/app monitoring tools
    • 4.34. JS error monitoring tools
    • 4.35. Performance tools
  • Published with GitBook

Front-end Developer Handbook

Learn security

  • Browser Security Handbook [read]
  • HTML5 Security Cheatsheet [read]
  • Frontend Security [watch]
  • Security for Web Developers: Using JavaScript, HTML, and CSS [read][$]
  • The Tangled Web: A Guide to Securing Modern Web Applications read