以 5 个项目从头学会 Materialize CSS

通过建构 5 个实际的响应式实质设计主题( themes ),掌握 HTML 5 和 Materialize CSS 框架

从这 10.5 小时的课程,你会学到

  • 学习使用语义标签( semantic tags )和属性正确建构 HTML 5 文档
  • 从头开始学习并创建惊人高品质的具体主题( Materialize themes )和用户界面
  • 使用自订沙盒环境了解 Materialize 实用工具、类(classes)、组合组件和 JS 小程序( widgets )
  • 学些自订的 JavaScript / JQuery 以创作出交互性更高的主题( themes )

要求

基本的 HTML 和 CSS

课程说明

本课程适合任何知道基本 HTML 和一点 CSS ,希望使用基于 Google Material Design 方案的 Materialize CSS 框架将他们的前端网站和 UI 创建提升到新的水准的人。你将从绝对基础学习所有 CSS 和 JavaScript 组合组件、动画/转换,并建构  5 个美丽且完全响应式的实用主题。

自订实体化沙盒( Materialize Sandbox )

我为本课程的前几部分创建了一个完全自订的 HTML 学习环境。每个讲座都有一个与其相关的 html 页面,并具有其开始状态。在我们进行讲座的过程中,你将与我一路写程序,学习 Materialize 所有提供的工具,包括 CSS 组合组件 、实用工具、JS 小程序等。

5 个真实的项目/主题

我们将从头开始创建以下项目:

  1. Travelville – 旅行社网站/主题(旋转木马滑块、自动完成、卷动浏览页面)
  2. Quazzu – 云端托管主题(SideNav、cards、CSS overlays)
  3. Madmin – 交互管理主题(工作待办事项列表、图表、预加载器、计数器脚本)
  4. BizLand – 具有全屏幕登陆页面的商务咨询主题(Scrollfire、Google 地图集成)
  5. Galappear – 平面设计组合(使用 Sass 和 Scrollfire 卷动动画)

目标受众

任何想要学习和掌握 Materialize CSS 和建构实用主题( Themes )的人

讲师简介

Brad Traversy    Traversy Media 的全端 Web 开发者与讲师

Brad Traversy 有12 年以上的编程经验和近5年的教学经验。 他创立 Traversy Media ,一个成功的 Web 开发 YouTube 频道,擅长前端框架 (从 HTML5 到 Angular 等),以及 Node.js、PHP和 Python 等服务器端技术。 Brad 清楚掌握如何将非常复杂的话题简单说明,让听众容易了解。 通过 Brad 易懂的课程来投资你自己扩展你的职涯吧。

英文本幕:有 

  • 想要了解如何将英文本幕自动翻译成中文? 请参考这篇 How-To

课程网址  ♥找优惠折扣码?

Sponsored by Udemy

 欢迎使用e-mail订阅 Soft & Share 

 

发表评论

Powered by WordPress.com.

Up ↑

%d 博主赞过: