为了账号安全,请及时绑定邮箱和手机立即绑定

UI框架foundation6入门(下)

学习人数
难度级别 初级
课程时长 3小时48分
综合评分 10.0
4人评价 查看评价
10.0 内容实用
10.0 简洁易懂
10.0 逻辑清晰

简介:Foundation 6是一款非常流行的开源UI框架, 提供了响应式布局,一系列UI组件,包括按钮,表单,导航等多类现成的控件。适合进行快速原型和产品开发。它基于SASS的实现方式,也方便开发者进行定制化设计和扩展开发。本教程分两部分进行了详细讲解。

第1章 容器
本章主要介绍多种常用的内容容器,包括提示面板,下拉框,表格,模态弹窗,选项卡,可折叠面板,多媒体对象容器,可隐藏菜单等。结合代码实例,可以快速掌握它们的使用方式,了解一些要注意的问题。

第2章 按钮与其他控件
本章课程主要涉及按钮button的基本使用,涉及其颜色和大小的设置,分组按钮及其大小等属性的设置;下拉按钮,关闭按钮的设置;滑块组件slider的使用,方向设置,数据绑定等的设置;开头组件switch的使用。

第3章 插件
本章介绍了几种Foundation提供的插件,可以方便的进行一些前端页面设计,实现特定的功能和效果。

第4章 使用Sass开发Foundation项目
通过本课程,将学习和理解如何结合Sass进行Foundation项目的开发,使用Sass的特性快速进行组件的样式设置。

第5章 Foundation开发资源
本章课程介绍了一些实用的Foundation相关资源,可以方便在实际开发中进行参考和借鉴。

讲师提示

Brianlicoric... Web前端工程师
课程须知
对HTML5,CSS3,JavaScript基础知识已经掌握。
老师告诉你能学到什么?
1、学习Foundation多类容器化组件,如提示面板,下拉框,模态窗口等 2、学习按钮,滑块组件的使用和定制化 3、学习Foundation自带插件的使用 4、了解Foundation的SASS基础 5、了解Foundation的官方资源
意见反馈 常见问题 APP下载
官方微信