web前端要怎么学习,都需要学习什么内容?

浅梦0隐寒


你好,刚好是自己工作范围内,来说说自己的学习过程

前端学习,大概两个阶段


基础阶段

1.CSS+HTML

这部分是前端学习的基础,教程的话,各大教程网站都可以查到相应的教程。照着教程做即可。工具的话,可以用webstorm+chrome,这样可以实时的看到自己的修改,方便自己对照联系


2.JS

这部分开始培养你的编程基础,也会是你花费时间比较多的部分。如果之前就有编程基础的话,这块学起来还是比较快的。可以先到各大教程网站,学习个大概。然后自己购买相关的书籍回来仔细学习。JS内容比较多,学习过程需要比较仔细。



进阶阶段

到这里的话,就需要开始学习相关的前端框架了

目前比较比较火的有下面3个框架,建议可以都进去了解下


1.React

这个是脸书推出的框架,目标是用写 Web App 的方式去写 Native App,方便一次写出跨平台运行的App。


2.Vue

vue是渐进式框架,采用自底向上增量开发的设计。是3个框架里面,对新人最友好的一个,目前也非常火热。关键作者是中国人,不管怎么说,都值得支持一波


3.Angular

这个是谷歌退出的前端框架,开发语言的话,和前面的两个不同。这个框架是用TS开发,所以如果用ng的话,你还需要学习一下TS的知识。总体来说的话,TS改进了JS很多的坑,在大型工程里面,比JS不要好用太多。


当你学习到这里的时候,应该就足够知道自己想要什么了,然后按照自己的需求,继续往下深入学习即可


神经科技指北


作为一名前端老(资深)程序员,我来说一说。

HTML

HTML是网页的框架,称为超文本标记语言,是一种标识性的语言。它包括一系列标签,也许你也见过,如p,li,boday,u,a表情等等。通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。但是html只是让浏览器认识你写的语言是什么,网页排版他不负责

CSS

css层叠样式表,CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

说通俗一点,就是负责网页排班布局。

要求:用Html+css布局写出静态页面,这是学习开发的最基础最基础的,必须掌握。

JavaScript

简称js,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。只会布局和框架是不行的,需要js实现页面的动态互动。

要求:能够写出简单的交互,联调数据。js特别重要,基础一定要打好,真是项目实践中,很久接口文档调用API等

jQuery

完全自己写js工作量有点大,并且写的不一定漂亮,所以有了jQuery,jQuery快速、简洁。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

简单说,就是很多js脚本已经给你写好了,拿来直接用就可以。

要求:能够写出简单的交互,联调数据。

Bootstrap框架

Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。使得开发更迅速,代码质量更高。

要求:熟练掌握,后期会经常用到。

Node.js框架

Node.js是一个应用程序框架,有时也被称为运行环境(runtime),通过它,应用程序可使用JavaScript编程语言来构建。 Node.js以其速度而闻名,因为它是非阻塞的。非阻塞意味着一个请求不会等待另一个请求结束(也就是异步的)。异步这一特性使Node.js成为当前吞吐量最大的框架,而Java应用服务器通常阻塞每个绑定到线程的请求,只要没有更多线程可用,服务器会停止接收请求

要求:熟练应用。

先写这些,以上内容掌握了,写前端开发基本没问题了。前端还有许多知识,需要在学习中不断完善,例如:JSON,XML,SASS,LESS,如果在学习一些后台开发知识,就如同如虎添翼,一起加油。


科技无敌猿


你好,简单的跟你说下我个人感觉的学习轨迹,以及学习到什么程序。

1、首先学习html,html是用来显示网页内容的,比如标题、文本、表格、图片等,html至少要学到了解基本的标签如html、head、body、title、div、span、img、form、input,自己能看懂这些标签,并能自己写出来。

2、然后学习CSS,CSS是用来描述网页样式的,比如字体的大小、颜色,比如网页的背景色,一般CSS会指定描述对象,所以CSS要学会基本的样式代码,然后会通过选择器将CSS应用到网页元素上。

3、然后学习JavaScript,这个是重点了,要掌握JavaScript的数据类型、输出语句、变量使用、函数使用、字符串使用。然后要理解DOM文档对象模型和BOM浏览器对象模型,从而使用JavaScript操作浏览器和HTML文档内容,使网页变得动态起来。

4、然后建议学习下jQuery,原生的JavaScript比较复杂,写起来代码量非常大,jQuery实现了对JavaScript的封装,使JavaScript更好用。因为很多Web项目还是在用jQuery,所以还是要学习下。

5、然后学习Vue/React,这两个框架是目前互联网公司用的最热门的前端框架了,使用之后效率会得到很大的提升,前端代码也比较好维护。国内可能Vue更加热门一点,因为作者尤雨溪就是咱们中国人(厉害啊!)。先用Vue做点单页面,体会下基础语法,然后可以Vuex+VueRouter等全家桶用起来。

6、然后需要了解下一些前端显示框架,例如Bootstrap(兼容PC到移动端)、WeUI(手机端网页框架),如果是做Vue的话,经常用ElementUI,这个是饿了么出品的Vue前端框架,国内用的也很多。

7、此时你应该边学边做了很多项目了,此时应该回归本源,好好研究下JavaScript本身的语法特性了,然后去看各种开源的前端框架,甚至如果有一天你自己都能出品自己的前端框架并被人追捧的话,你就厉害炸了。

当然现在,还是低调点,坚持学习吧!


三线城市程序员老陈


可以先学习基础的html、css、JavaScript、有基础之后学习vue框架、学习elementUI框架、微信小程序。这是你要走前端能拿到高薪的基本条件。注意:基础不能丢,很多人现在都说学vue、react就好了,这是错误的。js一定要学,当年jq很热火而现在呢?很尴尬吧?只有你懂得js的原生技能,今后不论怎么变,你都不会被淘汰。


小明哥CodingStudy


优秀的WEB前端工程师具备编写任何一个互联网系统的前端页面、交互代码的能力。根据对100家互联网名企对Web开发工程师的招聘要求分析,企业要求主要有两部分,一个是核心要求,一个是辅助要求,核心要求包括:语言技术:JS基础和核心/HTML5/CSS3、框架技术:JQuery、AJAX、Bootstrap、AngularJS、通讯协议技术:HTTP协议、服务端开发技术、交互技术:UI交互设计、客户端技术:微信开发技术、html5、JS、SDK开发、Android、iOS、Web App开发技术。辅助要求有1-3年Web工作经验(近80%的企业)、学历及相关专业、文档规范写作能力、团队合作能力、责任心。


分享到:


相關文章: