技能核心入门

前端基础

组织 W3C WHATWG ECMA Khronos

最佳实践 Cross-browser compatibility Responsive web design Performance Accessibility Internationalization Privacy & Security

态度

there are two main ways in which your brain learns things — focused and diffuse learning

But then after going on a walk to get some fresh air, you may well find that as your mind wanders, you suddenly make a connection between tool A and tool B, and realize that you can use them together to fix problem C! It isn't always this simple, but it is also surprising how many times this does happen. This also highlights the importance of taking regular breaks when you are studying in front of the computer.

learning web development is more about problem-solving and learning patterns than it is about learning lots of syntaxes.
视频学习

Mozilla Layout Land MozillaDeveloper Google ChromeDevelopers
在线Example练习地址

jsRun Glitch JS Bin CodePen plunker Gist codeacademy
做计划

all realistic and achievable 达到某个计划所需要的一切条件（时间、金钱、材料等都要考虑） Keep tinkering with code and getting more practice. If you run out of problems to solve, look up some tests online, do some more courses, or ask your friends and family (or local school or church) if there is anything they'd like you to build for them.

夯实基础

开发项目流程（前后端分离）：