想学前端开发，但不知道怎么学，从哪里入门？

前端开发可以自学，也可以选择口碑好、信誉佳的机构学。

互联网的发展带动了多种行业的发展，Web前端在互联网行业也发挥着越来越重要的作用。Web前端开发不仅在形式、内容和功能上也有了极大的丰富，而且对前端开发人员的要求越来越高。

web全栈工程师50课程学习内容包括：

①计算机基础以及PS基础

②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）

③移动开发

④前端高级开发（ECMAScript6、Veujs框架开发、webpack、前端页面优化、React框架开发、AngularJS 20框架开发等）

⑤小程序开发

⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）

⑦就业拓展（网站SEO与前端安全技术）

互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。

想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。

祝你学有所成，望采纳。

您好学习web前端一定要有方向，学习web前端先从核心基础开始学：

阶段1前端核心基础

HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和

BOM编程、jQuery框架

阶段2HTML5 + CSS3 + 移动端核心

HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练

阶段3移动端

移动端核心、移动端适配、移动端特效

阶段4服务器端

服务器端开发、数据库 *** 作、前后端交互核心、微信公众号开发

阶段5JavaScript高级

JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、

JavaScript函数式编程JavaScript设计模式

阶段6前端必备

性能优化、版本控制工具、模块化、项目构建工具

阶段7高级框架

React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析

阶段8小程序

原生小程序入门、原生小程序API使用、小程序框架Mpvue

web前端学习路线

这个是web前端的学习方向你从上到下按照顺序学习就可以了，一般来说零基础学习前端是5个月左右的时间，学习方法就是做到3多，多问、多思考、多敲 学习的本质就是不断的重复，熟能生巧，希望可以帮到你。

对学习前端的同学来说，你能力越高就越好找工作。因为现在的前端求职市场不缺初级前端，初级前端已经饱和了。一大批刚学完三大项的人就急冲冲除去找工作了，这就导致找不到工作的同时、公司也找不到人。那到底要学到什么样子呢？
入门: 能用html css实现任何网站的静态布局。 这个难度不大，能做到就能达到切图仔的水平
可以干活: 能用js写基本动态效果， 绑定事件， 用原生或jq *** 作dom。
勉强合格: 以上两项达到熟练， 并可以用js写较复杂的交互。 到这里就可以找到前端的工作并干活了。
合格: 知道如何实现js的继承，能说出一个new的过程， 会合理用闭包， 会用promise， amd cmd模块化， 会用underscore，能写正则。 会其中两到三项。 到这里应该可以找到缺人并还算不错的互联网公司前端工作
还行: 能手写js的原型链继承， 知道一个promise的实现机制， 能写出underscore中大部分函数， 手写delegate， 随便找个库基本能看明白是干嘛。 到这里应该可以冲bat了吧。
不错: 对页面性能的优化有研究， mvc框架能够分析出个优缺点所以然来， 对打包发布工具有研究。 到这份上能算靠谱的前端了吧
牛人： 根据业务需要写所需的打包发布模块化工具， 有能力自己写框架， 对开发流程和方式有自己的见解， 不依赖类库， 项目需要啥就随手写一个模块， 造过轮子无数。 到这份上国内前端工作可以任挑了。

1、学会HTML

HTML是网页内容的载体内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、、视频等。要熟练掌握div、table、ul li 、p、span等这些标签,这些都是最常用的。

2、学习CSS（Cascading Style Sheets）—样式。

一般看到web前端开发工程师的要求里面,有一个会使用css+html 或者 css+div 来进行界面布局,所以css是用于辅助html来布局和展示的,

称之为“css样式”,CSS要熟练掌握float、position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding,标题字体、颜色变化，或为标题加入背景、边框等等,这些都是跟布局有关系的样式,必须要掌握的。

3、JS（java）—— 行为

java是用来实现网页上的特效效果。如：鼠标滑过d出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻）的轮换。可以这么理解，有动画的，有交互的一般都是用Java来实现的。

4、学习jquery

jquery是相当于把js封装了一套的一个js插件,目的就是 *** 作起来更方便,代码写的更少,jquery入门也很简单,那些是入门需要学的和js一样,只是换成了jq的代码其他的一样百度就够了。

5、最好会点后台语言,比如java、php,因为前台界面的数据都是从后台来的,如果会点后台代码,就知道怎么跟后台交互数据是最好的, 这样节约时间,也可以让前端代码更规范不然可能因为你的写法和后端给来的数据不能结合上,那么前端代码又得重新写,那就更麻烦了。

参考资料来源：百度百科-前端开发

