大白话告诉你!前端是怎么回事儿?

news2024/9/21 15:56:29

假期回家,学会计的表弟化身十万个为什么的问我!

你们前端到底是干什么的?为什么我的同学好多转行去做这个的?你们前端程序员真的这么赚钱么?你也别跟我说什么敲代码的,你告诉我,你敲得这是什么代码?有什么用?难学吗?前景怎么样?

我看他化身为十万个为什么!想转行的算盘打的哐哐响,也就好好说说前端这些事儿!争取让啥都不会的小白都能听得懂。

前端是做什么的?

来!我们先看图!

image.png

image.png

我打赌你没有看完!
所以不管你是浏览网页, 还是使用 APP, 你肯定不想看到一堆数字或者说是没有灵魂的数据。

image.png

相比较于数据, 我们可能更喜欢看图片!
图片也有差别,可以是这样的!

当然也可以是这样的!

我们还怕你看着枯燥, 变着花样的给你展示一些数据, 让你有一些参与感

1.gif

怕你登录的时候无聊, 带你玩点小游戏(验证)

image.png

在你浏览网页时,还会有令你面红耳赤的弹窗性感荷官,在线发牌。

2.gif

当然, 为了赚钱, 我们也会在你成为会员以后才让你复制我的论文

这就是我们前端的工作,总的来说, 就是想尽一切办法, 展示内容给用户看到

时不时的和用户来一些小互动( 点击, 双击, 拖拽, 输入, 发个验证码, … )这些都是前端的工作范畴。

其实每当我们看向各种电子设备的屏幕时,我们就看到了前端 (老年诺基亚除外)

专业点来说,前端工程师就是Web应用程序的设计者和构建者。他们使用HTML、CSS和JavaScript等技术来构建和设计Web应用程序的用户界面,以及为用户提供交互性和动态特效。

前端的应用

前端应用简直不要太广泛,就简单举几个例子你就知道了

1,网站开发

我们打开电脑浏览器,看到的所有网页都是前端给我们展示出来的。成千上万的网页都是前端搞定的!

通过使用HTML、CSS和JavaScript技术,前端工程师可以创建各种类型的网站,包括个人博客、电商网站、论坛等等。 你所看到的微博,淘宝京东都是前端基础搞出来的!在电商网站中,前端工程师可以使用JavaScript实现用户界面的交互效果,比如商品搜索、商品筛选、购物车等功能。

image.png

2.移动应用开发

我们用的所有APP的界面,也都有前端的参与,游戏也有一部分是!(很多活动页面都是用前端基础写的,充值648的页面就是前端写的)!

例如前端技术React NativeReact Native是Facebook推出的一款跨平台移动应用开发框架,可以使用JavaScript和React来构建原生移动应用。例如,美团外卖就是使用React Native开发的。

image.png

3.游戏开发

前端技术在游戏开发中也得到了广泛应用。主要是小游戏,网页游戏等

例如,一些基于HTML5技术的小游戏,比如《俄罗斯方块》、《打地鼠》 等。大型游戏就不是前端的范畴了!

4.智能家居

智能家居需要前端技术来实现各种智能设备的交互界面。例如,通过使用HTML、CSS和JavaScript技术,前端工程师可以实现智能家居设备的远程控制、数据展示等功能。

image.png

5.数字化转型

前端技术可以帮助企业实现数字化转型。例如,前端工程师可以为企业开发一个基于Web的管理系统,用于管理企业的各项业务数据。

可以看出来前端应用是非常广泛的,随着技术的不断发展,前端技术在各个领域的应用也会越来越广泛。

前端真的挣钱吗?

能挣钱!不然不会这么多人来做!不然不会有那么多的网页,APP,小程序。

一般来说,前端工程师的薪资水平与其学历水平、面试情况以及所在地区有关。

专科前端工程师的平均薪资水平在6k-12k左右

