Question

想做web前端的工作，应该先学什么？

Answer 1

一个专业的前端开发工程师是必须掌握前端开发三大基本基石HTML、CSS，JavaScript。光会这些还不够，有了这些语言还需要各种工具的支撑，比较常见的有Dreamweaver，Sublime，HBuilder。还有FontelloFontello 、Secureheaders、Visual Studio CodeVisual Studio Code。

工具只能解决一些特定问题，要解决更加全面的问题就要接触到框架，三大基本框架有Angular、React、Vue，当然，以后还会接触到更多Bootstrap、 Fbootstrapp、BootMetro、Gumby、IVORY、Kube这样的框架。另外，一个优秀的前端开发工程师可能还要掌握SEO、DOM、BOM、Ajax等技能，甚至，网站性能优化和服务器端的相关基础知识也是需要了解的。

学会这些还不够，前端开发是一门发展的学科，不是学好了就可以停止学习，后面还会接触到更多新的内容。

由此可见，要想学好前端，绝对不简单，前端开发的广度和深度是其他行业所不能比拟的，你必须付出不懈的努力，才能收获这份果实。

Answer 2

第一阶段:
HTML CSS:HTML进阶、CSS进阶、div css布局、HTML css整站开发。
JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。
JQuery:基础使用悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二阶段:
HTML5和移动Web开发
HTML5:HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas。
CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
Bootstrap:响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
移动Web开发:跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
第三阶段:
HTTP服务和AJAX编程
WEB服务器基础:服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。
PHP基础:PHP基础语法、使用PHP处理简单的GET或者POST请求。
AJAX上篇:Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。
AJAX下篇:JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
第四阶段:
面向对象进阶
面向对象终极篇:从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。
面向对象三大特征:继承性、多态性、封装性、接口。
设计模式:面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。
第五阶段:
封装一个属于自己的框架
框架封装基础:事件流、冒泡、捕获、事件对象、事件框架、选择框架。
框架封装中级:运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
框架封装高级和补充:JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
第六阶段:
模块化组件开发
面向组件编程:面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。
面向模块编程:AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS。
第七阶段:
主流的流行框架
Web开发工作流:GIT/SVN、Yeoman脚手架、NPMer依赖管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。
常用库:React.js、Vue.js、Zepto.js。
第八阶段:
HTML5原生移动应用开发
Cordova:WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目，配置，编译，调试，部署发布)。
Ionic:Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新，上拉加载，侧滑导航，选项卡)。
React Native:React Native简介、React Native环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。
HTML5 :HTML5 中国产业联盟、HTML5 Plus Runtime环境、HBuilder开发工具、MUI框架、H5 开发和部署。
第九阶段:
Node.js全栈开发
快速入门:Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试。
核心模块和对象:全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操做。
祝你学有所成！
如果对于学习前端有任何不懂的可以随时来问我，我给你提供一个非常不错的前端交流学习qun：前面是一一四，中间是一八八，后面是四九三一。有问题就在里面问我，这样你可以少走很多弯路，做起来有效率，记得多跟有经验的人交流，别闭门造车。如果没有比较好的教程，也可以管我要。

Answer 3

HTML、CSS、Js 是 Web 前端 三大技术，还会学一些其他内容，整体学完大概要4个半月的时间。

以下是 朗 沃 教 育 的WEB 前端课程

第一阶段：HTML/CSS 基础

HTML 基础，HTML5 规范，HTML 语义化标签，CSS 基础，CSS3 规范、CSS 选择器、各种 CSS 属性、盒模型、视觉格式化模型、浏览器兼容性问题解决方案，视觉格式化模型、传统布局、现代布局（Flexbox、Grid）切图工具 PhotoShop、Markman、PxCook 等的使用

第二阶段：HTML/CSS 高级

CSS 处理器，CSS 复合选择器，数值与单位，CSS Hack，媒体查询与响应式，过渡与动画，浮动定位，CSS 高级技巧（雪碧图、滑动门和三角形绘制等），CSS预处理器（Sass，Less）的使用，CSS 架构，响应式设计 Bootstrap，移动优先，媒体查询多终端适配，移动端屏幕比例，主流移动端适配解决方案，CSS 模块化开发

第三阶段：JavaScript 基础

