实际操作这8门基于项目的课程

理论很好，但有时最好的学习方法是深入实践项目。 因此，在本文中，我将向您简要介绍八门课程，这些课程旨在让您通过自己构建事物来学习—当然还要提供全面的指导。

在这些课程中，您将学习Web设计的各个方面，从动画到用户界面设计。 而且，甚至更好的是，您将完成一系列有用的项目，构建从菜单和滑块到图像画廊和通知栏的所有内容。

1. 6个针对Web设计人员的Flexbox项目

CSS Flexbox模型开始得到更广泛的使用，现在在所有主要的浏览器中都受支持。 在本课程中，Craig Campbell将以他的CSS：Flexbox Essentials课程为基础 ，概述了六个日常使用的实用CSS项目。

2. 10个CSS3项目：品牌和展示

在本课程中，您将使用CSS3完成从个人名片到PowerPoint样式的演示文稿的十个品牌和演示文稿项目。 这些项目将帮助您了解CSS3带来的一些最新设计技术。 Kezz Bracey将指导您完成十个项目，您将使用CodePen来构建每个项目。

3. 10个CSS3项目：UI和布局

在本课程中，您将创建10个UI和布局项目，这些项目将帮助您学习CSS3带来的一些很棒的新设计技术。 您将使用CodePen，每次，讲师Kezz Bracey都会要求您制作一个基本的“笔”的副本，然后您可以继续她制作最终产品的过程。 观看下面的视频，预览将要制作的十个项目。

4. 实用的网络动画

动画繁重的网站的时代正在逐渐消失，但是对于那些少量的，引人注目的动作来帮助用户解释界面的网站，仍然有话要说。 在本课程中，Craig Campbell将向您展示使用简洁CSS和jQuery为按钮，价格表和其他Web元素创建动画的实用方法。

5. GreenSock动画平台：第一步

GreenSock是一个JavaScript框架，可轻松对HTML元素进行动画处理。 在本课程中，您将开始学习如何使用此强大框架的第一步。 只要您对HTML和CSS都有一定的了解，并且对JavaScript有基本的了解，那么您将具备所需的一切。

6. 带有GSAP插件的高级动画

在本课程中，您将超越GreenSock动画的基础知识，因为Craig会带您浏览GSAP附带的插件。

7. 3个GreenSock项目：GSAP的实用动画

在本课程中，Craig将带领您完成三个项目，您将学习如何在实际场景中使用GreenSock动画平台创建程序化动画。 您将学习如何创建动画预加载器，SVG徽标动画和自定义内容滑块。

8. 启动并运行CSS过渡

在此“茶歇课程”中，Craig将向您展示快速开始使用CSS过渡属性创建动画所需的一切。 在短短的十分钟内，您将学习如何使用一些CSS属性来创建运动。

立即观看任何课程

您可以订阅Envato Elements立即选择我们的任何课程。 只需每月一次的低廉费用，您不仅可以访问这些课程，还可以访问我们不断发展的包含1,000多个视频课程和Envato Tuts +上行业领先的电子书的图书馆。

另外，您现在可以从庞大的Envato Elements库获得无限下载，该库包含200,000多种照片以及26,000多种设计资产和模板。 使用独特的字体，照片，图形和模板进行创建，并更快地交付更好的项目。

翻译自: https://webdesign.tutsplus.com/articles/get-hands-on-with-these-practical-project-courses--cms-27577