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

发布网友 发布时间：2022-03-03 12:41

我来回答

共15个回答

热心网友 时间：2022-03-03 14:10

一个专业的前端开发工程师是必须掌握前端开发三大基本基石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等技能，甚至，网站性能优化和服务器端的相关基础知识也是需要了解的。

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

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

热心网友 时间：2022-03-03 15:28

第一阶段:
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：前面是一一四，中间是一八八，后面是四九三一。有问题就在里面问我，这样你可以少走很多弯路，做起来有效率，记得多跟有经验的人交流，别闭门造车。如果没有比较好的教程，也可以管我要。

热心网友 时间：2022-03-03 17:03

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前端课程内容

热心网友 时间：2022-03-03 18:54

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

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

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

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

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

热心网友 时间：2022-03-03 21:02

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

热心网友 时间：2022-03-03 23:27

你好，Web前端有8个方面的内容，你可以按照顺序学习，希望你早日学有所成。

web前端学习内容

热心网友 时间：2022-03-04 02:08

前端男女都有，女生有不少，但是相对来说还是男性偏多。前端是技术，是码农，和美工设计不一样。美工设计做出来的图给前端，前端要做的是写代码去实现它。

热心网友 时间：2022-03-04 05:06

一句话，懂美工，学ui，其他的话，男生学java，女生学前端。别问，问就是薪资高低

热心网友 时间：2022-03-04 08:21

第一阶段静态页面布局：H5+CSS3
PC端网站布局、webAPP页面布局
第二阶段JS交互设计
JS基础语法、JS进阶、JS高级编程
第三阶段Node开发
Node基础、Express框架、前端模块化、MongoDB
第四阶前端框架
VUE/REACT/ANGULAR
第五阶段小程序与APP
微信小程序、微信小游戏

热心网友 时间：2022-03-04 11:52

最好是Html，css，javscript，es5，es6，es7，从最基础原始开始学习，再去学其它，jq，nodejs，vue...

热心网友 时间：2022-03-04 15:40

首先你要做的话思考。是否真的需要走上程序员的道

学习的过程是满长的，需要做好心理准备，已经选了就要做下去

html + css +js 是前端的三大基础，

后面的框架组件，各种终端，小程序。web端，安卓，ios 都是靠这个来的，

关于入门你可以看这个文章来学习零基础入门前端学习HTML5？JavaScript？CSS？

热心网友 时间：2022-03-04 19:45

阶段1.前端核心基础
阶段2.HTML5 + CSS3 + 移动端核心
阶段3.移动端
阶段4.服务器端
阶段5.JavaScript高级
阶段6.前端必备
阶段7.高级框架

热心网友 时间：2022-03-05 00:06

　　越来越多的年轻人纷纷选择web前端作为未来的职业发展方向，但是就怎么选择学习方法而言，但是很多都是零基础来学习web前端的，对于这个行业可能一概不知，该怎么去学习呢？什么样的学习方法更适合学。，那么这份最详细的web前端学习路线分享给大家。

热心网友 时间：2022-03-05 04:44

对于很多新手来说，在学习web前端前一定要有一个正确的心态和定位，多向大牛请教，如果你还不清楚学习路线，下面就给大家分享一下新手在学习杭州web前端应该从哪里开始学习。
前端开发工作已经变的越来越复杂，仅仅是想罗列一份前端开发的学习列表就已经是一件艰巨的工作。曾经只要会编写HTML,、CSS和Javascript就是能够找到一份前端开发工作。而现在，web开发远远不止是简单编码，因为我们的互联网上有了更多的内容，也因为有更多的人、更多设备可以访问互联网, web前端开发技能也就更多了。
学习分为以下几个阶段，具体的学习路线图如图所示。
1、前端页面重构。主要内容为PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学习目标是完成PC端网站布局，WebApp页面布局，还要可以通过HTML5+CSS3的2D、3D等属性实现一些精美的动画效果。
2、JavaScript高级课程、PC端全栈项目开发。主要内容为原生JavaScript、面向对象进阶与ES5/ES6应用、JavaScript工具库自主研发、JQuery经典交互特效开发、HTTP协议、Ajax进阶与后端开发、前端工程化与模块化应用以及AngularJS等。学习目标是可以通过原生JavaScript开发交互功能，实现网站上的交互效果，以及模块化应用等，实现完整的前端工程。
3、Web前端框架、混合开发(Hybrid，RN)、大数据可视化。主要内容为Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid，RN)、Angular前端框架、大数据可视化等。学习目标是可以独立完成相应的项目，如微信场景，应用Vue.js/Ionic/React.js等框架开发WebApp，微信小程序项目开发，以及各类混合应用项目开发等。

热心网友 时间：2022-03-05 09:39

Web前端是通过编写代码实现前台页面的展示和交互，那么学习Web一般需要从H5、CSS、JS三方面入手，学习了基础的代码之后，为了使得开发更加规范和快速，接下来需要学习前端框架，Web前端学习通过引入互联网企业的真实项目，在学习理论知识的同时也能同步做项目，做到学以致用