1. 学习资源
- MDN Web Docs: 由Mozilla提供的全面的Web开发文档,涵盖HTML、CSS、JavaScript等。
- freeCodeCamp: 提供免费的前端开发课程,并附有实际项目练习。
- W3Schools: 一个基础性很好的网站,提供HTML、CSS、JavaScript和其他Web技术的教程和参考。
- Frontend Masters: 高质量的视频课程,涵盖前端的各个方面,从基础到高级内容都有。
- CSS-Tricks: 专注于CSS和前端开发技巧的博客,有大量的文章和教程。
2. 开发工具
- CodePen: 在线代码编辑器,可以直接在浏览器中编写和测试HTML、CSS、JavaScript代码。
- JSFiddle: 类似于CodePen的在线代码编辑器,适合快速测试和分享代码片段。
- Can I use: 查看不同浏览器对HTML、CSS、JavaScript特性的支持情况,确保兼容性。
- CSS Grid Generator: 帮助你快速生成CSS Grid布局的工具。
- Figma: 强大的UI设计工具,支持实时协作,是设计和开发团队的常用工具