采用全新 ES6 基础最新语法（数据类型、变量、运算符、表达式、控制语句、函数、数组、对象）进行教学，要求学生在熟悉 JavaScript 核心基础语法的同时，也能够理解 JavaScript 底层工作原理、设计模式；并运用现代 JavaScript 开发工具，进行原生 JavaScript 以及现代 JavaScript 开发工具创建出基于 MVC 的前端应用程序，也能进行 JavaScript API 编程（BOM，DOM事件）。

第四阶段：JavaScript 高级

HTML5 新增 API（视频音频、Canvas、SVG、拖拽事件、地理定位、本地存储），JavaScript 函数高级，模块化开发，JS 模块模式，MVC 模式，JavaScript 面向对象编程，JavaScript 异步编程，Ajax，Ajax的作用，原生XHR对象，同步与异步，HTTP 协议 HTTPS 协议，封装 Ajax，jQuery Ajax，同源策略，跨域问题及解决方案，JSON解析，JavaScripts 设计模式，Promise 对象，ES6 模块规范，现代 JavaScript 开发规范。

第五阶段：Node 服务器端开发

前后端分离开发，Node 基础，MVC 架构，MongoDB，Node 在服务端开发，Session、JWT、OAuth 2.0，跨越资源共享，身份验证与权限管理，Node 实时通信技术

第六阶段：Web前端框架

React 技术栈，Vue 技术栈

第七阶段：移动端开发

React Native，跨端开发框架之微信小程序开发，Flutter，PWA 等

Web前端课程内容

Answer 4

我给你列个顺序吧*(如果你什么都不会,请你谦虚的报名培训班, 他们会用半年把你带到jquery的水平)[另外个人建议, 如果什么都不会, 学前端不如学后台(或全栈), 等你前端工作一段时间就会明白(从薪水到工作量到职位到发展都比不过)!!!]

html->css->javascript->jquery[在这个阶段你就可以找到工作了,初学者]->vue(同流行三大框架之一即可)[这个阶段属于垃圾前端的阶段]->webpack(同流行打包工具之一)[正常前端工作较为好找]->wepy(同流行小程序框架之一)[这个阶段你找工作会比较好找,大多数同事都会认同你的能力]

上面是标准前端路线(不列举UI类框架了,因为都很简单一看都会),下面给你列后期发招路线(方向指的是"人不可能打工一辈子....")

1. 学习Node(和jsEs6语法接近,入手快)作为自己的后台开发语言, 或学习PHP(世界上最好的语言,笑)作为后台开发语言(路线为全栈工程师)[方向为外包工作室]

2. 学习白鹭引擎(流行游戏引擎之一)(路线游戏前端开发包含腾讯小游戏)[方向游戏工作室]

Answer 5

第一阶段：HTML+CSS+JavaScript 一个月左右，主要是先搞清楚前端是干嘛的，
第二阶段：jQuery 现在很少听说新开一个项目用jQuery做了，这玩意一般是维护以前的项目或者说后端人员用jQuery写的东西你去帮忙搞一下。但还是要会，至少你得知道这玩意为什么会出现，是干嘛用的，然后别人写的代码你得能看懂并且能改，照着官网看就行，大约一个礼拜吧，要求不高，遇到不会的地方能自己看懂文档然后Ctrl+CV就行。
第三阶段：现在就可以自己去写一个项目了，找个网站自己切图，五六个页面就行，当然要按照人家的样式来，不行就F12打开浏览器调试工具看人家的结构和样式是怎么写的，两个个礼拜写完吧，
第四阶段Vue，初学者不推荐react，用Vue之前先稍微学一下nodejs，当然不是让你写后端，而是怎么用node去管理你接下来要使用的各种框架和插件等等，当然还有webpack打包工具。
现在可以用插件了，说实话实际工作直接写原生的话其实并不多，大部分使用各种插件和框架来完成的，所以前两个阶段实际上是让你有了使用插件的本事，当然最重要的一点，无论是写原生还是用插件或者框架，能看懂官方文档是最重要的。
前端的综合能力一个是理论基础，另一个就是代码能力，上面的内容不会让你的理论有多好，但是至少能干活，好吧虽然面试的时候绝大多数情况下不会让你当场写代码而是会考你的理论基础。
以上，差不都三到四个月吧，基本上是从0到初级前端的基本路线。到这种程度4-5K问题不大，然后在工作中要理论补上来然后反过来提高你得代码能力。