如何自学web前端开发？精细的自学步骤是什么样的？【附勺子】

作者: 我是老尚 | 来源:发表于2019-06-22 07:43 被阅读16次

4f791d6cbd8e9889b688530bbd8d372cfcf3986c1d15c-ZmbELd.jpg

目标人物是，一个文科的女生，27岁，非计算机专业，自学的情况下感觉太慢。也担心学习计划制定的有问题。所以想问一个具体的学习计划，包括时间点什么的。

前端开发是技术学习，它有利益的驱动，高工资嘛。但它更应该是兴趣驱动。那么现在的兴趣是什么呢？学习web前端开发，学了之后能做什么呢？能做一个网站。

那么在当前阶段，我们的目标是做一个网站。分析需求实现的步骤如下，

第1步，要先会html

第2步，要做css

第3步，要掌握JavaScript

第4步，要掌握 node

第5步，要掌握vue

上面是大概的步骤，接下来我们把这些步骤细化。

首先要搞清楚HTML是什么东西，该怎么样去用。这个很简单大概1~3天应该就差不多吧，

然后是css的基本使用，这里面有以下几个关键点，

盒模型，定位，活动，行级、块级转换，清除浮动，各种常用排版，优先级，选择器，基本上也就这些东西吧，css并不是太复杂的东西。然后css3和常用的动画，在刚开始的时候并不需要去着急学习他。这些东西有一周的时间应该够用了，

也就是说在7~10天的时间内你应该会搞懂html和css的使用。然后再做一些比较典型的页面，例如京东的首页呀，网易的页面，淘宝的一些页面，还有一些个什么活动页面，就是一些常见的页面，你做上两三个3、4个基本也就可以了。

总体来讲零基础的同学呢，在自学的情况下半个月的时间，全部搞定htm和css网页制作。

接下来第二阶段就是JavaScript。

对于初学者来讲JavaScript，这个地方不建议投入太多的精力，因为这里面很多的概念和底层的实现，在短期内通过自学啊，不是很容易理解。

所以最好还是先掌握了基本的语法，例如，var、this、for、if else、function、array、Object、{}，等。熟悉基本的业务逻辑开发思想，在脑子里边能够建立基本的程序运行的逻辑思路，就可以了。至于JavaScript更深层次的理论，底层的运行规律啊，可以放在以后慢慢的去掌握。

在这一个阶段比较适合的实例是基本的dom操作，例如，点击按钮实现一个显示、隐藏的切换效果；或是轮播图左右滚动之类的。JavaScript的入门语法并不困难，在这一阶段，主要掌握简单需求的开发逻辑思想。

学习时限嘛，

1、基本语法三天；

2、掌握基本操作三天；

3、几个小例子，一周；

So，半个月搞定原生JavaScirpt操作。

接下来是jQuery，这个js库，现在不是特别的火热，但也有相当的市场占用率。所以我个人的建议是，你可以学，也可以跳过。

再接下是node，它的学习比较复杂，不建议新人入坑太深。它涉及的网络方面的内容相对多一些，日常工作中，

1、node是什么？怎么安装？

2、npm是什么？怎么用它安装node的各种包？

搞定这二个就行了，三天足够了。

再往下是VueJs，它比较简单，先不要看它太深入的一些原理啊、概念什么的，