web前端开发简介及门槛、学习路线

1. 什么是web?

Web是 world wide web,万维网,广域网,互联网

Web可以理解是网站

2. 什么网站和网页?

网站是由多个网页和其他文件组成的

3. 什么是web的前端和后端?

4.网页的组成:

html: 在网页中真实存在的,例如: 文本,输入框,按钮,超链接,音频,视频,图片...........

css: 用来装饰html网页

Javascript: 实现网页的动态效果

结构: html

表现: css

行为: javascript 是由w3c组织(万维网联盟组织)制定的

5.常见的浏览器:

技术学习路线:

1.基础必备技能: html、 css、javascript (了解W3C,ECMAScript等相关标准)

2.http请求相关必备技能:http请求头、请求体、状态码、三次握手、请求方式、等。

3.nodeJs后端语言:了解一些关于启动服务、构建项目知识。

4.构建工具: Webpack、vite等前端构建工具。(至少了解一些)

5.npm必备技能: npm包管理工具类似的还有yarn cnpm pnpm、至少了解npm是用来 做什么的。

6.框架类:Vue、React、Angular三大框架(Vue和React是国内主流至少会一种)

7. 与javascript相关的: jquery、TypeScript、(至少会基本使用)

8.插件工具类等:ElementUI、Antd、echarts、vant。(至少会基本使用,工作必备)

9.工作必备技能:git、svn等版本管理工具 (推荐熟练使用git大多公司会用到)

10.接口调试工具:postman 、jemeter 、swagger(其中一种至少了解一些,工作会用到)

11. 工作常见的项目:pc管理系统、H5移动端,小程序原生和uniapp开发(至少会一种)

12.其它扩展知识: 地图、国际化、tailwindcss、nvm、等。(可以工作时再学)

聊聊前端开发的必备条件和薪资范围:

入行门槛

学历要求:正常来说至少是大专的专科和计算机相关的专业,如果技术学的特别好也是可以找到工作的。

专业要求相关:

专科(大专)阶段:

  1. 计算机应用技术:专注于计算机基础知识、软件应用和技术实践。
  2. 软件技术:重点在软件开发、编程、数据库和系统设计。
  3. 计算机网络技术:侧重于网络基础知识、配置、维护和安全。
  4. 信息管理与信息系统:涉及信息资源管理、数据库、信息系统分析与设计等方面。

本科(学士)阶段:

  1. 计算机科学:通常是最常见的计算机学科,涵盖算法、数据结构、编程、计算理论等。
  2. 软件工程:重点在软件开发、项目管理、软件质量保证等方面。
  3. 信息技术:广泛涉及信息管理、系统分析、网络安全等技术与管理层面的内容。
  4. 网络工程:注重网络设计、配置、管理、安全和优化。
  5. 人工智能与机器学习:专注于人工智能、机器学习、数据挖掘等领域。
  6. 数字媒体技术:结合计算机科学和艺术设计,关注数字媒体内容的开发与创新。

 

 

只要学好技术基本上还是可以拿到一个可观的收入的,在这行要不断学习提升自己。

有想法的小伙伴,可以一起来交流学习。

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

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

相关文章

图像img2img任务任务中评估指标

均方误差(Mean Squared Error,MSE):计算两个图像像素之间的平均差异的平方。MSE越小,表示两个图像越接近。 均方根误差(Root Mean Squared Error,RMSE):MSE的平方根。RM…

编程之外,生活的美好航程

🚀 作者主页: 有来技术 🔥 开源项目: youlai-mall 🍃 vue3-element-admin 🍃 youlai-boot 🌺 仓库主页: Gitee 💫 Github 💫 GitCode 💖 欢迎点赞…

回顾Django的第二天

1.http 1.1http请求协议与响应协议 1.1.1简介 http协议包含由浏览器发送数据到服务器需要遵循的请求协议与服务器发送数据到浏览器需要遵循的请求协议。用于HTTP协议交互的信被为HTTP报文。请求端(客户端)的HTTP报文 做请求报文,响应端(服务器端)的 做响应报文。HTTP报文本身…

使用JAVA语言写一个排队叫号的小程序

以下是一个简单的排队叫号的小程序&#xff0c;使用JAVA语言实现。 import java.util.LinkedList; import java.util.Queue; import java.util.Scanner;public class NumberingSystem {public static void main(String[] args) {Queue<String> queue new LinkedList<…

PCB布线为什么不能走直角或锐角-笔记

PCB布线为什么不能走直角或锐角-笔记 摘要一.PCB走线在直角转弯的地方&#xff0c;信号前后部分相互影响这几个理由我们来一一分析一下传输线的直角带来的寄生电容从阻抗的角度来看直角的尖角产生放电或者电磁辐射走线直角的工艺问题 摘要 有一定熟悉画过PCB板的人或者PCB教学…

Linux常用命令——mv命令

文章目录 1. 简介2. 命令格式3. 主要参数4. 常见用法及示例4.1 移动文件4.2 重命名文件4.3 交互式移动文件4.4 强制移动文件4.5 移动多个文件4.6 使用通配符移动文件 5. 注意事项6. 结论 1. 简介 mv 命令在Linux系统中用于移动文件或目录&#xff0c;同时也可以用于重命名文件…

【js】如何在不指定具体属性名,而是通过变量获取属性名,设置一个对象中多层级下的某个属性的值

