前端入门指南:一篇文章带你掌握基础知识

发表时间: 2023-03-02 14:47

这里是云端源想IT培训,帮你轻松拿offer”

嗨~大家好,我是学长

今天的你过得还好吗?

- 2023.03.02 -


一、前端是什么?

前端又称web前端,用官方定义的话来说,前端就是网站的前台部分,运行在PC端、移动端等浏览器上展现给用户浏览的网页,所以大部分人的理解,前端开发就是做网页的。

但其实并不是,前端开发是创建Web页面或APP等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互的过程。

以前的前端确实就是单纯的用DreamWeaver以及其它一系列的软件做静态网页,但随着互联网技术的不断发展,网站开发的难度加大,网页从静态发展为动态,交互效果更加强大。

以生活中常见的举个“栗子”吧

我们日常所见的,网页、手机APP、小程序,包括你现在看到这篇文章的界面,都是前端。


二、前端的发展历程

在21世纪以前,前端在互联网占分量并不大,那时大部分的开发是前后端一体的,即使有专门的前端开发人员,也只是用HTML写写页面模版,用CSS写一点好看的版式。

直到1995年,JavaScript语言诞生。JavaScript是世界上最容易被误解的编程语言,同时也是最受欢迎的编程语言之一,世界上几乎每台个人电脑上都安装了JavaScript解释器,并在活跃运行中。

后来,前端经历了一段稳步发展的时期,市面上的浏览器渐渐有了统一的标准,其呈现的数据量越来越大,人机交互越来越多,性能需求也越来越大,于是大佬们开始为前端注入新的活力。Nodejs普及后,前端开发者不需要依赖于后端程序直接运行前端,前端正式与后端分离

随着大屏智能手机出现,5G网络普及,前端对于跨端浏览的需求越来越大,前端不再仅仅是web方面的开发,由于各个平台需要的技术栈都不一样,代码无法复用,非常浪费人力物力,大前端应运而生。谷歌推出Flutter、微信推出小程序都是为了让前端人员可以舒舒服服地写一套代码,然后四处运行。

大前端不仅会成为移动开发与Web前端的发展趋势,也将会是未来的显示设备终端的开发技术趋势。将做更多的终端开发、工程化等工作,而不仅仅只是开发Web页面。


大前端工程师将能搞定所有端上的开发,与全栈工程师相比,它更具可操作性。但同时对开发者而言,要会更多的技术栈,比如原生开发者要学习HTML、CSS、JS等前端知识,前端开发人员也要学习Android或iOS的原生开发技术。


三、前端的未来趋势

1.移动端能力逐渐放大

以前端技术为核心的开发方式,在移动端越来越成为主流方式。例如我们经常使用的抖音、B站、小红书等移动端App、小程序等。


2. 小程序生态的崛起

无线端一直是前端高速发展的主战场,以近几年的发展趋势可知主要在以下区域:

  • App开发,以React Native为主
  • Hibird的模式,以Cordova为代表
  • 小程序,依赖于微信,支付宝等的生态

从中国互联网发展状况统计报告上可知,国内App数量在2018年达到顶峰,随后越发呈现下降的趋势,明显受到小程序等的生态的影响。

目前腾讯、阿里、滴滴、美团、字节全系列等企业都已经完成了小程序架构的建设。这也就意味着未来几年,会有更多的应用会以此形式野蛮发展。而企业想要提升自己的核心竞争力,必然会注重前端技术的发展。

所以,原生开发人员面临非常严峻的形势。虽然它不会消亡,但后面原生越来越会往平台或H5的承载体方向发展,这是一个已经存在的趋势。


3. 跨端能力的增强

随着前端构建技术的高速发展,优秀的构建框架如雨后春笋涌现,Web应用在跨端方面表现的能力越来越强。一套代码多端通用带来的人效提升尤为明显。越来越多的企业开始转入低成本高人效的跨端领域,以寻求更快的业务发展。

然而小程序只是前端跨端技术的冰山一角。跨端技术比较知名的就是Taro,基于静态编译时的方案。随着鸿蒙OS的推出,未来跨端将成为企业争夺资源的新战场。


4.PC桌面端入侵

以NW.js和Electron为代表的前端技术的出现,意味着前端技术现在也出现在的桌面端中了。

尽管它可能不会成为桌面开发的主流,但它意味着一个极具性价比的可选方案出现,会越来越多的出现使用这种方案的桌面应用。


5.前端向全栈的输出

这几年全栈工程师被炒的非常火热,而发展最快的所属Web前端转全栈,因为前端的基础语言是JavaScript,而后端Node的基础也是JS语言,这就为前端研发人员创造了得天独厚的优势。不过Node永远不会取代后端主流语言,至少现在不会。


6. 更多的就业方向

Web前端随着行业的不断变革和发展,所呈现的方向也更加多样化,并且在小程序应用的兴起之后,也是为Web前端注入新的生机。整体来看的话,Web前端工作可以分为H5开发、小程序开发、Web全栈开发、网站制作、APP开发等方向。


四、零基础该从何学起?

学习是一件持续的事情,不论是实习期间还是工作以后,停止学习,就会慢慢丧失自己的竞争力,前端尤为如此。前端的知识更新是非常快的,也许今年刚学习的技术下一年就被新技术淘汰了。

这是我整理的学习线路图,可供参考,如果大家觉得不够详细,可以看下小编上期分享的小白零基础学习路线

学前端最重要的就是要跟着教程多敲代码多练习,俗话说熟能生巧,多实操实战才是学习前端的正确方法。

今天的分享就到这里了,想了解更多前端知识,记得常来看我!


我们下期再见!

END

文案编辑|云端学长

文案配图|云端学长

内容由:云端源想分享