JavaScript全栈学习总规划

本篇博客仅作为本人学习使用,可以参考或者有什么意见可以评论讨论。

怎样才能称为全栈工程师?

  • 传统前端技能:HTML、JavaScript、CSS
  • 一门后端语言
  • 移动端开发:iOS / Android / HTML5
  • 其他技能:数据库、HTTP 等等

 

近几年,前端技术飞速发展,随着HTML5、CSS3和ES6等前端基础规范的相继出台并获得多数浏览器的支持,前端的能力进一步被释放。

现代的前端技术不断和后端技术,甚至是桌面客户端技术相结合,可以说,基于JS技术栈,已经可以满足大多数系统的全栈开发了。

我们可以使用JS开发传统的PC 官网、商城和后台等系统,使用nodejs开发后端服务,也可以开发手机移动端h5应用、使用RN或weex或flutter开发手机原生APP,还可以使用electronjs开发跨平台桌面应用,或者开发各种嵌入式系统平台应用,甚至是开发人工智能或区块链系统。

虽然在某些场景下,有更好的解决方案,但是对于绝大多数场景,基于JS全栈技术,就能某种我们的需求。因此,在看得见的将来,需要大量精通JS全栈技术的人才。

前端入门基础

node后端入门基础

入门博客

主流框架学习

有了前面一定的JS全栈基础知识后,我需要熟练掌握一些主流框架技术栈,以提高业务开发的效率,这里主要分享的是vue和react两大前端主流框架的技术栈,基于koa这个主流的node后台web框架的技术栈。

其中,前端框架以 vue为主,react为辅。在日常开发中,我也会尽量以vue为主,因为其入门相对容易,文档齐全,中文生态更繁荣,开发项目效率较高。

vue技术栈

关于vue

关于vuex

关于vue-router

关于axios

关于element-ui

关于cube-ui

推荐的vue视频教程

react 技术栈

关于react

关于redux

关于react-router

关于react-native

koa技术栈

这里只是简单列了列,还没展开去列node后端的技术栈,以及webpack等构建工具,就已经发现精通JS全栈开发需要学习的东西很多很多

《 全栈开发之道:MongoDB+Express+AngularJS+Node.js 》应用实例工程源码下载

https://pan.baidu.com/s/1lwdejdUzfSW75fIJXuJWZw

第10章- 应用实例3 ——记事本

参考的国外博客的链接如下。感谢原作者提供这么好的实例。

详细的讲解: AngularJS tutorial for beginners with NodeJS ExpressJS and MongoDB

该 blog 对应的工程放在了 github 上。 如下:

可下载: 完整的工程代码

零基础JavaScript全栈教程

https://www.liaoxuefeng.com/wiki/1022910821149312

一些全栈库

https://github.com/haizlin/fe-interview

https://segmentfault.com/a/1190000019488576

美人鱼
star 数 3499
项目地址: https://gitee.com/mumu-osc/NiceFish
听名字就知道这是个不错的项目,事实上确实不赖。NiceFish(美人鱼) 是一个系列项目,目标是示范前后端分离的开发模式:前端浏览器、移动端、Electron 环境中的各种开发模式;后端有两个版本:SpringBoot 版本和 SpringCloud 版本,前端有 Angular 、React 以及 Electron 等版本。

微人事
star 数 9313
项目地址:https://github.com/lenve/vhr
微人事是一个前后端分离的人力资源管理系统,项目采用 SpringBoot + Vue 开发。项目打通了前后端,并且提供了非常详尽的文档,从 Spring Boot 接口设计到前端 Vue 的开发思路,作者全部都记录在项目的 wiki 中,是不可多得的 Java 全栈学习资料。

bootshiro
star 数 1370
项目地址: https://gitee.com/tomsun28/bootshiro
bootshiro 是基于 Spring Boot + Shiro + JWT 的真正 RESTful URL 资源无状态认证权限管理系统的后端,前端 usthe 。区别于一般项目,该项目提供页面可配置式的、动态的 RESTful api 安全管理支持,并且实现数据传输动态秘钥加密,jwt 过期刷新,用户操作监控等,加固应用安全。

open-capacity-platform
star 数 2643
项目地址:https://gitee.com/owenwangwen/open-capacity-platform
open-capacity-platform 微服务能力开放平台,简称 ocp ,是基于 layui + springcloud 的企业级微服务框架(用户权限管理,配置中心管理,应用管理,…),其核心的设计目标是分离前后端,快速开发部署,学习简单,功能强大,提供快速接入核心接口能力,其目标是帮助企业搭建一套类似百度能力开放平台的框架。

V 部落
star 数 2902
项目地址:https://github.com/lenve/VBlog
V部落是一个多用户博客管理平台,采用 Vue + SpringBoot + ElementUI 开发。这个项目最大的优势是简单,属于功能完整但是又非常简单的那种,非常非常适合初学者。

 

悟空 CRM
star 数 650
项目地址:https://gitee.com/wukongcrm/72crm-java
悟空 CRM 是基于 jfinal + vue + ElementUI 的前后端分离 CRM 系统。

老实说,jfinal 了解下就行了,没必要认真研究,Vue + ElementUI 的组合可以认真学习下、前后端交互的方式可以认真学习下。

paascloud-master
star 数 5168
项目地址:https://github.com/paascloud/paascloud-master
paascloud-master 核心技术为 SpringCloud + Vue 两个全家桶实现,采取了取自开源用于开源的目标,所以能用开源绝不用收费框架,整体技术栈只有阿里云短信服务是收费的,都是目前 java 前瞻性的框架,可以为中小企业解决微服务架构难题,可以帮助企业快速建站。由于服务器成本较高,尽量降低开发成本的原则,本项目由 10 个后端项目和 3 个前端项目共同组成。真正实现了基于 RBAC、jwt 和 oauth2 的无状态统一权限认证的解决方案,实现了异常和日志的统一管理,实现了 MQ 落地保证 100% 到达的解决方案。

黑马刘意基础av33742840
崔希凡Javaweb:av37452727
MySQL基础+高级篇(241集)-尚硅谷:av49181542
jQuery:av56025673
JPA:av58112424
JUC:av58122884
NIO:av58122578
Java语言高级-Java8/9/10/11新特性:av51179510
2019年Java基础教程(基于JDK11)-尚硅谷:av48370019
黑马spring经典入门教程av40323796
尚硅谷spring教程av50002153
尚硅谷mybatis:av50003691
尚硅谷springmvc:av49996848
SSM高级整合:av56363272
黑马idea开发工具教程av38808672
尚硅谷idea开发工具教程av36213051
Java语言高级-Java8/9/10/11新特性:av51179510
图解Java设计模式:av58076246
SpringBoot:av38657363
SpringCloud:av49106064
springdata:av58110650
IT人求职指导:av53800224
图解Java数据结构和算法:av54095344
-尚硅谷面试题第一季:av37602130
2019尚硅谷面试题第二季:av48988279
尚硅谷vue基础+实战:av49099807
黑马vue基础+实战:av50680998
react基础+实战:av51174155
尚硅谷mybatis:av50003691
尚硅谷spring:av50002153
尚硅谷springmvc:av49996848
redis教程:av51139549
mongodb:av49923533
oracle:av49926566
activeMQ:av56121132
_Kafka:av49920938
shiro:av49915884
zookeeper:av49270221
Dubbo:av49269938
Docker:av49095718
git/github:av49085612
Linux通用版快速入门:av56460973

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值