设计、开发人员必看的13个免费学习资源网站！

设计师和开发人员可以通过免费在线资源学习新技能并找到同伴社区。这里有许多自学指导和教育资源，适合初学者和高级学习者免费寻找专业培训。

以下是设计人员和开发人员的免费在线学习资源列表，有传统大学的教程网站，信息性贸易博客，技术网站，教育游戏和课程。

Gymnasium

Gymnasium为数字，创意和通信专业人士提供免费的在线课程。完整课程包括3至6小时的视频教学，可选的测验和作业，以及期末考试。Gymnasium还提供短期课程 -  “Gym Shorts” - 持续不到一小时。目前的全部课程包括“设计师编码 ”和“ UX基础知识”。每个课程都是免费的。

Codecademy

Codecademy提供免费的在线编码教程，包括简单易懂的说明，即时反馈和课程。大多数免费课程不到11个小时。可以用85个编码测验获取学习材料。高级计划包括测验，投资组合建设项目和定制路径 - 起价为每月19.99美元。

Designmodo

Designmodo创建网站和电子邮件构建器，还提供有关趋势和技术的文章，教程和行业新闻。该网站包含数百个关于Photoshop和Illustrator，编码，Bootstrap 和使用Sketch的免费教程。热门教程包括“如何使用CSS和JavaScript创建购物车UI ”和“使用HTML，CSS3和jQuery中的交互式颜色创建产品页面 ”。

MDN WebDocs

MDN Web Docs是一个关于为互联网提供动力的技术和软件的学习平台。来自Mozilla（Firefox背后的组织），MDN Web Docs为初学者提供了开始编写简单网站所需的一切 - 提供让您感到舒适并学习主题的细节，您可以从其余的MDN和其他中高级资源中学习。

A List Apart

A List Apart探讨了Web内容的设计，开发和意义，特别关注Web标准和最佳实践。内容涵盖编码，应用程序开发，图形设计，响应式设计和排版多个方面。

Bento

Bento的使命是让每个人都能学习编码，无论他们住在哪里或他们的背景如何。该网站已经策划了教程和第一手，免费的全栈Web开发课程。学习轨道包括HTML，CSS，JavaScript，网络基础，前端，后端等。通过学习编码，创建应用程序，构建网站，将您的技能提升到新的水平。

Tutorialzine

Tutorialzine是一个由开发人员社区提供的免费教程和文章库。它拥有大量JavaScript，CSS，HTML，开发人员资源和免费赠品。用户还可以注册 Dev Awesome，这是一份关于编程新闻，图书馆和生产力提示的每周简报。

Spoon Graphics

Spoon Graphics是一个设计博客，提供免费教程，资源和免费赠品。最近的教程包括“如何在Adobe Photoshop中创建3D角色堆栈 ”和“如何创建复古70年代风格条纹徽标类型效果。”Spoon Graphics还提供视频教程，可以在现场观看或在 Spoon Graphics YouTube频道上观看。

Action of Action

Action of Action创建免费工具，玩具和游戏，帮助您学习设计。它通过游戏来教你掌握设计概念，如字距调整，颜色，字母整形和布尔操作。

MIT OpenCourseWare

麻省理工学院开放式课程几乎包含麻省理工学院的所有课程，包括材料，包括网页设计，开发和电子商务课程。

Don’t Fear the Internet

Don’t Fear the Internet是非网页设计师帮助揭开HTML和CSS编码神秘面纱的教学资源。通过简短的教程视频，学习如何使用基本的WordPress博客并操做CSS，HTML，甚至一些PHP来匹配您的美学需求。

CodeSignal

CodeSignal创建了一个平台，用于评估和培训开发人员，他们拥有1,000多个不同难度，主题和主题的编码任务。CodeSignal还在有趣的游戏环境中设有快速编码挑战的街机。通过查看特定主题功能的细分，以帮助了解您在市场中的位置以及需要改进的地方。

Sharpen.design

Sharpen.design是一个免费的练习工具，可以让设计师和创意人员通过创建随机生成的设计挑战来提高技能，在你的舒适区之外思考。