本科前端I程师的平均薪资水平在12k-25k左右

当然,这只是大致的数据,实际的薪资水平还需要结合具体情况进行判断。在发达的线城市,前端工程师的薪资水平普遍比其他地区高出一些。

前端行业前景怎么样?

前端技术是互联网领域中最热门门的技术之一,我们有数以万计的网页,APP,小程序界面需要前端,新兴的元宇宙, Web3.0的新概念也依然离不开前端。未来几年前端行业的就业前景还是非常不错的。

主要表现有

1,政策利好: 国家数字化转型的推进为前端技术的发展提供了巨大的政策支持。政府鼓励企业将业务转型到互联网平台,这就需要前端技术的支持。未来,国家将进一步 加大对前端技术的政策扶持,为前端工程师提供更好的发展平台。

2,市场环境: 随着各行各业数字化转型的不断进行,现在衣食住行也都被搬到了互联网上。这也就导致对前端技术的需求也越来越大。不仅是互联网行业,传统行业也需要借助前端技术实现数字化转型。因此,前端工程师的就业前景非常广阔。在未来,前端技术的市场需求还将继续增长。

3,人才需求: 因为前端的工作性质(网页,APP,PC端应用等等都需要),虽然前端技术的门槛相对较低,但优秀的前端工程师非常稀缺。这主要是因为前端工程师需要具备扎实的技术基础和丰富的项目经验。对于企业而言,良好的前端技术能够为其带来更好的用户体验和更高的收益。因此,市场需求量远远高于人才供应量。学习前端技术可以获得更多的就业机会和发展空间。

image.png

前端工程师需要学什么?

前端工程师需要具备以下技能:

1.扎实的HTML、 CSS和JavaScript等 技术基础。

这些技术是前端工程师最基本的工具,需要掌握基本语法、特性和用法。这些是前端开发的基础,相当于大厦基石。虽然到了最后我们只是几行代码就能搞定HTMLCSS,但是他们就像我们认识的一个个汉字一样,只有认识了它们才能书写出文章来啊!就像数学家不能不认识123456789一样

2.熟练掌握常用的Web开发框架和库,例如Vue,React. Angular等。

这些框架和库可以大大提高Web应用程序的开发效率和代码质量,所谓的框架,简单的说,其实就是提高我们开发效率的工具。比较流行的框架就是Vue和React,两个都是需要掌握一下的。

3.了解浏览器和操作系统的基本原理,以及如何进行调试和测试。

这些知识可以帮助前端工程师更好地理解Web应用程序的运行环境,并能够快速识别和解决问题。

4.良好的沟通和协作能力,能够与设计团队和后端开发人员紧密合作。

这些能力可以帮助前端工程师更好地理解和满足用户需求,确保Web应用程序的质量和一致性。

前端门槛

前些年门槛很低,认识26个英文字母简单的英文单词就可以了!

近些年门槛稍微提高,简单的英文,九年义务教育水平的数学逻辑,还有持之以恒的坚持。尤其是在学习JavaScript时多练多记。

事情就是这么个事情,情况就是这么个情况!

要学习一个新技能肯定是要下一番功夫的,最怕的就是,自己装作努力的样子,却并没有全心投入学习,还告诉自己的我真的不适合这个!

前端的学习更是如此,入门很简单,抬一抬脚就可以进门,可是要登堂入室却需要走很远的路!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/456763.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Linux网络——部署YUM仓库

Linux网络——部署YUM仓库 一、YUM仓库服务1.准备安装源:①.软件仓库的提供方式②.RPM软件包的来源③.构建CentOS7软件仓库④.在软件仓库中加入非官方RPM包组⑤.访问yum仓库 2.yum下载软件包的方式①..开启缓存下载②.通过yum命令的选项下载③.通过yumdownloader命令…

容器化实战--vmware安装centos7-安装docker-idea部署springBoot项目到docker