为了优化这种赋值方式&#xff0c;可以考虑使用ES6的解构和展开运算符。 首先&#xff0c;我们可以使用解构运算符来提取需要赋值的变量&#xff0c;以增加代码的可读性和简洁性&#xff1a; const { ContainerKey, formId } obj; obj[ContainerKey][formId[0]][formId[1]] …

Ubuntu Server 20.04.6下Anaconda3安装Pytorch

环境 Ubuntu 20.04.6 LTS Anaconda3-2023.09-0-Linux-x86_64.sh conda 23.7.4 Pytorch 1.11.0 安装 先创建一个工作环境&#xff0c;环境名叫lia&#xff1a; conda create -n lia python3.8环境的使用方法如下&#xff1a; conda activate lia # 激活环境 conda deactiv…

【Java 基础 - 泛型机制详细解释】

Java 基础 - 泛型机制详解 为什么会引入泛型泛型的基本使用 泛型类泛型接口泛型方法泛型的上下限泛型数组深入理解泛型 如何理解Java中的泛型是伪泛型&#xff1f;泛型中类型擦除如何证明类型的擦除呢&#xff1f;如何理解类型擦除后保留的原始类型?如何理解泛型的编译期检查&…

查看Hive表信息及占用空间的方法

一、Hive下查看数据表信息的方法 方法1&#xff1a;查看表的字段信息 desc table_name; 方法2&#xff1a;查看表的字段信息及元数据存储路径 desc extended table_name; 方法3&#xff1a;查看表的字段信息及元数据存储路径 desc formatted table_name; 方法4&#xff1a;…

NetApp AFF A800:为人工智能、深度学习和大数据分析提供动力

NetApp AFF A800&#xff1a;为发挥混合云的最大优势提供动力 您对数据的掌控能力将决定您能否在数字化时代取得成功。借助作为全球速度最快的企业级 NVMe 闪存存储之一的 NetApp AFF A800&#xff0c;您可以突破性能的限制。通过行业领先的云集成&#xff0c;您可以管理从边缘…

Linux:docker的数据管理(6)

数据管理操作*方便查看容器内产生的数据 *多容器间实现数据共享 两种管理方式数据卷 数据卷容器 1.数据卷 数据卷是一个供容器使用的特殊目录&#xff0c;位于容器中&#xff0c;可将宿主机的目录挂载到数据卷上&#xff0c;对数据卷的修改操作立刻可见&#xff0c;并且更新数…

Springboot快速整合kafka

kafka的基本了解 kafka也是 目前常用的消息中间件,支持同步与异步通信,和rabbitmq一样,工作模式大概相同,并且被spingboot整合的后的都是 中间件Template的实列化客户端类 ,消费者监听注解为KafkaListener,和RabbitListener和很相似,这些消息中间件使用过后,发现大致都是相同的…

基于AT89C51单片机的节日彩灯门设计

1&#xff0e;设计任务 本设计采用单片机为主控芯片&#xff0c;结合外围电路组成彩灯门的控制系统器&#xff0c;用来控制16个彩色的LED发光&#xff0c;实现彩色亮点的循环移动&#xff1b;通过软件编程实现各种各样的彩色亮点平面循环移动&#xff0c;该彩色控制器可以通过输…

fastapi 后端项目目录结构 mysql fastapi 数据库操作

原文&#xff1a;fastapi 后端项目目录结构 mysql fastapi 数据库操作_mob6454cc786d85的技术博客_51CTO博客 一、安装sqlalchemy、pymysql模块 pip install sqlalchemy -i https://pypi.tuna.tsinghua.edu.cn/simple pip install pymysql -i https://pypi.tuna.tsinghua.edu.…

IDE1007:当前上下文中不存在名称“xxx“

这种在Halcon中直接导出的代码不能直接放程序中&#xff0c;应该在控件中比如一个按钮中&#xff0c;就不会出错了。

【驱动】SPI驱动分析(五)-模拟SPI驱动

简介 模拟SPI驱动是一种软件实现的SPI总线驱动。在没有硬件SPI控制器的系统中&#xff0c;通过软件模拟实现SPI总线的功能。它允许在不修改硬件的情况下&#xff0c;通过GPIO&#xff08;通用输入/输出&#xff09;引脚模拟SPI总线的通信&#xff0c;从而与SPI设备进行数据交换…

单片机学习12——电容

电容的作用&#xff1a; 1&#xff09;降压作用&#xff1a; 容抗&#xff1a; Xc 1/2fc 串联分压原理。2100Ω的容量&#xff0c;50Hz的频率&#xff0c;可以得到1.5uF。断电之后&#xff0c;需要串联一个1MΩ的电阻放电。 那是不是可以使用2100欧姆的电阻来代替电容呢&am…

Redis基础系列-安装Redis

Redis基础系列-安装Redis 文章目录 Redis基础系列-安装Redis1. 环境要求2. 下载redis3. 安装4. 配置5 参考与感谢 1. 环境要求 &#xff08;安装C语言编译环境&#xff09;redis是用C语言开发的&#xff0c;所以需要安装C语言编译环境,中途可能会出现询问你是否需要可以安装&a…

useDispatch和store.dispatch

在 React 中&#xff0c;useDispatch 是 React Redux 提供的一个 hook&#xff0c;而 store.dispatch 是 Redux 中的一个方法。它们的作用是触发 Redux 中的 action&#xff0c;从而更新状态。下面是它们之间的主要区别&#xff1a; 使用场景&#xff1a; useDispatch: 这是 Re…