studyNotes 怎么样学习前端？

怎么样学习前端？

Open junhey opened this issue 7 years ago • 0 comments

前端这个岗位在大学里是没有相应专业，课程方面基本上是延用计算机的课程，所以会有很多非科班出身进入前端这个领域，相对其他技术，入学门槛低是前几年培训机构的宣传语，但是前端因为变化快，涉及广，导致很多初级前端没有学习能力的会慢慢的淘汰及转行，前端已经从以前的pc到现在移动端和所有的显示设备，前端已经是不可缺少的一部分，前端包括哪些呢？看这里，我认为的前端学习历程如下：

git

首先学会使用git版本管理，然后注册github，熟悉gitflow的工作流程

git官网

git下载之后可以参考：

git-guide

Git 简单使用说明

github官网

注册github之后怎么用可以参考：

github使用

html、css、js

html主要要理解DOM节点，css主要在于样式，而js在于效果，现在延展到后端了。

在学习之前先要学会用chrome浏览器

基础篇进阶篇性能篇性能进阶篇移动篇插件篇

从头介绍如何使用 chrome 进行 web 开发中的调试工作，包括 source、console、性能、profile、移动端调试、常用插件等的介绍，适合想更全面的了解强大的chrome 工具的同学。

先推荐看书

HTML & CSS设计与构建网站★

CSS权威指南（第三版）★★

精通CSS（第2版）★★★

学完这些之后自己实战写写页面，刚开始实在不会写的话抄页面也行。

w3c caniuse

JavaScript来说太广了，这个学习需要循循渐进。

JavaScript & jQuery交互式Web前端开发★

锋利的jQuery★★

JavaScript权威指南(第6版)★★★

其实来说这基本javaScript的书只是基础，不过这些事前提，如果不满足可以戳我

ECMAScript 6 MDN javascript

想接触后端，可以选择PHP和Node，建议JavaScript学的还好的可以选择Node，当然可以选择PHP，毕竟PHP是世界上最好的语言（不要打我）

不管是Node还是PHP都需要有一种后端思维，熟悉HTTP协议，请求响应，API接口怎么做到等等

最近很火的MEAN（M E A N）可以学下。(M)ongoDB——noSQL的文档数据库，使用JSON风格来存储数据，甚至也是使用JS来进行sql查询；(E)xpress——基于Node的Web开发框架；(A)agular——JS的前端开发框架，提供了声明式的双向数据绑定；(N)ode——基于V8的运行时环境（JS语言开发），可以构建快速响应、可扩展的网络应用。这里给参考几篇文章: