web前端开发和后端开发哪个难度大?

news2025/1/24 1:20:38

前言

因为涉及到的具体的应用的领域不同,所以说不能简单地说哪一个难,对于前端而言你会感觉到入门会非常的简单,这也是会给许多人一种错觉,前端很简单,但是只能说是在入门理解上是有利于新手的,前端在主要是在于网页的变化多端,会遇到的第一个槛大概就是在多变的css和js了,后面随着对前端技术的深入,便会感慨前端真的是浩瀚如海,同时技术的更迭飞快,为适应业务发展,你也必须花时间去学新的技术,对于后端,它更多考验的是逻辑思维,在入门上难度高也是绝大多数人所提及的,而在后期开发上都需要面对的问题包括但不限于后端服务的稳定性(对于预防方案的制定、限流等),需要考虑到延迟、数据的准确性,这时后端的难点个人觉得不是是你的方案要设计得多复杂,而是如何将其简单化。

所以,如果只看入门判定一项语言的难度是片面的,我们应当放长眼光,从各方面去审视,才能选出合适自己的,同时,如果有小伙伴对于前端和后端有兴趣,可以看一下我下面整理的两个方向的思维导图和资源的整理,希望能为你提供些许的帮助~

一、前端方向(大方向)

第一阶段:前端三件套(HTML、CSS、Javascript)

文档教程

HTML 】w3school教程 :https://www.w3school.com.cn/html/index.asp

CSS 】w3school教程:https://www.w3school.com.cn/css/index.asp

JavaScript】w3school教程:https://www.w3school.com.cn/js/index.asp

视频教程

siki学院】HTML:https://www.sikiedu.com/my/course/206

siki学院】CSS: https://www.sikiedu.com/course/207

siki学院】JavaScript:https://www.sikiedu.com/course/212

黑马程序员】JavaScript入门到精通:https://www.bilibili.com/video/BV1Kq4y1e7d2/

黑马程序员】JS进阶webAPIs:https://www.bilibili.com/video/BV1AT4y1v75t/

黑马程序员】JS高级:https://www.bilibili.com/video/BV1DY41177dM/

!注意原生JS的学习非常重要,在你的原生JS没有达到一定造诣 (比如对原生Js有一个全面的理解,能靠自己独自完成对于一个页面功能的交互等)的时候,不要去盲目的学习其他Js库,不可否认J一些s库是非常优秀的,但它们也是建立于原生Js写出来的,原生Js在面试当中也是占了大头,所以一定要对原生Js有深层的认识后再去拓展。

一些优秀的Js库:有哪些必看的 JS 库? - 知乎

第二阶段:移动端开发&Ajax编程

文档教程

