先从最基础的开始：

这里的话推荐vscode，这个比较适合新手。

然后就是html和css，JavaScript，前端三大基础，也是非常重要的阶段了。

1.清晰的目标，目标的话是要看得见摸得着的，也就是适合自己的

俗话说得好有了清晰的目标，你才知道自己要做什么，对接下来的路线有了一个清晰的了解。

2.贯彻落实，也就是得去实行

有了目标就得去实行，不去实践，怕麻烦那肯定是没用。

3.去检验自己在做的过程中具体是有哪些错误的点，也就是改正

4.做一个适当的奖惩制度，这样来约束自己

就好比你要健身是一样的，你得自己自己早上起来地步做什么，接下来做什么，

这样也是不断的提升自己的学习效率。

前端需要学习哪些知识可以看看这份学习路线：

业余时间自学前端，你可以看看这个回答：

在互联网IT编程开发中，Web前端开发相对而言是比较简单，并且工作以及发展前景都是比较不错的，因此许多想要转行的情况下都比较偏重web前端。那麼Web前端学习內容是什么?为大家来简单的来解答一下。

综合来讲，Web前端培训分为HTML5+CSS3、JS交互设计、移动端、服务器、前端框架、小程序六大模块，下面就为大家具体介绍每个阶段学什么。

第一阶段前端核心基础，让学员掌握前端基础知识包括HTML5与CSS的基础知识和代码的撰写会学习PC端网站布局以及jQuery框架。

第二阶段HTML5 + CSS3 + 移动端核心，HTML+css3新特性，css进阶，CSS3实例演练完成页面特效的制作。

第三阶段移动端，会学到CSS像素与物理像素的关系，布局视口，移动端适配，移动端特效滑屏、滚动以及点触等。

第四阶段服务器端，服务器端开发Node，数据库操作，前后端交互核心，微信公众号开发。

第五阶段JavaScript高级

第六阶段前端框架中，会学习前端高级框架Vue、React、Angular，让学员会使用主流框架开发门户网站、管理系统等相关知识。

第七阶段小程序开发，将学习微信小程序、开发工具使用，原生小程序API使用，小程序框架Mpvue应用。

以上就是Web前端的学习内容，想要了解更多Web前端的具体学习内容，可以私信我进行咨询了解，有为大家解答，而且还可以下载免费视频学习。

自己总结录制的前端视频和学习路线，分享

2020web前端学习路线图：

首先了解web前端

web前端开发是从网页制作演变而来的，名称上有很明显时代特征。在互联网的演化进程中，网页制作是web1.时代产物，那时网站的主要内容是静态的，用户使用网站的行为也以浏览为主。2005年以后，互联网今日2.时代，各种类似桌面软件的web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不在只是传承单一的文字和图片，各种富媒体让网页的内容更加生动，网页上的软件化交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。说得直白点就是美工Photoshop，交互设计，flash，js，html+css。就小规模公司而言，一个技术员都得会这几样技能，这样很锻炼人的，慢慢的你就会成为公司的主力。大规模的公司把这些分得很细，所以，你可以精通一门，熟悉其他的，进军大公司

网页开发工具

学习web前端开发，网页开发工具有frontpage，会用word的人很容易学会frontpage，还有一个常用的 dreanweaver。这两种都是使用最多的回弹模量网页制作工具，我使用的是dreamweavercs6，因为这套软件提供了一套直观的可视界面，融合了html5一些新的内容。包括网格布局什么的。

前端基础课程

链接： https://pan.baidu.com/s/1tE61JoacUTDG-bEeVlIkfw

提货码： @以德服人

学习内容

html，css和JavaScript。html是内，css是表现，JavaScript是行为。前端开发的门槛其实非常低，与服务器语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事提工作的人来说，前端开发是不错的出入点。这正因为如此，前端开发的领域有很多自学称“才”的同行。html是最基础的，现在流行的是html5设计，先学会网页布局。css是用来美化html网页的为页面提供布局和格式。最后在学JavaScript，如果你把每天看电影，看电视剧的时间用来学习，我想一个星期入门是没有问题的

基础知识：

1.html+css。这部分建议在网上学习，边学边练，每章后还有小测试。之后可以模仿一些网站做些页面。理解css每个元素的属性，样式的实现不一定只有一种写法，多想想还有没有需要改进的地方

《10条HTML代码编写技巧》

《CSS简明教程》

《Div+CSS 规则整理 以及注意问题》

2.JavaScript。不是所有的网页必须有js，但是要向实现一些超酷的功能和界面的时候，就需要涉及到js。如果没有其他的编程语言的基础的话，学起来可能要费劲些，还是建议现在 w3school上学习。之后建议马上看《javascript语言精粹》

