|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/materialize-css-from-scratch-with-5-projects/
课程评论：没有评论
课程名称：从零开始学习 Materialize CSS，完成 5 个项目 课程概述：本课程适合具备基本 HTML 知识和少量 CSS 经验的人士，旨在通过使用基于 Google Material Design 方案的 Materialize CSS 框架提升前端网站和用户界面的制作能力。您将学习所有的 CSS 和 JavaScript 组件、动画/过渡效果，并从零开始构建 5 个美观且完全响应式的真实项目主题。 我们为课程前几部分创建了一个完全自定义的 HTML 学习环境。每节课都有一个对应的 HTML 页，并设有起始状态。在学习过程中，您将与我一起编码，深入了解 Materialize 提供的 CSS 组件、实用工具、JS 小部件等内容。 五个实际项目/主题包括： 1. Travelville - 旅行社网站/主题（包含轮播滑块、自动完成、滚动导航） 2. Quazzu - 云托管主题（侧边导航、卡片、CSS 悬浮层） 3. Madmin - 互动式管理主题（工作待办事项列表、图表、加载动画、计数脚本） 4. BizLand - 商务咨询主题，配有全屏登陆页面（滚动特效、Google 地图集成） 5. Galappear - 平面设计作品集（使用 Sass 和滚动特效实现滚动动画） 通过本课程，您将全面掌握 Materialize CSS 的应用，并能够创建独特的前端项目。
This course is for anyone that knows basic HTML and a little CSS that wants to take their frontend website and UI creation to the next level using the Materialize CSS framework which is based off of Google's Material Design scheme. You will learn all of the CSS and JavaScript components, animations/transitions and build 5 beautiful and completely responsive, real world themes from absolute scratch. Custom Materialize Sandbox I have created a completely custom HTML learning environment for the first few sections of this course. Each lecture has an html page associated with it and has a start state. As we move along through the lectures, you code along with me learning all that Materialize offers including CSS components, utilities, JS widgets and more. 5 Real Projects/Themes We will create the following projects from scratch.. Travelville - A travel agency website/theme (Carousel slider, autocomplete, scrolling navigation)Quazzu - Cloud hosting theme (SideNav, cards, CSS overlays)Madmin - Interactive admin theme (Working todo list, charts, preloader, counter script)BizLand - Business consultation theme with a full screen landing page (Scrollfire, Google maps integration)Galappear - Graphic design portfolio (Uses Sass and scrollfire for scroll animations)
