自学Web前端开发学习讲解 – 入门篇

很多人都对web前端感兴趣，这一期主要聊关于如何入门学习Web前端开发的过程分享，此篇适合想入门初学者，大佬就不用看了。主要内容是以本人这一路自学web前端的一些经验和建议，学习哪些知识，以及如何正确的去学，自学过程虽然难，但是终归不负众望。下面记录和分享一下：

一，什么Web前端开发 ？

首先我们先了解一下大家都在说的Web前端开发到底是个什么东西 ？想从事一个行业，那你起码得知道它是什么，主要用到什么技能，这样我们才能更好的去学习掌握知识技能以满足开发工作的要求。下面回答来自搜狗百科：

前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML、CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。

前端开发从网页制作演变而来，随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。

所以说到底，用到的就是老生常谈的前端三剑客了，html，css，js这三个网页基础技术，一个再好看功能再强的网页，也是由这三剑客编写而成。

二，前端三剑客分析：

Web前端入门需要的掌握技能已经说了，那么html，css，js到底是什么，又是怎么形成一个我们平常好看又非常炫酷的网页呢？下面对这三个的作用详细讲解一下，

html：网页基础结构支架

俗解：你可以把它理解为一个人没穿衣服的身体躯干，头部，身体（又包含了肚子，四肢，脚），同时也就对应了html的基本结构，head，body部分。

css：网页修饰美化美观

俗解：你可以把它理解为一个人的身体穿着很漂亮的衣服，戴着各种手势等，这样人看起来就非常的好看了，同样想网页变得好看，我们通过编写一些css，就可以实现好看炫酷的网页了。

js：网页动态交互行为

俗解：你可以把它理解一个人不可能是一直站着，坐着的，是需要用脚走路，动手吃饭，运动吧，而这些动的概念，你就可以大概理解js在网页中的作用就是用户动态交互功能的体现了。

网页基本模板：

三，如何正确去学？（重点）

预计学习具体时间还是看个人学习能力，并不是唯一的。基础学习的顺序也是按照下方步骤来。

1，学习html（1-6天）

简单介绍图：

2，学习css（1-4天）

简单介绍图

3，学习js（2周-4周）

js这一块是相对难一点的，也比较枯燥的一部分了，这大概是开始劝退的一个阶段了，因为开始复杂起来了呀~~很多人都在这溜了，因此重点就需要放在这一块了，慢慢啃吧。js学了大部分后，这时候也可以同时结合前面html+css联系，做一些综合小demo项目了

简单介绍图

4，案例推荐

这个是我前期学习网上接单仿做的一个站酷网的一个界面效果，很适合拿来作为检验和练习的小案例，不止有首页，导航栏所有都是可以点击的，有对应页面显示。你也可以去搜站酷网就可以找到更多页面。然后自己仿写，如果有需要这个案例demo源码的，