3.Photoshop、flash。熟悉会一点儿就行了，没必要全部都学得精通，当然如果你在学习的过程中，发现你ps或者flash比较感兴趣的话，也可以尝试做美工这一行。

4、html5和css3。可以先了解一下，然后再入手。毕竟IE的浏览器大多还不支持。

《学习Html5建站教程（一）Html5简介》

《学习Html5建站教程（二）Html5 语法与规则》

《学习Html5建站教程（三）Html5博客页面设计之理论》

《学习Html5建站教程（四）用HTML5做个人的网站》

5、浏览器兼容。懂web标准，熟练手写 xhtml css3 并符合

符合w3c标准。代码能兼容主流浏览器Firfox，Chrome、Safari、IE、Opera。虽然IE6很多都不兼容，但现在还使用的人还是有的。W3C验证地址： CSS Validation Service 通过验证指定URI的CSS内容，可以帮我们检查一下有没有错误。

6、熟悉一门后台编程语言 asp、php、jsp等 《关于asp、php、 ASP.NET | Open-source web framework for .NET 、jsp的学习心得、介绍及优缺点比较》

学习前端开发一定要坚定信念，坚持到底。并且有兴趣。

学习前端开发有哪些知识点。

1、HTML、CSS基础、JavaScript语法基础。学完基础后，可以仿照电商网站（例如京东、小米）做首页的布局。

2、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。相信我，JS语法，永远是面试中最重要的部分。

3、jQuery、Ajax等。jQuery没有过时，它仍然是前端基础的一部分。

4、ES6语法。这部分属于JS新增的语法，面试必问。其中，关于 promise、async 等内容要尤其关注。

5、HTML5和CSS3。要熟悉其中的新特性。

6、canvas。

7、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。

8、前端框架：Vue.js和React。这两个框架至少要会一个。入门时，建议先学Vue.js，上手相对容易。但无论如何，同时掌握 Vue 和 React 才是合格的前端同学。

9、Node.js。属于加分项，如果时间不够，可以先不学，但至少要知道 node 环境的配置。

10、自动化工具：构建工具 Webpack、构建工具 gulp、CSS 预处理器 Sass 等。注意，Sass 比 Less 用得多，gulp 比 grunt 用得多。

11、前端综合：HTTP协议、跨域通信、安全问题（CSRF、XSS）、浏览器渲染机制、异步和单线程、页面性能优化、防抖动（Debouncing）和节流阀（Throtting）、lazyload、前端错误监控、虚拟DOM等。

12、编辑器相关。Sublime Text 是每个学前端的人都要用到的编辑器。另外，前端常见的IDE有两个：WebStorm 和 Visual Studio Code。WebStorm 什么都好，可就是太卡顿；VS Code就相对轻量很多。个人总结一下：用VS Code 的人越来越多，用 WebStorm 的人越来越少。

13、TypeScript（简称TS）。ES 是 JS 的标准，TS 是 JS 的超集。TS属于进阶内容，建议把上面的基础掌握之后，再学TS。

以上是学习前端开发的路线图。

也可以关注一下我们的专栏每天都会更新新的知识，和视频。结合视频观看学习效果会更好一点。

web前端技术 和 趣谈前端 （这两个一个是学习前端课程，一个是技巧）

总之学习前端开发是一个漫长法人过程。如果报班学习的话时间会短一点5个月左右，如果自学可能需要一年的时间或者更久，有时候自学学了一年之后找不到工作也是常有的事情。因为自学没有搜集好资料和学习前端的新的技术。

但是报班学费很贵，还要你辞掉现在的工作去学习前端开发。也不是所有人都可以接受5个月的短期培训。当然有大牛老师带着肯定比自己学习效果好很多，有学习很好的气氛。

最后，学习期间一定要多动手练习，动手之后才可以让自己知道自己不足。加油！少年！

其实这个问题很简单，我用最简单的语言给大家描述一下，学习一样东西就要了解这样东西学完了要干什么事情，有什么作用。然后就是应该学习哪些必要的内容，该如何运用得当的方法进行有效率的学习不至于自己摸不着头脑，然后就是一直坚持下去，直到学成的那一天。思路屡清楚后，我们就开始说零基础如何自学web前端开发。

首先，了解web前端是干什么用的，简单来说就是负责把网站的页面以一种更好的用户体验提供给客户的一份工作，就是做网站开发的。

那么现在企业都需要什么样的人才呢？我们学到什么程度才能找到一份工作呢？楼主告诉你，现在的web前端竞争非常激烈，只有技术好的，能独立开发项目的人才能进入职场拿到月薪过万的薪水，所以对于初学者来说，学到好的技术就是一份工作的保障。

接下来就是web前端应该学习什么，小编给大家总结了一个简单的web前端学习内容，跟着这个内容学习，只要你能掌握以下知识点，保证你能找到一份工作。

