前言
因为涉及到的具体的应用的领域不同，所以说不能简单地说哪一个难，对于前端而言你会感觉到入门会非常的简单，这也是会给许多人一种错觉，前端很简单，但是只能说是在入门理解上是有利于新手的，前端在主要是在于网页的变化多端，会遇到的第一个槛大概就是在多变的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
评论(0)