设计师和开发人员可通过免费在线资源学习新技能并融入同行社区。以下为精选的免费自学教程与教育资源，涵盖教程网站、行业博客、技术文档、教育游戏及高校课程，适合各阶段学习者。
体育馆（Gymnasium）
体育馆
Gymnasium 为数字、创意及传播专业人士提供免费在线课程。完整课程包含3至6小时教学视频、可选测验与作业及期末考试；另有不足一小时的短课程“Gym Shorts”。当前热门课程包括《面向设计师的编程》与《用户体验基础》，所有课程均免费开放。
—
Codecademy
Codecademy
Codecademy 提供免费的在线编程教程，配备清晰指引、即时反馈及系统化课程体系。多数免费课程时长少于11小时，并通过85道编程测验巩固知识。高级计划额外提供测验、作品集项目及定制学习路径，月费19.99美元起。
—
Designmodo
Designmodo
Designmodo 不仅提供网站与邮件构建工具，还分享大量关于设计趋势、技术及行业新闻的文章与教程。站内收录数百个Photoshop、Illustrator、编码、Bootstrap及Sketch相关免费教程。热门内容如《如何使用CSS和JavaScript创建购物车UI》及《如何在HTML/CSS3/jQuery中创建交互式产品页面》等。
—
MDN Web Docs
MDN Web Docs
MDN Web Docs 是由Mozilla推出的互联网技术与软件学习平台。它为初学者提供编写简单网站所需的基础知识与详尽指导，帮助用户建立信心。掌握基础后，可进一步探索MDN提供的中级至高级资源。
—
A List Apart
A List Apart
A List Apart 专注于探讨网页内容的设计、开发及其深层意义，强调网页标准与最佳实践。其内容广泛覆盖编码、应用开发、平面设计、响应式设计及排版等领域。
—
Bento
便当
Bento 致力于让所有人无论背景或地域都能学习编程。平台提供精选教程及原创免费全栈Web开发课程，学习路径涵盖HTML、CSS、JavaScript、Web基础、前端及后端等，助你构建应用、开发网站并提升技能水平。
—
Tutorialzine
Tutorialzine
Tutorialzine 是来自开发者社区的免费教程与文章库。汇集大量JavaScript、CSS、HTML教程、开发者资源及免费素材。用户还可订阅每周通讯“Dev Awesome”，获取最新编程资讯、工具库推荐及效率技巧。
—
Spoon Graphics
Spoon Graphics
Spoon Graphics 是一个提供免费教程、资源及素材的设计博客。近期热门教程包括《如何在Adobe Photoshop中创建3D角色堆叠效果》及《如何制作复古70年代条纹标志字体》。此外，还提供视频教程，可在官网或其YouTube频道观看。
—
Method of Action
作用机制
Method of Action 开发了多款免费工具、玩具与游戏，辅助设计学习。通过趣味互动方式，帮助用户掌握字距调整、色彩搭配、字母造型及布尔运算等核心设计概念。
—
MIT OpenCourseWare
MIT OpenCourseWare
MIT OpenCourseWare 公开了麻省理工学院几乎所有课程资料，包含网页设计、开发及电子商务等领域的完整课程内容，供全球学习者免费使用。
—
Don’t Fear the Internet
不要害怕互联网
Don’t Fear the Internet 专为非网页设计师打造，旨在消除对HTML和CSS的恐惧。通过简短教学视频，教你修改WordPress博客的基础CSS、HTML甚至部分PHP代码，轻松实现个性化审美需求。
—
CodeSignal
CodeSignal Arcade
CodeSignal 是一个开发者评估与培训平台，提供超1,000道涵盖不同难度、主题及场景的编程任务。其“Arcade”模式将编程挑战融入趣味游戏环境，并提供详细的能力分析报告，帮助你明确市场定位与提升方向。
—
Sharpen.design
Sharpen.design
Sharpen.design 是一款免费的设计练习工具，通过随机生成设计挑战，帮助设计师与创意人员跳出舒适区，持续提升专业技能。