web前端到底是什么,要学些什么?

论坛 期权论坛 金融     
olmim   2022-6-19 01:48   1586   2
一,web前端到底是什么,很多初学者可能都在问?

百度百科里有这么一段解释:
前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互[1]。它从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。


其实说了这么多,直接通俗一点说,前端就是利用三大核心(html,css,JavaScript)技术,以及衍生技术开发出来的主要在浏览器上展示的页面,其成品可以为:

  • 任何浏览器上看到的任何页面
  • 官方网站
  • 后台管理系统
  • 微信小程序
  • 公众号
  • TML5 开发移动端 APP
  • 跨平台的桌面端的应用程序
  • 写 NodeJS 程序,部署服务器
  • 当然还顺带要学会一点ps切图技术
所以你说前端是什么,能做什么,只是简单的给你说一下他是做网页开发的,但是高级的用法又可以做上面这么多东西,只能说前端太强大了。
二,前端要学习些什么呢?


  • html+css+js:首先肯定是基础的html+css+js三剑客了,这是最基本的知识,所以基础阶段一定要打好。
  • JQuery:很多人觉得JQ已经过时了,但是其实JQ的使用还是很广泛的,只是新项目很少使用JQ开发了。但是我们这么多庞大的老项目是不是需要维护,那不还得学习JQ吗?  还有我们学习JQ也主要是学习他的前端开发思维,学习他处理更复杂的的逻辑思维方法。
  • html5+css3:接着要学习的就是html5+css3,我们上面所学的html+css+js阶段中学习的是html4+css2,这是基础部分,学好了我们才学习新版本的html5+css3,学完以上3部分之后,我们就能开发完整的纯前端的任何页面了。
  • 移动web端开发:这部分是衍生出来的新版块,因为移动端开发都是基于html+css+js+html5+css3开发的,那为什么要拿单独分成一个版块呢? 就是因为移动端开发和pc端开发有很多新的知识,会开发pc端,不一定会移动端,而且今后的发展趋势是越来越像移动端靠拢的,所以移动端才作为一个版块分离出来,重点学习。
  • es6+阶段:这是一个什么阶段呢?其实这就是javaScript阶段的升级阶段,我们上面所学的js全程是ECMAScript 5,是2009年发布的版本。   那es6全称是ECMAScript 6.0,是2015年发布的新版本,在es5之后的大版本的迭代,在es5的基础上增加了很多新api(也就是新的知识),所以当前我们的开发主要以es5+es6为主,一起开发的。    那为什么叫es6+呢,是因为现在已经发展到es6,es7,es8,es9阶段了,但是7,8,9阶段目前浏览器支持性还不好,还没有普及,以及7,8,9版本只是小版本的增加一些少量的api,所以不堪大用
  • 前后端交互阶段:这个阶段的知识也是很重要的,我们要学习的主要知识有,http+ajax+json+nodejs+mysql+mongoDB等等前后端交互的知识,是我们以后和后端配合开发的重要知识,没有了这个版块的学习,那前端将是毫无灵魂的。
  • 框架阶段:框架其实就是一些利用html+css+js开发出来的一些简化项目开发工作的工具,也是目前前端的主流开发手段,常用的框架有vue,react,angular,以及小程序,app混合开发,echarts.js和D3.js图表等等已经成熟的框架体系。  学习这些框架,能大大缩短我们项目的开发周期,减少开发难度,是前端人员必不可少的开发技能。
  • 其他:跟高级的知识板块还有什么web安全,数据可视化,算法以及算法处理等等这些高深的技术,当然这些知识百分之九十的前端开发不需要学习也不需要掌握,我们只要掌握上面7个板块的学习就OK了,基本上吃遍国内外。
最后,给大家附上2020最新版的前端开发学习路线,有需要的小伙伴可以去了解一下。
原创不易,望大家动动小手点点赞,支持原创!
分享到 :
0 人收藏

2 个回复

倒序浏览
2#
神采奕奕  2级吧友 | 2022-6-19 01:48:38 发帖IP地址来自 北京
终于找到一篇好文章了,解决了我一直的疑惑,清晰明了的理解了前端是什么。
3#
xjpdc  1级新秀 | 2022-6-19 01:49:12 发帖IP地址来自 中国
感谢有您的认可,小编会继续努力的!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:
帖子:
精华:
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP