SUMMARY.md

Summary

• What is a front-end developer?
• Part I: The front-end practice
  • Front-end jobs titles
  • Common web tech employed
  • Front-end dev skills
  • Front-end devs develop for...
  • Front-end on a team
  • Generalist myth
  • Front-end interview questions
  • Front-end job boards
  • Front-end salaries
  • How FD's are made
• 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 API's
    • Learn JSON
    • Learn JS templates
    • Learn static site generators
    • Learn front-end app architecture 学习前端应用的架构！！！！
    • Learn Interface/API design 学习接口/API的设计
    • Learn web dev tools 学习 Web 开发工具
    • Learn command line 学习命令行
    • Learn node.js 学习Node.js
    • Learn module loader 学习模块加载器
    • Learn package managers 学习包管理器
    • Learn version control 学习版本控制
    • Learn build & task automation 学习构建和任务自动化
    • Learn site performance optimization 学习站点性能优化
    • Learn JS testing 学习JS测试
    • Learn headless browsers 学习Headless浏览器
    • Learn offline dev 学习离线开发
    • Learn security 学习一些安全知识
    • Learn multi-thing dev (e.g. RWD) 学习多平台开发（例如 响应式网页设计）
  • Directed learning
    • front-end schools, courses, & bootcamps
  • Front-end devs to learn from
  • Newsletters, news, & podcasts
• 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