入门书籍

Html, CSS, JS永远是前端的基础,不推荐大家在学习开始就去钻研框架。

Javascript

CSS

CSS的学习建议还是通过练习,找一个网站(建议还是找一些注重设计感的网站,比如instagram,打开全是div的网站,真的就算了),能够照着设计把样式还原出来是最有效的练习。

Html

工具

进阶书籍

Javascript

Web开发

CSS

框架

官方文档!!!目前主流的三大框架React,Angular,Vue都有完善的文档,而且大多数的书籍偏向应用并且更新慢,这与框架发展速度太快有关系,养成在实践中参考文档学习理解的习惯,疑难杂症找stackoverflow就够了。

扩展阅读

前端和设计,前端和后端是相互作用的。这不仅是体现在在日常开发工作中,你要和UX、后端DEV频繁交流合作,很多设计思维和开发思想是相通的。

后端

Javascript作为一门开发语言,很多语言的特性借鉴了C语言和Java。另外,面向对象,MVC等设计思想也和后端密不可分。最近后端微服务如火如荼,前端也兴起了微前端的概念。即使做不到全栈,了解后端开发也是有必要的。

代码规范

前端好像很少强调设计规范,也很少看到像后端一样去强调编写优雅的代码和测试的重要性,但其实编写可读的、优雅的代码和语言无关。大多人的CSS难以维护就是源于此。

设计

如果觉着”和UX交流很难”,那是因为你真的完全不懂设计。用户体验不再是UX画好Mock Up,你来翻译成代码这么简单,好的用户体验一定是相互交流的产物。