介紹
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
本書使用 GitBook 釋出
A
A
襯線體
無襯線體
白色
棕褐色
夜間
分享到 Twitter
分享到 Google
分享到 Facebook
分享到 Weibo
分享到 Instapaper
Front-end Developer Handbook
UI widgets & components tools
Desktop & Mobile:
Kendo UI
[free to $]
Webix
[$]
Semantic UI
Metro UI
Bootstrap
Materialize
Material ui
Polymer Paper Elements
photonkit
Mobile focused:
Ratchet
Kendo UI Mobile
Mobile Angular UI
Framework7