正文

互联网正在改变我们的生活，前端也成了很重要的岗位之一，许多人都往前端靠拢，可又无能为力，不知所措，首先我们说为什么在编程里，大家都倾向于往前端靠呢？原因很简单，那就是，在程序员的世界里，前端开发是最简单的编程，因为它真的很简单，下面，我就开始一点一点的教大家如何开始前端知识的学习

首先我们学习前端，要知道前端的三个大内容，HTML、CSS、JS，其中HTML和CSS是相互结合着学习，掌握了这两个了以后我们就算真正入门了，然后再深入学习JS等等。

HTML，CSS，JS

一、理解HTML，CSS，JS分别是什么

HTML：是静态网页，该文档本身2113只有页面结构，可以显示页面内容；
CSS：层叠样5261式表，通过设置对应的样式属性可以修改4102html文档内各元素的显示、位置等样式；
如修改颜色、字体、字号、宽高、位置、背景等。
Javascript：动态脚本语言，广泛应用于web应用的功能开1653发以及丰富页面体验，可以动态控制页面内容；
如修改页面文字、图片回、各种效果、功能等；
一个通俗的例子：HTML就像答人的身体，CSS就像人的衣服，Javascript就像人的思想和行为。

二、零基础学会前端

首先我们需要用到的软件，对于入门级来说我们一般推荐大家用Dreamweaver，简称DW，新建一个HTML后，出现的界面是这样的，

看到这么多代码不要慌，对我们敲代码没有影响，下面我们开始敲代码，我们可以看到这里有这样的代码，这个就是我们网页的身体，我们接下来要敲的内容都是在这中间输入的，这个括号表示的标签，标签都是一前一后的，成对出现的，除了一些特殊的标签，随后我再一一给大家讲解。现在我们输入点内容，看看效果。

我们输入一个标签，点击右上角的地球浏览一下，会发现弹出了一个空网页，什么也没有，那是因为我们现在只书写了HTML，还没有写CSS，简单来说就是，我们创建了一个东西在页面里，但是还没有设置这个东西长什么样子，现在我们在设置它的样子，

1、我们为了给这个div设置样式，所有先给它起个名字不然，电脑不知道我们要给谁加样式， 的意思是起名为aaa

2、在里写入这样一组标签这个style的意思就是CSS，我们整个网站要加的所有样式都是写在这个中间的。

3、我们在style里写样式，电脑首先要知道我们给谁加样式，所有我们写个.aaa 这个.(点)的意思是我要给aaa加样式，电脑会自动把.(点)后面的名字，跟下面body里的名字做一个匹配，这样电脑就知道，哦~原来你是要给这个div加样式呀，

4、然后我们把要给这个div加的样式写在大括号里，width:100px; 意思是这个div的宽是100像素，height:100px; 意思是高是100像素，background-color:#FF0000; 意思是背景颜色是#FF0000这个颜色，

注意：(1)这里我要给大家解释一下，大家别看这么多代码，这么多单词，其实软件有提示，像下面这样，直接输入第一个字母后面的单词就出现了，直接选中就行了，连单词都不用背，前端真的很简单，

输入w和输入h，会自动弹出单词框

(2)每一个单词都有提示，说到这里，不会英语的同学就不要给自己找借口说英语不好，学不会编程了，当然，这么简单是不是说大家都容易学会，那大家都会了，我们还有什么优势呢，其实不然，虽然说很简单，但是要想真真的把前端学好是需要下功夫的，主要就是要坚持，虽然很简单，但是能坚持下来的人很少，这也就是为什么我们给学生一直提倡要坚持，做任何事既然决定了，就要坚持，

下面我们继续，设置好了以后，我们就可以点右上角的“小地球”来浏览了，

如果你做出来了，跟我的效果一样，那么你就成功了，那我就可以恭喜你，你已经入门了，真的很简单！

其实，入门Web前端并不难，难的是你是否学精学深。就开发领域而言，Web前端是属于门槛比较低的，学习曲线是先快后慢，也就是说，入门快、切入快，但后期要成为大牛则需要不断的积累。

　　自学Web前端最大的弊端是学习效率和实战积累。想要高效率的学习前端，你需要超强的自制力、系统的学习时间和及时解决问题的能力，缺少其中一点你的学习周期就会无限期拉长。其次是实战积累，目前很多企业都要求求职者理论与实战兼备，而实战经验源自于不断的项目练习，自学前端的人大多缺少项目练习，因而无法满足企业需求。

　　Web前端开发自学难不难，答案是入门不难精通难!如果你真的想要从事前端开发、想要拿到高薪，参加专业学习是一个非常不错的选择。

　　第一阶段：前端页面重构。主要内容包括PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学完此阶段，学员可胜任Web前端开发工程师/前端页面布局与重构工程师，就业薪资为4K-6K;

　　第二阶段：JavaScript高级程序设计、PC端全栈开发。主要内容包括原生JavaScript交互功能开发、面向对象进阶与ES5/ES6/ES7应用、JavaScript工具库自主研发、jQuery经典交互特效开发、PHP+MySQL后端基础、前端工程化与模块化应用等。学完此阶段，学员可胜任HTML5大前端工程师/高级HTML5大前端工程师/网站开发工程师/移动前端开发工程师，就业薪资为6K-10K;

　　第三阶段：Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid,RN)、Angular前端框架、Angular前端框架。学完此阶段，学员可胜任高级HTML5大前端工程师/全栈工程师/移动前端App开发工程师/微信开发工程师/小程序开发工程师/数据可视化开发工程师，就业薪资为10K-15K。

　　别再纠结Web前端开发自学难不难，想要学习高深的技能需要经过专业系统的学习培训。你可以让自己先去试听一下，亲身体验教学效果，之后可以再做决定。

我收集和整理了很多这方面的视频教程，讲的基本上通俗易懂，充满风趣，有想学这一门技术的小伙伴，可以来学习和搞资源，web开发学习交流，群; 前面926338675就可以找到我了