【AJAX】w3school教程:[https://www.w3school.com.cn/js/js_ajax_intro.asp

(w3school的网页当中能直接输入代码练习,可以直接显示页面效果,挺不错的)

视频教程

黑马程序员】移动端前端:https://www.bilibili.com/video/BV14J4114768/

黑马程序员】Ajax+Git零基础到精通:https://www.bilibili.com/video/BV1ZS4y1w7Yz/

第三阶段:前端主流框架

文档教程

Vue】菜鸟教程:https://www.runoob.com/vue2/vue-tutorial.html

【React】菜鸟教程:https://www.runoob.com/react/react-tutorial.html

【Angular】菜鸟教程:https://www.runoob.com/angularjs/angularjs-tutorial.html

【Bootstrap】菜鸟教程:https://www.runoob.com/bootstrap/bootstrap-tutorial.html

(三大框架一般至少掌握一种,国内用得多的是Vue和React,根据自己的需求学习,如果有时间可以都学一下)

视频教程

尚硅谷】Vue:https://www.bilibili.com/video/BV1Zy4y1K7SH

尚硅谷】React:https://www.bilibili.com/video/BV1wy4y1D7JT

尚硅谷】Angular:https://www.bilibili.com/video/BV1ts411E7qg

尚硅谷】Bootstrap:https://www.bilibili.com/video/BV1YW411T7yy

第四阶段:node.js全栈开发

文档教程

node.js】菜鸟教程:https://www.runoob.com/nodejs/nodejs-tutorial.html

视频教程

黑马教程】node.js:https://www.bilibili.com/video/BV1a34y167AZ

第五阶段:就业面试相关

HTML高频面试题:https://juejin.cn/post/6905294475539513352

CSS高频面试题:https://juejin.cn/post/6905539198107942919

JavaScript高频面试题(上篇):https://juejin.cn/post/6940945178899251230

JavaScript高频面试题(下篇):https://juejin.cn/post/6941194115392634888

Vue高频面试题:https://cloud.tencent.com/developer/article/1675622

React高频面试题:https://blog.csdn.net/sinat_17775997/article/details/82994810

第六阶段:项目实战

小米商城https://www.bilibili.com/video/BV1gs411c7AC/

网易云音乐https://www.bilibili.com/video/BV1c44y1g7ac/

哔哩哔哩移动端https://www.bilibili.com/video/BV1kS4y1b7du

超简单的微信小程序https://www.bilibili.com/video/BV13L4y1w729/

头条新闻vue客户端开发实战https://www.bilibili.com/video/BV1t3411N7aP/

Node听歌识曲https://www.bilibili.com/video/BV1Qy4y1G71n/

二、后端方向(大方向)

第一阶段:前端基础

文档教程

HTML 】w3school教程 :https://www.w3school.com.cn/html/index.asp

CSS 】w3school教程:https://www.w3school.com.cn/css/index.asp

JavaScript】w3school教程:https://www.w3school.com.cn/js/index.asp

Vue】菜鸟教程:https://www.runoob.com/vue2/vue-tutorial.html

视频教程

siki学院】HTML:https://www.sikiedu.com/my/course/206

siki学院】CSS: https://www.sikiedu.com/course/207

siki学院】JavaScript:https://www.sikiedu.com/course/212

尚硅谷】Vue.js:https://www.bilibili.com/video/BV1Zy4y1K7SH

第二阶段:Java web相关

文档教程

JSP】教程 :https://c.biancheng.net/jsp2/

Servlet】教程:https://c.biancheng.net/servlet2/

Tomcat 】教程:https://www.w3cschool.cn/tomcat/

HTTP】 教程:https://www.w3cschool.cn/http/

Git】 菜鸟教程:https://www.runoob.com/git/git-tutorial.html

SVN】 菜鸟教程:https://www.runoob.com/svn/svn-tutorial.html

Maven】菜鸟教程:https://www.runoob.com/maven/maven-tutorial.html

Linux】菜鸟教程:https://www.runoob.com/linux/linux-tutorial.html

视频教程

siki学院】JSP&Servlet:https://www.sikiedu.com/my/course/214

狂神study】Tomcat详解:https://www.kuangstudy.com/course/play/1320997023852003330

狂神study】HTTP协议详解:https://www.kuangstudy.com/course/play/1320997359610232834

尚硅谷】Git 入门到精通全套教程:https://www.bilibili.com/video/BV1vy4y1s7k6

尚硅谷】SVN版本控制软件教程:https://www.bilibili.com/video/BV1mW411M7yR

尚硅谷】2022版Maven教程:https://www.bilibili.com/video/BV12q4y147e4

乐字节】Linux:https://www.bilibili.com/video/BV16Q4y1y7xS

文章推荐

推荐1】JSP的基本使用总结:https://blog.csdn.net/weixin_49343190/article/details/107932765

推荐2】Tomcat是干什么用的:https://blog.csdn.net/qq_44285562/article/details/102969252

推荐3】HTTP协议入门教程:https://www.jianshu.com/p/083f992d0ee3

推荐4】Git常用命令:https://support.huaweicloud.com/usermanual-codehub/devcloud_faq_0060.html

推荐5】maven的下载与安装教程:https://blog.csdn.net/u012660464/article/details/114113349

推荐6】史上最全Linux基础知识点大全:程序员必备!史上最全Linux基础知识点大全? - 知乎

面试题

【JSP】面试题及答案:https://www.cnblogs.com/iOS-mt/p/5717631.html

【Tomcat&Servlet】面试题:https://juejin.cn/post/6844904127059722247

【HTTP协议】面试题:https://blog.csdn.net/weixin_45819386/article/details/123219420

关于Git的20个面试题:https://segmentfault.com/a/1190000019315509

Maven面试题:https://blog.csdn.net/a303549861/article/details/93752178

46个经典Linux面试题:46个经典Linux面试题!(附答案) - 知乎

第三阶段:Java web主流框架

文档教程

MyBatis】 w3cschool教程:https://www.w3cschool.cn/mybatis/

Spring】 w3cschool教程:https://www.w3cschool.cn/wkspring/

Spring MVC】 w3cschool教程:https://www.cainiaojc.com/spring/spring-mvc-tutorial.html

视频教程

siki学院】Mybatis:https://www.sikiedu.com/course/258

siki学院】Spring:https:https%3A//www.sikiedu.com/course/267

siki学院】SpringMVC:[https://www.sikiedu.com/course/277

siki学院】SpringBoot:https://www.sikiedu.com/course/541

文章推荐

推荐1】SSM框架讲解:https://blog.csdn.net/weixin_45650003/article/details/121623824)

推荐1】如何快速学习ssm 框架:如何快速学习ssm 框架? - 知乎

面试题

SSM常用面试题60道:整理出来SSM常用面试题60道(SpringMVC+Spring+Mybatis) - 知乎

第四阶段:微服务技术栈

文档教程

Spring Cloud】教程:http://c.biancheng.net/springcloud/

(按照教程当中的顺序Eureka->Ribbon->Feign->Hystrix->Gateway->Config->Nacos->Sentinel->Seata)

Elasticsearch 】教程:https://www.cainiaojc.com/elasticsearch/elasticsearch-tutorial.html

Redis】教程:https://www.runoob.com/redis/redis-tutorial.html

RabbitMQ 】教程:https://www.hxstrive.com/subject/rabbitmq.htm

Jenkins】教程:https://www.yiibai.com/jenkins

Docker 】教程:https://www.runoob.com/docker/docker-tutorial.html

视频教程

黑马程序员】SpringCloud+RabbitMQ+Docker+Redis+搜索+分布式:https://www.bilibili.com/video/BV1LQ4y127n4

黑马这个视频几乎涵盖了微服务所有,强烈推荐

尚硅谷】SpringCloud框架开发教程:https://www.bilibili.com/video/BV18E411x7eT

尚硅谷】ElasticSearch教程入门到精通:https://www.bilibili.com/video/BV1hh411D7sb

尚硅谷】Redis 6入门到精通超详细教程:https://www.bilibili.com/video/BV1Rv41177Af

尚硅谷】RabbitMQ教程:https://www.bilibili.com/video/BV1cb4y1o7zz/

尚硅谷】Jenkins教程:https://www.bilibili.com/video/BV1GW411w7pn

尚硅谷】2022版Docker实战教程:https://www.bilibili.com/video/BV1gr4y1U7CY

书籍推荐

【推荐一】《微服务架构设计模式》

这一本书教会你如何开发和部署生产级别的微服务架构应用,豆瓣9.1高分优秀书籍

》》【电子书】下载链接:

链接:https://pan.baidu.com/s/1yKV6u1vPgxfvK3_Ch89gkw?pwd=siki 提取码:siki

》》【纸质书】链接http://product.dangdang.com/27860466.html

【推荐二】《凤凰架构:构建可靠的大型分布式系统》

这一本书从架构视角讲解如何构建大型分布式系统,豆瓣9.2高分优秀书籍

》》【电子书】下载链接:

链接:https://pan.baidu.com/s/1qxiZWMafgGFdWY67sj8SQg?pwd=siki 提取码:siki

》》【纸质书】链接:http://product.dangdang.com/29265341.html

第五阶段:项目实战

视频教程

这里的项目选取其中的2-3个学习即可

黑马程序员】生活服务项目-好客租房:http://yun.itheima.com/course/894.html

黑马程序员】金融项目-万信金融:http://yun.itheima.com/course/902.html

黑马程序员】品达通权限系统:http://yun.itheima.com/course/905.html

尚硅谷】《尚医通》Java微服务+分布式+全栈项目:https://www.bilibili.com/video/BV1V5411K7rT

尚硅谷】《尚融宝》Java微服务分布式金融项目:https://www.bilibili.com/video/BV1VV411n7nR

尚硅谷】《尚筹网》Java项实战开发教程:https://www.bilibili.com/video/BV1bE411T7oZ

GitHub优质开源项目分享

1.人力资源管理系统

用于企业人力的管理,不同的用户登录所看到的页面各不相同

仓库文件:https://github.com/lenve/vhr

视频教程:https://mp.weixin.qq.com/s/dcJv6BIVFPnokI8nBf4IrQ

2.云收藏 

用户在线随时随地收藏的一个网站,在网站上分类整理收藏的网站或者文章,可以作为稍后阅读的一个临时存放

仓库文件:https://github.com/cloudfavorites/favorites-web

文档教程:https://github.com/cloudfavorites/favorites-web/wiki

3.V 部落

多用户的博客管理平台

仓库文件:https://github.com/lenve/VBlog

4.【 学之思开源考试系统

包含了学生对于自己的任务、消息、考试的查收与练习,管理员可以布置任务、考试,修改、删除学生信息等

码云文件:https://gitee.com/mindskip/uexam

视频教程:https://ke.qq.com/course/3614230#term_id=103758206

5.电商系统

一套完整的前后台电商管理系统

仓库文件:https://github.com/macrozheng/mall

文档教程:https://www.macrozheng.com/

6.微服务商城系统

在电商业务的基础集成了注册中心、配置中心、监控中心、网关等系统功能

仓库文件:https://github.com/macrozheng/mall-swarm

7.新蜂商城

包括 newbee-mall 商城系统及 newbee-mall-admin 商城后台管理系统,前后台各自包括多个功能模块

仓库文件:https://github.com/newbee-ltd/newbee-mall

视频教程:https://download.csdn.net/learn/26258

8.后台管理系统

国内首个Spring Cloud微服务化RBAC的管理平台,具有统一授权、认证后台管理系统,其中包含具备用户管理、资源权限管理、网关API 管理等多个模块

仓库地址:https://github.com/wxiaoqi/Spring-Cloud-Platform

文档教程:https://gitee.com/geek_qi/cloud-platform/blob/master/dev-doc.md#cloud-platform

9.eladmin

前后端分离的后台管理系统

仓库地址:https://github.com/elunez/eladmin

文档教程:https://eladmin.vip

第六阶段:面试就业

面试题

SpringCloud面试题:https://juejin.cn/post/6844904125717544973

RabbitMQ面试题:https://juejin.cn/post/6844904125935665160

Docker面试题:https://www.cnblogs.com/peteremperor/p/14536899.html

Redis面试题:《进大厂系列》系列-Redis常见面试题(带答案) - 知乎

Elasticsearchs面试题:https://juejin.cn/post/6958408979235995655/

就业指导

1.简历书写

推荐1】Java程序员简历模板:https://github.com/geekcompany/ResumeSample/blob/master/java.md

推荐2】Java面试个人简历:https://blog.csdn.net/qq_38225558/article/details/89489727

2.面试经验

推荐1】斩获 20+ 大厂 offer 的面试经验分享:https://mp.weixin.qq.com/s/HXKg6-H0kGUU2OA1DS43Bw

推荐2】从面试官的角度看面试:https://www.cnblogs.com/lovesqcc/p/15169365.html

推荐3】普通人的春招:https://www.nowcoder.com/discuss/64

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

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

相关文章

Python tkinter(GUI编程)模块最完整教程(上)

提示:下滑文章左侧可以查看目录! 1 走进tkinter世界 1.1 认识tkinter tkinter是一个GUI开发模块,是Tcl/Tk语言在Python上的接口,可以在大部分操作系统上运行。tkinter非常的简单而且好用。tkinter模块是自带的Python模块&#…

vue3.2 基础及常用方法

Vue3.2(21年8月10日)相比于Vue3新增了语法糖,减少了代码冗余 Vue3相比于Vue2,在虚拟DOM,编译, 数据代理,打包构建封面进行了优化 Vue3使用组合式API, 适合大型项目, 去除了this vue2的 beforeCreate 和 created 被新增的setup生命周期替代 vue3 使用插件: volar 配置用户代…

js中常遇到 切割截取字符串的几种方法

切割截取字符串的几种方法 1、 split() 方法用于把一个 字符串 分割成 字符串数组 ; stringObject.split(str,length)var str "123,456,789"; console.log(str.split()); // ["1", "2", "3", ",", "4&qu…

【PC端聊天功能模板】vue-elementul简单实现电脑端客服聊天功能,pc端聊天系统静态页面布局,配套websocket方案和心跳重连机制【详细注释,拿来即用】

前言 这里是给大家写了一个简单的模板来使用,可以直接复制了调调就能用。因为这个聊天也是很容易出现的功能,所以我写一个模板静态页面放在这,以后需要这个功能的时候可以不用布局了,直接复制改改。 我的代码里面有详细的注释&…

小马带你认识前端开发神器WebStorm(WebStorm及Git的相关配置与使用)

先说一下个人感觉吧,小马之前也是一直在用 Visual Studio Code 来进行开发,但随着开发需求增加,VS 所需要的插件越来越多(用过 vs code 的同学都知道,它虽可以进行各种开发语言的编写,但是需要相应的插件支…

ECharts设置x轴刻度间隔的两种方法

ECharts设置x轴刻度文字间隔的两种方法 背景 最近在写一个echarts数据看板,要在一个页面中展示多张图表,所以留给每张图表的尺寸就很小。这也就使得图表x轴的刻度文字全部挤到一起了,废话不多说,直接上图看效果。 右边的图标就…

11.定时任务定时线程池详解

3.1 新增定时任务池 11.定时任务&定时线程池详解 ​ 当我们不用任务框架时,我们想自己写一个定时任务时,我们能想起那个工具类呢?Timer ?还有吗?不知道了,下面我们要讲下ScheduledThreadPoolExecutor…

Vue图片路径问题(动态引入:绝对路径、相对路径),require动态路径问题

Vue图片路径问题&#xff08;动/静态引入&#xff1a;绝对路径、相对路径&#xff09; DEMO实例&#xff08;可快速解决问题&#xff09;: 注意&#xff1a;绝对路径方式导入的图片需要存储在 publiic 文件夹下 静态导入相对路径&#xff1a; <img src"../../asset…

Mybatis+Servlet+Mysql 整合的一个小项目:对初学者非常友好,有助于初学者很快的上手Java Web

文章目录前言为何要写&#xff1f;目录结构1 依赖配置1.1 创建一个web项目1.2 依赖需求分析1.3 pom.xml2 配置Mybatis2.1 mybatis-config.xml2.2 UserMapper.xml2.3 UserMapper.interface3 配置Tomcat4 Servlet类4.1 loginServlet014.2 registerRequest015 静态页面代码5.1 Htm…

Vue开发实例(13)之axios和mockjs的安装与使用

作者简介 作者名&#xff1a;编程界明世隐 简介&#xff1a;CSDN博客专家&#xff0c;从事软件开发多年&#xff0c;精通Java、JavaScript&#xff0c;博主也是从零开始一步步把学习成长、深知学习和积累的重要性&#xff0c;喜欢跟广大ADC一起打野升级&#xff0c;欢迎您关注&…

Vue3中 内置组件 Teleport 详解

1. 基本概念 1.1 简单理解 不管是 Vue2 还是 Vue3 中都有内置组件的存在&#xff0c;如 component 内置组件、transition 内置组件等等。内置组件就是官方给我们封装的全局组件&#xff0c;我们直接拿来用就可以了。 在 Vue3 中新增了 Teleport 内置组件&#xff0c;先来看下…

【JavaScript-数组全家福】

目录 前言 数组 1.创建 new Array数组 2.检测是否为数组 1.使用instanceof检测是否为数组 2.使用Array.isArray()来检测 3.添加删除数组方法 4.筛选数组 5.数组排序 6.数组索引方法 7.数组去重 8.数组转字符串 写在最后 前言 博主是&#x1f466;一个帅气的boy&#…

前端案例:飞机大战( js+dom 操作,代码完整,附图片素材)

目录 一、案例效果 二、实现思路 三、完整代码详细注释 四、涉及要点 五、案例素材 一、案例效果 二、实现思路 创建游戏背景板&#xff1b;创建我方战机&#xff0c;鼠标进入游戏面板后其随鼠标轨迹运动&#xff1b; onmousemove创建子弹&#xff0c;让子弹周期性的在战…

Grafana alert预警+钉钉通知

1 Grafana alert预警 如下图所示&#xff0c;主要是前3步&#xff0c;设置alert rules、contact points 、notification policies。alert rules主要设置触发警告的规则&#xff1b;contact points设置通过什么发送预警&#xff0c;如钉钉&#xff1b;notification policies 将…

鼠标事件、键盘事件,你听过嘛?

&#x1f4dc;个人简介 ⭐️个人主页&#xff1a;微风洋洋&#x1f64b;‍♂️ &#x1f351;博客领域&#xff1a;编程基础,后端 &#x1f345;写作风格&#xff1a;干货,干货,还是tmd的干货 &#x1f338;精选专栏&#xff1a;【JavaScript】 &#x1f680;支持洋锅&#xff…

Chrome-谷歌浏览器多开教程

Chrome谷歌浏览器多开教程在我们的日常生活中&#xff0c;我们常常在某一时刻需要在进行多个账号的查看&#xff0c;例如在跨境电商时&#xff0c;我们常常需要开多各店铺页面&#xff0c;又或者&#xff0c;我们在玩游戏时&#xff0c;需要开多个账号同时进行运作&#xff0c;…

一文通透从输入URL到页面渲染的全过程----高频面试

一文通透从输入URL到页面渲染的全过程----高频面试 喜欢大海 喜欢夕阳 写下便是永恒 文章目录一文通透从输入URL到页面渲染的全过程----高频面试重温进程与线程什么是进程什么是线程进程和线程的区别多进程和多线程JS为什么是单线程浏览器相关浏览器是多进程的浏览器包含哪些进…

jeecg-boot首页加载速度优化全过程

优化结果 前端和后端部署在轻量服务器: 以下结果都是三次强刷得到的 优化前: 优化后: 优化方案 开启Nginx压缩 方案来自于:jeecg官方文档 作用:通过nginx内置的压缩策略来压缩静态资源&#xff0c;提升资源请求速度 在nginx.conf 的 http 中加入以下片断: # gzip …

【微信小程序 | 实战开发】常用的视图容器类组件介绍和使用(1)

个人名片: 🐼作者简介:一名大二在校生,喜欢编程🎋 🐻‍❄️个人主页🥇:小新爱学习. 🐼个人WeChat:hmmwx53 🕊️系列专栏:🖼️ 零基础学Java——小白入门必备重识C语言——复习回顾

component lists rendered with v-for should have explicit keys

component lists rendered with v-for should have explicit keys 发现问题 关键报错 (Emitted value instead of an instance of Error) : component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info. 具体…