前言 走过的坑终将化为蒲公英,风一吹就消散了,然后继续掉坑… 整体背景 win10 idea2019.3 vmware15 pro CentOS-7-x86_64-DVD-2009.iso docker 23.0.4 redis mysql8 springBoot项目 1.安装虚拟软件vmware15 pro 安装vmware15 2.安装宿主机centos7 …

为什么你永远不应该在CSS中使用px来设置字体大小

代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。 在Josh Collinsworth的博客文章“永远不要用px作为字体大小”中,作者讨论了为什么不…

HashMap 的特点及其优缺点以及底层实现

Hash&#xff1a;散列 Map&#xff1a;映射 顾名思义&#xff0c;是以 key-value 的形式存储数据 public class HashMap<K,V> {transient Node<K,V>[] table;// 初始容量 16static final int DEFAULT_INITIAL_CAPACITY 1 << 4; }通过源码可知&#xff0c;…

Web安全 iwebsec 靶场搭建.

Web安全 iwebsec靶场搭建 iwebsec 本质上是一个漏洞集成容器&#xff0c;里面集成了大量的漏洞环境.&#xff08;如&#xff1a;集合了SQL注入、文件包含、命令执行、XXE、反序列化、SSRF、XSS、文件上传等常见的web漏洞环境&#xff09; 目录&#xff1a; 靶场安装步骤&#…

免费gpt-4-国内使用gpt-4

如何用上gpt-4 GPT-4尚未正式发布和公开&#xff0c;因此我们无法提供对GPT-4的具体使用方法。但是&#xff0c;可以从GPT-4的前一代——GPT-3的使用经验和GPT-4的预期功能来看&#xff0c;建议如下&#xff1a; 了解GPT-4的语言处理能力和适用场景&#xff1a;GPT-4预计将进一…

影视动画制作中的后期渲染是什么意思?

影视动画制作是一项非常复杂的任务&#xff0c;需要涵盖从剧本创作到角色设计、场景布置、动画制作、后期渲染等多个环节。其中&#xff0c;后期渲染是制作过程中的最后一步&#xff0c;也是非常重要的一步&#xff0c;它可以使得动画画面更加真实、细腻&#xff0c;达到更好的…

CPU Cache:访问存储速度是如何大幅提升的?

我们了解到不同的物理器件&#xff0c;它们的访问速度是不一样的&#xff1a;速度快的往往代价高、容量小&#xff1b;代价低且容量大的&#xff0c;速度通常比较慢。为了充分发挥各种器件的优点&#xff0c;计算机存储数据的物理器件不会只选择一种&#xff0c;而是以 CPU 为核…

浅析“04.23王者荣耀KPL比赛因出现硬件异常导致比赛延期”这一事件

背景 不知道朋友们有没有看昨天晚上八点多的王者荣耀KPL比赛&#xff08;成都AG超玩会VS广州TTG&#xff09;这一场&#xff0c;当时比赛进行到快15分钟的时候出现了红方请求暂停的情况&#xff0c;后来比赛直播界面就一直提示如下&#xff1a; 本以为这个问题应该不算太严重…

Java——栈的压入,弹出序列

题目链接 牛客网在线oj题——栈的压入,弹出序列 题目描述 输入两个整数序列&#xff0c;第一个序列表示栈的压入顺序&#xff0c;请判断第二个序列是否可能为该栈的弹出顺序。假设压入栈的所有数字均不相等。例如序列1,2,3,4,5是某栈的压入顺序&#xff0c;序列4,5,3,2,1是…

手把手教你PXE高效网络装机、Kickstart无人值守安装(详细版)

目录 一、部署PXE远程安装服务1.1PXE定义1.2PXE服务优点1.3搭建网络体系前提条件1.4 搭建PXE远程安装服务器 二. 实验2.1 服务器操作2.2 安装启动TFTP服务并修改TFTP服务的配置文件2.3 安装并启用DHCP服务2.4 准备linux内核&#xff0c;初始化镜像文件2.5 准备PXE引导程序2.6 安…

