‘壹’ 开源web项目推荐
[置顶]容器管理： https://github.com/portainer/portainer
jupyter： https://jupyter-docker-stacks.readthedocs.io/en/latest/
文档站： http://mrdoc.zmister.com/project-7/doc-515/
vscode网页版： https://github.com/cdr/code-server
在线画图： https://github.com/jgraph/drawio
开源git： https://docs.gitea.io/zh-cn/install-with-docker/
接口调试： https://github.com/hoppscotch/hoppscotch
爬虫调度框架： https://github.com/crawlab-team/crawlab
性能监控： https://hub.docker.com/r/netdata/netdata
可道云： https://kodcloud.com/download/
jetbrain全家桶： https://github.com/JetBrains/projector-docker
镜像管理：https://hub.docker.com/_/registry
‘贰’ 有哪些适合新手练手的Java Web项目
图书馆管理系统，电子商务系统，学生信息管理系统，网上订餐系统，网上购买电影票系统，日志管理系统，酒店管理系统。。。。。
这些都可以，只是才学的话，实现其部分功能就是了，等技术好了，再来完善
‘叁’ 有什么值得推荐的 Java，Web 练手项目
1，电子商城项目
采用了Struts、spring、hibernate，数据库使用了MySQL。
2，CRM客户关系管理系统
没有使用框架，采用了jsp、Servlet，数据库使用了Oracle。
3，投票管理系统
采用了Struts、spring、hibernate，数据库使用了MySQL，这个新增了国际化，即中英文切换。
4，权限管理系统
采用了spring、springMVC，MyBatis，数据库采用了MySQL，权限处理采用了Shiro框架，并且整合了Redis。想要学习练习Redis和Shiro的这个应该是个不错的选择，运行前要安装Redis环境。
5，CRM建站系统
采用了spring、springMVC，MyBatis。一个比较完善的建站系统，后台管理，布局，权限控制做的都比较好，很适合学习。
6，语音识别
这个不能算是web项目，但是比较新奇，我也列出来了，运行后出现控制台界面，语音识别转换成文字，识别度不算太高，但也算不错的学习项目。
4，权限管理系统
采用了spring、springMVC，MyBatis，数据库采用了MySQL，权限处理采用了Shiro框架，并且整合了Redis。想要学习练习Redis和Shiro的这个应该是个不错的选择，运行前要安装Redis环境。
5，CRM建站系统
采用了spring、springMVC，MyBatis。一个比较完善的建站系统，后台管理，布局，权限控制做的都比较好，很适合学习。
6，语音识别
这个不能算是web项目，但是比较新奇，我也列出来了，运行后出现控制台界面，语音识别转换成文字，识别度不算太高，但也算不错的学习项目。
‘肆’ web前端毕设做什么比较好
根据全微毕设的经验单独的web前端做毕设想通过相对来说会比较难，如果想通过web做毕设通过可以采纳一下以下几点建议。
----1.设计一个完整的项目
例如完成一个学生信息管理系统、网上商城购物系统等。从前后端完成一个健全的系统，前端用html、css等做页面展示，后端制作服务端响应页面请求，完成系统的整个功能。利用数据库保存系统的数据。
----2.结合web前端与服务器端完成一个完整的毕设
前端通常指的就是我们能看到的部分，利用标签或者超链接提交地址到对应的服务器让服务器响应该指令做出对应的页面展示或页面变化。
----3.技术如何选择?
前端必定有的技术包含CSS/HTML/JS。如果为了能更快速更美观的完成系统的前端页面可以使用前端框架、包括了bootstrap、foundnation等
服务器端技术选择：JAVA/PHP/PYTHON/ASP等
每个技术都有其优势与缺点 新手上手的话可以选择PHP或者JAVA
JAVA拥有大量的文档资源可以供我们查询、PHP上手简单可以快速开发一个完整的系统
----4.设计并完成一个项目的流程？
1.整理系统功能，绘制流程图
2.根据功能设计数据库
3.编写前端页面
4.将前端页面与数据库结合
5.测试系统功能，完善系统功能不健全部分。
更多毕设相关知识 度娘搜索 全微毕设
‘伍’ 20个真实的web开发项目集合，一起来看看!(二)
项目六：Java工具库自主研发项目
所含知识点：DOM库，事件库，AJAX库，原型和继承库，MVVM核心库，基于SPA的路由库。
项目七：jQuery经典交互特效开发
所含知识点：时间轴特效，tab页面切换效果，网页定位导航特效，滑动门特效，焦点图轮播特效，导航条菜单效果，瀑布流特效，弹出层效果，倒计时效果，抽奖效果。
项目八：PHP+MySQL后端基础项目
所含知识点：PHP，MySQL，HTTP(s)协议详解，Ajax进阶、跨域与Defered，Apache与Nginx 环境搭建与配置，接口的定义，Mock数据，Restful，前后端联调，前端安全(XSS,CSRF,JSON注入)。
项目九：前端工程化与模块化应用项目
所含知识点：Gulp，Webpack，NPM，Git/SVN，CommonJS，AMD，CMD，ES6模块化。
项目十：PC端全栈开发项目
所含知识点：大首页、列表页与详情页展示与交互特效、搜索、登录与注册、购物车、jQueryUI 与 jQuery EasyUI、Bootstrap(ACE)、Highcharts/Echarts、ArtTemplate、Velocity、Smarty、云平台系统前端。
以上就是环球青藤小编关于20个真实的web开发项目集合的相关内容分享，希望对各位小伙伴们有所帮助，想要了解更多相关知识，请关注本平台哦!
‘陆’ 20个真实的web开发项目集合，一起来看看!(五)
项目二十：大数据可视化
所含知识点：数据可视化入门，数据可视化基础，零编程工具使用：ChartBlocks、Infogram、plotly、Raw、Tableau，D3.js详解，D3.js 入门，D3.js 高级应用，D3.js 应用工具：NVD3、n3，charts，Highcharts，FusionCharts，Polymaps
在前端学习的起步阶段，最重要的就是要有明确目标和合理的学习规划，为此小编特别为大家总结了web前端基础学习阶段的四大学习要点，希望能让大家的学习变得更加高效：
一、基本知识的掌握 在我们梳理的知识架构中，按照我们分析的两个维度里最前置的、最浅显的部分，作为打基础的阶段，必须要在这个过程中更多投入到实践中去，我们通常做的多了、熟练了，就认为这部分知识和内容掌握。
二、常用工具的掌握 对于常用工具的掌握应该掌握一些有大公司或专业团队背景的流行工具，这些工具的熟练掌握能够提升专业度、职业度，同时，能提升我们的工作效率。
三、沟通技巧的掌握 在国内，技术人员通常都是自己制定方案、自己执行方案，在执行过程中又缺乏相关产品、交互设计等人员的沟通，大多是在自己的思路贯彻下进行开发，久而久之，我们习惯于信任自己的观点、在自己的视角看问题，对于挑战总是百般地“据理”力争。我们需要更多提升的是，如何在对方的视角看问题、如何在用户的视角看问题。
四、良好的开发习惯 开发习惯是养成的，一旦有不好的习惯，对于将来去修正带来的将是很大的麻烦，培养良好的开发习惯一定要从起步时做起，例如：写代码之前先分析、先写文档、先写注释等等。
最后希望大家通过自己的努力与学习，都能成为一名能力全栈的web前端工程师。一起加油吧!小伙伴们。
‘柒’ 20个真实的web开发项目集合，一起来看看!(一)
项目一：PC端网站布局
所含知识点：HTML基础，CSS基础，CSS核心属性，CSS样式层叠，继承，盒模型，容器，溢出及元素类型，浏览器兼容与宽高自适度，定位，锚点与透明，图片整合，表格，CSS属性与滤镜。
项目二：HTML5+CSS3基础项目
所含知识点：HTML5新增的元素与属性，表单域增强元素，CSS3选择器，文字字体相关样式，CSS3位移与变形处理，CSS3 2D转换与过度动画，CSS3 3D转换与关键帧动画，弹性盒模型，媒体查询，响应式设计。
项目三：WebApp页面布局项目
所含知识点：移动端页面设计规范，移动端切图，文字流式/控件弹性/图片等比例/特殊设计的100%布局，等比缩放布局，viewport/meta，rem/vw的使用，flexbox详解，移动web特别样式处理(reset, 1px border, 高清图片)。
项目四：原生Java交互功能开发项目
所含知识点：基本语法，循环语句，函数与数组，String与Date，BOM与DOM，事件，拖拽效果，cookie存储，正则表达式，Ajax，面向对象基础，运动与游戏开发。
项目五：面向对象进阶与ES5/ES6应用项目
所含知识点：Promise/A+，设计模式(观察者模式等)，原型链，构造函数，执行上下文栈与执行上下文，变量对象与活动对象，作用域链，闭包，this，ES5，ES6。
以上就是环球青藤小编关于20个真实的web开发项目集合的相关内容分享，希望对各位小伙伴们有所帮助，想要了解更多相关知识，请关注本平台哦!
‘捌’ Web开发、前端设计有哪些优质资源
做前端设计、网页设计的，素材永远很重要。因为素材的美观程度往往直接决定了网页页面的风格、整洁度、色调等等。
我大学时候，在一家非常小型的创业公司实习。公司人员只有几个，所以在那时我基本上算是独立开发了一个旅游酒店订购平台，前端设计、后端开发、公众号开发等等都涉及，那段时液巧间基本是我最全能的时候了。
所以当时我也收集了许多的前端素材，在这里一并分享给大家。
一、图标类
每一个Web开发者，尤其是前端开发人员一定都会需要icon图标来为项目增色。
FontAwesomeIcons
FontAwesome提供可缩放的矢量图标，可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。
IconMonster
特点：免费，高质量,。非常简洁的icon图标库闹渗键。
IconFinder
这是一个比较有设计感的Icon图库，并且已经打包分类好，缺点是只有部分是免费的。个人觉得里面免费的图库也已经够用了。
附上圣诞特辑！
Iconfont-Alibaba
阿里巴巴UX部门推出的矢量图标管理网站喊孝，也是国内首家推广Webfont形式图标的平台。这个相信大家都用过！
二、图片素材
无版权限制的图片素材
PEXELS
Pexels可以说是图片素材界的超级网红了，说到图片肯定哪里都有它，我自己都推荐好几次了。可以免费下载各种各样的分辨率，包括原图尺寸。
例如搜索：圣诞节（Christamas）
PNGimg
这个主要用作素材，是不同种类的无背景素材图片！直接可以免费用。注意它是全部都是无背景图片，非常适合那些需要PNG透明底配图的。
例如搜索：Birds
KaboomPics
KaboomPics是以生活化免费高质量图片素材为主的图片素材库。里面的图片都是摄影爱好者摄影后通过审核上传的。并且可以应用于任何项目，没有版权限制。
自媒体可以从中找封面图，摄影爱好者也可以从中欣赏或着学习。
Unsplash
先这样~希望这些资源对你有帮助，下次还会更新一些web开发的常用工具。
如果有帮助，欢迎关注我以示支持，也以防错过下一波干货！~