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