html+css静态布局

理解好高级JavaScript，这是学习web前端的核心，然后熟练应用jQuery做各种特效，会用ajax和后端进行数据交互。

能独立学会html5、css3新特性，开发完整的响应式布局网站。

至少会应用两个框架，目前国内最多的就是vue.js和这个react.js框架

如果你能熟练掌握以上技能，那么你就完整可以胜任一个工作，月薪至少8000.

然后就是如何用得当的正确的学习方法去学习呢？作为一个刚接触web前端行业的初学者，肯定是什么都不懂的，所以在这里楼主只能简单的说3点。

初学者web前端千万别一页一页看书学，要去看机构的视频，因为视频讲的都是重点，工作中常用的技术，而书很全面，但是没什么重点，书会让你学着学着就奔溃。

看视频不要跟看电视一样，看完了就拉倒了，要明白学web前端技术为了做东西，做项目，所以视频讲解了那些知识点，课后要去不断的练习，只有不断的练习你才能形成深刻记忆，切记别光看不练，看和动手操作完全是两个概念。

学东西不可以学死东西，要学会举一反三，多思考，遇到一个问题先去自己解决，学编程很多时候就是一个思考的过程，脑子要不断的旋转起来，同时也要培养自己的语言组织能力，这都是跟逻辑有关系的。

朋友，眼光不错嘛，前端现在可是很火的呢！但是容我说一下，想学是好事，但也要看你适不适合学前端，要是不适合还硬学，那你就是在浪费时间了，跟自己作对有啥好处吗？

至于如何判断你适不适合学习前端？看一下下面几点具备吗？

1. 你是否能耐得住性子？

学习web前端接触得最多就是各种繁复的字母代码，需要你耐得住性子安安静静地坐下来研究技术。如果你做事经常三分钟热度，容易半途而废、或是性格急躁急于求成，编程可能不太适合你。

2. 你是否有持之以恒的毅力？

对于新手来会有不小的心理压力，过快的节奏让新手学起来比较吃力，想要学习web前端就要做好做好长期学习，更新自己知识库的准备，持之以恒的毅力才能让你在长途跋涉的工作过程中坚持下来。

3. 是否具备基本的逻辑思维？

web前端需要用逻辑思维处理问题的能力。针对甲方用代码实现，首先要自己理解透彻，编写出来的程序才能拒绝bug。

如果以上提到问题，你都能从容攻克，那么你是适合学习web前端的。

接下来就是学习之旅了！

这里面包括了前端基础学习路线、前端基础书籍以及视频教程，可以看看。

不邀自来，打扰了！！！

前端开发发展到今天，不仅在形式、内容和功能上越来越丰富，不仅对前端开发人员的要求也越来越高！还在在技术广度上提出了新的要求，那么学习前端需要系统的学习哪些知识呢？

一、PC端网站布局：HTML基础，CSS基础，CSS核心属性，CSS样式层叠，继承，盒模型，容器，溢出及元素类型，浏览器兼容与宽高自适度，定位，锚点与透明，图片整合，表格，CSS属性与滤镜等。

二、HTML5+CSS3基础：HTML5新增的元素与属性，表单域增强元素，CSS3选择器，文字字体相关样式，CSS3位移与变形处理，CSS3 2D转换与过度动画，CSS3 3D转换与关键帧动画，弹性盒模型，媒体查询，响应式设计等。

三、WebApp页面布局：移动端页面设计规范，移动端切图，文字流式/控件弹性/图片等比例/特殊设计的100%布局，等比缩放布局，viewport/meta，rem/vw的使用，flexbox详解，移动web特别样式处理等。

四、原生JavaScript交互功能开发：基本语法，循环语句，函数与数组，String与Date，BOM与DOM，事件，拖拽效果，cookie存储，正则表达式，Ajax，面向对象基础，运动与游戏开发等。

以上内容是椰子个人看法，希望能帮助到楼主！如果在学习前端的过程中，大家有遇到不会的问题，可以分享给椰子！椰子会尽自己所能帮助大家！！！！

了解一下前端应用库？推荐3D可视化类库，如three.js和thingjs，都是一款基于webgl的3D框架，只不过你不想多花时间学习3D专业知识，并且想尽快做一个3D项目的话（ 物联网3D应用开发：Unity, three.js, 还是ThingJS？ ），推荐thingjs，这是前端技术应用的很有“钱”景的领域，带你迅速入门物联网3D。

其次是审美在线，毕竟在线展示是一个趋势，这个知识只能靠艺术修养，多去看展吧。

编程语言方面:HTML CSS JavaScript （前端基础都要学习）

编程框架：Vue、React、Angular (先选一个学习 推荐Vue,容易上手)

编程ide :vscode

学习视频：强烈推荐B站上系列文章和项目实战