编程中最难的就是命名?这几招教你快速上手

作者&#xff1a;陈立(勤仁) 你可不能像给狗狗取名字那样给类、方法、变量命名。仅仅因为它很可爱或者听上去不错。 在写代码的时候&#xff0c;你要经常想着&#xff0c;那个最终维护你代码的人可能将是一个有暴力倾向的疯子&#xff0c;并且他还知道你住在哪里。 01 为什么…

GitHub star最多的 dnmp环境 安装

对于安装GitHub上start最多的dnmp环境的步骤及感悟 https://github.com/yeszao/dnmp/blob/master/README.md 在服务器上装docker与docker-compose 注意&#xff1a;安装docker-compose的时候选择官方版本安装(虽然慢但是请等等)&#xff0c;我操作时出现过国内镜像地址安装但…

flex弹性布局的基本操作知识

今天为大家阐述如何在开发APP或网站的时候&#xff0c;制定一套弹性布局&#xff0c;相互之间兼容&#xff0c;那么我们就可以用Flex来实现&#xff1a; 什么是flex?&#xff1a;Flex是Flexible Box的缩写&#xff0c;意为”弹性布局”&#xff0c;用来为盒状模型提供最大的灵…

Ubuntu 上使用nginx部署vue项目(403/(98: Address already in use))

准备好前端dist文件 保证dist/index.html 点击在本地可以访问&#xff0c; 一&#xff0c;nginx安装 第一步&#xff0c;更新源列表 apt-get update 第二步&#xff0c;安装nginx apt-get install nginx 第三步&#xff0c;检查nginx是否安装成功。如果出现版本号说明安…

直播预告:重保常见攻击场景及解决方案

重保在即&#xff0c;针对邮件系统的网络攻击、主机威胁、账号失陷等攻击场景&#xff0c;该如何应对&#xff1f; 4月25日&#xff08;周二&#xff09;15&#xff1a;00-16&#xff1a;30 Coremail举行重保常见攻击场景及解决方案直播交流会 在这里&#xff0c;您将看到&…

itop-3568 开发板系统编程学习笔记(19)GPIO 应用编程

【北京迅为】嵌入式学习之Linux系统编程篇 https://www.bilibili.com/video/BV1zV411e7Cy/ 个人学习笔记 文章目录 使用 sysfs 方式操作 GPIOGPIO 应用编程 使用 sysfs 方式操作 GPIO 和上一篇笔记 LED 应用编程一样&#xff0c;GPIO 也可以通过 sysfs 方式来控制。 在串口终…

Elasticsearch:使用 Elastic APM 监控 Android 应用程序(一)

作者&#xff1a;Alexander Wert, Cesar Munoz 人们通过私人和专业的移动应用程序在智能手机上处理越来越多的事情。 拥有成千上万甚至数百万的用户&#xff0c;确保出色的性能和可靠性是移动应用程序和相关后端服务的提供商和运营商面临的主要挑战。 了解移动应用程序的行为、…

【计算机视觉】必须了解的图像数据底层技术

计算机视觉的主要目的是让计算机能像人类一样甚至比人类更好地看见和识别世界。计算机视觉通常使用C、Python和MATLAB等编程语言&#xff0c;是增强现实&#xff08;AR&#xff09;的一项重要技术。 文章目录 一、引言二、什么是计算机视觉&#xff08;Computer Vision&#xf…

Flink窗口函数

1.什么是窗口函数 Flink窗口函数是指对数据流中的数据进行分组和聚合操作的函数。 FlinkSQL支持对一个特定的窗口的聚合。例如有用户想统计在过去的1分钟内有多少用户点击了某个的网页。在这种情况下&#xff0c;我们可以定义一个窗口&#xff0c;用来收集最近一分钟内的数据…