less和sass什么时候学都行，1,2天就能学会。这个不着急，没有什么承上启下的作用，可以单独拿出来学。
bootstrap就是一个框架，把最主要的栅格系统看看就好。其他的大概了解能干啥就行，很多公司，是不让用bootstrap的，而是用源代码自己写。这个用一天的时间没啥问题。
nodejs和angular比较重要，如果学会，算是上了一个台阶了。所以重点说说这个。
angular属于mvvm框架，一开始觉得angular挺复杂的，所以想学一个简单的，轻量级的，所以决定先学vue。但是在了解的过程中发现，很多的专业名词，没听过，或者理解不透。所以又开始从头学习nodejs。在学习nodejs的过程中又开始迷茫，发现了很多JS不懂的地方。
所以，又开始深入研究js的dom，函数，ajax，数组等。总之用了很长的时间，浪费了很长时间。
最后总结一下啊。其实，没必要钻那么多牛角尖。
先做着vue的例子，不懂的地方，直接略过，很多时候，不理解的不懂的东西，用着用着，突然就能明白。照猫画虎先把VUE的例子跟着做一遍之后，同时梳理一下涉及到的JS知识点。能自己用vue做出几个小成品的时候，开始结合js研究nodejs。之后再去涉及angular。
angular差不多有个大概了解的时候，反过头接着学vue，你会发现，又会发现很多新东西。
web前端这个东西特别有意思，当你达到一个高度，返回来再看以前的技术，会发现，哎呀，竟然又能发现新大陆。

老实说，前端经过这几年的快速发展，网上的文章和教程还是蛮多的，有经验的人能够根据资料制定出属于自己的学习方法和路径，但对于小白来说，还是有些难度。知了姐来给大家分享前端学习路径。针对0基础，非科班，没有编程经验，想学前端，但是不知道如何入门的人群。

基础部分：

1、HTML + CSS 这部分学习，可以模仿一些网站做些页面，在实践中积累经验。做到能与UI对接，能100%重构网站静态页面的开发，为后期编写页面逻辑、动态效果打基础。

2、Javascript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，这个阶段需要掌握编程基础概念，培养逻辑思维能力。能够独立完成网站的页面开发（包括合理布局，JavaScript *** 作DOM）

进阶部分：

有了以上基础，就可以进行一般的静态网页设计，不过对于复杂的页面还需要进一步学习。

3、JavaScript高级与服务器基础，深入面向对象编程，具备移动端开发能力，处理浏览兼容问题，深入学习ES6/ES7语法规范，前后端分离开发思想。

4、框架与服务器，数据库，前端安全的学习，深入了解Node，数据库 *** 作，前后端分离技术，前后台协作开发。熟悉NPM（Yarn），Node模块fs，>

5、React与组件化开发，深入学习组件化开发思想，了解webpack使用，掌握React开发基础，Hook，create-react-app等等。

升级部分：

有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：1）易维护，2）可测试，3）高性能，4）低流量（移动端）。

其他补充部分：

前端项目同样面临软件生命周期的各个环节，首先是代码管理，你必须学会使用Svn和Git。其次是代码的构建，如今前端代码构建已经不是简单的压缩一下了，需要进行依赖管理、模块合并、各种编译，比需要学会使用Grunt、Gulp等前端构建工具。

以上内容只是简单说了前端学习的顺序。对于前端开发，基本内容就这些了，可以根据自己的兴趣爱好选择性学习以下内容。

1、交互设计。大公司依然有专业人士搞这些，不过不懂交互的前端一定不是好前端。推荐《简约至上》。

2、后端。应该说前端工程师必须至少了解一门后端语言，不过如果爱好也可深入学习，如今NodeJs在大公司已经得到普遍的使用，推荐大家使用在Node上使用Express框架做一些后端服务的开发。

最后，有经验的程序员都知道，学习编程最有效率的方式就是把你扔到一个项目组，连滚带爬的做一两个项目下来你马上会发现所有的知识点全都连到一起了，不再是分散的，而是形成一个整体了。那种感觉是仅仅深入钻研知识点而不写真实项目的人所不能体会的。 一个项目就是一根绳子可以把大片的知识串到一起。

如果想锻炼实际开发的能力而不仅仅是背诵或者了解一些知识点，如果想成为真正的好手，那么，还是做项目吧！

整体来看的话，Web前端开发需要学习的内容还是比较多的。前端是一门涵盖面很广的学科，而且技术更新较快，优秀的Web前端开发工程师应该具备快速学习能力。如果没有快速学习能力，就跟不上Web发展的步伐，所以需要不断提升自己，不断学习新技术、新模式。

以下是课程大纲，可以参考一下
(1)HTML5+CSS3
经典表格布局制作简历
1 HTML5介绍 2 HTML5发展史 3 HTML5简介 4 >