后端开发教程 - Java、Spring Boot 实战 - msg200.com
Web 开发资源
这是您构建下一个项目所需的完整 Web 开发资源。超过 150 项 Web 开发资源。
这是我的 Github Web Dev Resources仓库的简短列表。要获取所有资源，请访问我的仓库。
🌟资源
💻 开发者路线图
📚 文档
🎭 设计工具
🌐 网络如何运作？
- 互联网如何运作视频- 互联网如何运作？
- 互联网如何运作简短视频- 简要解释互联网如何运作？
🖼 HTML 和 CSS
- freeCodeCamp - 学习 Web 开发的免费课程。
- HTML 元素- MDN 引用的 HTML 元素。
- HTML 实体- CSS-Tricks 的 HTML 实体参考。
- CSS3 属性- MDN 的 CSS 参考。
- CSS 参考- 免费的 CSS 视觉指南。
- Flexbox Froggy - 一款帮助您学习 CSS Flex 的游戏。
- CSS-TRICKS Flexbox - Flexbox 完整指南。
- Grid Garden - 一款学习 CSS Grid 的游戏。
- 学习 CSS 网格- Jonathan Suh 编写的全面指南，帮助您理解和学习 CSS 网格布局。
- 我可以使用- 最新的浏览器支持表，用于支持桌面和移动 Web 浏览器上的前端 Web 技术。
- CSS 效果- CSS 动画。
- 关键帧-使用可视化时间线编辑器创建基本或复杂的 CSS @keyframe动画。
- Animista - 使用一组可立即使用的 CSS 动画进行播放。
- BEM -BEM 命名备忘单。
🖋 字体和排版
- Google Fonts - 排名第一的免费且易于使用的网页字体资源
- Fonts Arena - 免费字体、高级字体的免费替代品、为您完成的研究文章
- FontPair - Font Pair 帮助设计师将 Google 字体配对。精美的 Google 字体组合和配对。
🌈 颜色和工具
- Coolors - 为您的设计生成或浏览漂亮的颜色组合
- 0to255 - 一种可以轻松调亮和调暗颜色的颜色工具
- 颜色和字体- 只需单击一下即可找到可复制粘贴的颜色和字体组合
- ColorSpace - 生成漂亮的调色板
- CSS 渐变- 免费 CSS 渐变生成器工具
- uiGradients - 为设计师和开发人员精心挑选的精美颜色渐变集合
📷 图片资源
- Unsplash - 免费图片和照片。
- Pexels——免费图片素材。
- Pixabay——免费图片或视频。
- LottieFiles - LottieFiles 是专为 Lottie 设计的动画集合 - 不再需要打扰开发人员了。
- removebg——删除图像背景。
- 删除照片数据- 在互联网上分享照片之前，请删除其中的个人数据。
🎨插图
- unDraw - 浏览以找到符合您需求的插图，然后单击下载。
- manypixels - 免费插画，助您项目锦上添花。您可以将其用于商业或非商业用途，例如落地页、博客文章、电子邮件简报、社交媒体图片等等。
- freepik——免费图形资源。
💧 图标
- Ionicons - 开源且符合 MIT 许可的图标包
- Font Awesome - 矢量图标和社会标志
- Material Icons - Material Icons 是用于常见操作和项目的精美符号，赏心悦目。下载到桌面即可在您的 Android、iOS 和网页端数字产品中使用。
- icons8——下载PNG和SVG格式的免费图标。
- flaticon - SVG、PSD、PNG、EPS 格式或 ICON FONT 格式的免费矢量图标
⚙ 发电机
- Lorem Ipsum - Lorem Ipsum 生成器
- RealFaviconGenerator - 网站图标生成器
- Favicon 制作器- 免费 Favicon 制作器
- Meta 标签- Meta 标签生成器，预览您的网页在 Google、Facebook、Twitter 等平台上的显示效果！
- Clippy - CSS 剪辑路径制作器。
👓 无障碍设施
- 无障碍博客 - 中等- 七个易于实施的指南，用于设计更易于访问的网络。
- 可访问性博客 - 开发- 13 种方法来提升您网站的可访问性。
- 可访问性备忘单- 通用设计的实用方法，使您的网站/网络应用程序可供所有人访问。
📉 网站分析器
- web.dev - 了解您的网站表现如何。然后，获取提升用户体验的技巧。
- Lighthouse Metrics - Lighthouse Metrics 可让您轻松了解网站的性能。
📄 Windows 终端
📝 在线 IDE、编辑器
⚡ JavaScript
- freeCodeCamp——以交互方式学习 JavaScript 的最佳免费资源。
- Codecademy - 以交互方式学习 JavaScript 的免费课程。
- JavaScript.info - 现代 JavaScript 教程。
- Eloquent JavaScript - 这是一本关于 JavaScript、编程和数字奇迹的书。您可以在这里在线阅读。
- JavaScript30 - 30 天原生 JS 编程挑战。30 个教程，30 天构建 30 个项目。
- MDN 的 JavaScript 参考
- JavaScript 事件参考
- DOM 操作参考
- JavaScript 设计模式
⚡ NODEJS
- Node.js 教程- Net Ninja 的 Node.js 速成课程教程。
- nodebestpractices - 构建 Node 应用的最佳实践列表。对于大型项目至关重要。
- Node 方式- Node.js 的最佳实践和指导原则的完整哲学适用于编写可维护的模块、可扩展的应用程序和易于阅读的代码。
- Express.js 安全提示- 如何保存和保护您的应用程序。
⚡ Python
- Codecademy - 以交互方式学习 Python 的免费课程。
- Programiz——学习 Python 编程。
- Awesome Python - 精选的优秀 Python 框架、库、软件和资源列表。
⚡ 反应
- React - 官方网站文档、教程。
- Codecademy -Codecademy 的免费 React 课程。
- freeCodeCamp - 免费的 Web 开发资源，您还可以在其中学习 React。
- React 教程- React 教程 - 基础知识、Hooks、Context API、React Router、自定义 Hooks（由 Coding Addict 提供）。
- React Beach Resort - Coding Addict 的 React Beach Resort 项目。
🎮 API
- JSONPlaceholder - 免费使用虚假的在线 REST API 进行测试和原型设计。
- OpenWeather - OpenWeatherMap 提供的简单、快速且免费的天气 API，您可以访问当前天气数据、每小时、5 天和 16 天的预报。
- SWAPI——星球大战 API。
- Quotes REST API - They Said So 数据库中收录了超过 100 万条语录，是全球最大的此类数据库。Quotes API 提供了一种便捷的数据访问方式。
🛠 开发者工具
- Postman - Postman 让 API 开发变得简单。它简化了 API 构建的每个步骤，并简化了协作，让您能够更快地创建更优质的 API。
- Insomnia - 领先的开源 API 客户端，以及用于 GraphQL 和 REST 的协作 API 设计平台。
📖 在线学习资源
- freeCodeCamp - 在家学习编程。构建项目。获得认证。
- w3schools - 全球最大的 Web 开发者网站。提供教程参考、示例、练习和证书。
- Codecademy - 学习你理想工作所需的技术技能。作为在线教育和编程学习领域的领导者。
- Programiz - 通过我们易于遵循的教程、示例、在线编译器和参考资料学习使用 Python、C/C++、Java 和其他流行编程语言进行编码。
- JavaScript 信息- 现代 JavaScript 教程。
- 命令行教程- 基本 UNIX 命令教程。
- 尝试 Git - 一系列交互式挑战，用于了解和试验 Git。
📦 其他
- HTTP 状态代码- HTTP 状态代码目录，包含定义、详细信息和有用的代码参考。
- Tiny Helpers - 为 Web 开发人员提供的免费单一用途在线工具集合。
- 对开发人员免费- 这是为开发人员提供免费套餐的软件和其他产品的列表。