请选择 进入手机版 | 继续访问电脑版

手把手带你打造自己的 UI 样式库

33
回复
252
查看
[复制链接]
  • TA的每日心情
    奋斗
    2020-10-11 16:43
  • 签到天数: 282 天

    [LV.8]以坛为家I

    4601

    主题

    5573

    帖子

    76万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    767674
    发表于 2020-5-2 10:25:59 | 显示全部楼层 |阅读模式
    [size=17.1429px]手把手带你打造自己的 UI 样式库课程亮点
    • 收获全部的 HTML、CSS 基础知识点
    • 掌握 UI 样式库的多种实战开发技巧
    • 以不同角色了解 UI 框架的设计思路
    • 规范开发,培养良好的前端编程习惯
    • 通过抽象需求、提炼代码,提升整合通用功能的能力

    课程介绍

    市面上开源的 UI 框架有很多,但一般规模比较大的公司都会选择自建一套 UI 框架。自建框架的好处有:


    • 源码可以改动
    • 可以完全满足产品的设计风格
    • 完成功能定制化
    • 利于风险控制

    自建框架的优势如此突出,作为一个前端开发人员,尤其是想从初级前端开发向中级前端开发进阶,学会自己制作 UI 框架是一项必备技能。能够成为一个大公司的前端 UI 库开发参与者,甚至是发起人、主导者,对于个人的职场提升,有着举足轻重的作用。


    讲师 Rosen,热爱前端技术的研究与分享,拥有多年一线架构设计和开发经验。曾任职 360 云事业部高级前端开发工程师、去哪儿国际酒店前端负责人,在此期间积累了大量的 UI 框架开发经验。现在作为一名创业者,在过程中感受到自建 UI 框架对前端技能提升的重要性,便以公司内部使用的 UI 框架设计和开发过程作为案例来分享如何实现属于自己的移动端 UI 样式库。


    本期专栏学习方法分为 “夯实基础 —— 实战 —— 理解设计思路 —— 项目拓展” 四个层次。从熟悉基础的 HTML、CSS 知识点开始,实战整合每一个 UIDEMO 组件,理解 UI 框架的设计思路到学会开发方法进行项目扩展、开发自己需要的组件。循序渐进让同学们了解一个 UI 框架的整体开发过程。


    案例主要实现的是一个移动端网站的样式框架。为了让同学们把注意力集中在样式开发,核心项目只使用 HTML 和 CSS 技术进行实战。在专栏的最后部分,对部分周边技术栈(Nodejs、打包工具、JS 等)进行参考应用,让同学们了解此 UI 框架如何与其它技术对接。


    因为希望同学们可以利用碎片化时间灵活学习,本专栏尽量减弱上下文的内容依赖,从而实现让大家可以在工作之余进行充分学习与实战,理解开发一个定制化 UI 框架的思路和方法,并同时掌握里面涉及的 CSS 相关知识,相信一定会对大家的前端技能进阶大有帮助。


    专栏模块:
    专栏布局基本按开发顺序进行,共分为七个模块:


    • 开篇:本模块为项目开篇,主要为理论性内容,包括课程的基本情况、关于 UI 框架的理解和 UI 框架设计的内容。
    • 磨剑:本模块主要内容为归纳知识点,旨在帮助打好基础,了解必要的 CSS 基础知识与规范,以及 HTML 基础知识点。
    • 列阵:本模块进入专栏主题,主要内容为优化移动端样式的基础布局,包括 CSS 规范要求的基本内容、整体页面布局和一些公共样式等。
    • 操练:本模块主要内容为开发移动端内一些常用组件的样式,比如网格布局、列表、菜单、信息提示和文本处理等技巧类的应用。
    • 集结:本模块主要内容为如何整合分散 Demo 为可用 UI 框架,并介绍该 UI 框架如何与其它技术结合。
    • 实战:本模块主要内容为利用完备的 UI 框架进行页面开发实战。
    • 复盘:本模块为专栏收尾,对专栏内容进行总结。
    游客,如果您要查看本帖隐藏内容请回复



    回复

    使用道具 举报

  • TA的每日心情
    郁闷
    2020-8-29 01:35
  • 签到天数: 100 天

    [LV.6]常住居民II

    1

    主题

    192

    帖子

    5123

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    5123
    发表于 2020-5-2 10:58:24 | 显示全部楼层
    666666666666
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-8-26 11:10
  • 签到天数: 62 天

    [LV.6]常住居民II

    1

    主题

    234

    帖子

    3850

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    3850
    发表于 2020-5-2 11:27:56 | 显示全部楼层
    手把手带你打造自己的 UI 样式库
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-10-5 19:59
  • 签到天数: 57 天

    [LV.5]常住居民I

    1

    主题

    164

    帖子

    5078

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    5078
    发表于 2020-5-2 12:15:13 | 显示全部楼层
    路过 路过 路过 路过
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    无聊
    昨天 16:56
  • 签到天数: 281 天

    [LV.8]以坛为家I

    2

    主题

    555

    帖子

    2万

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    22009
    发表于 2020-5-2 12:44:20 | 显示全部楼层
    RE: 手把手带你打造自己的 UI 样式库 [修改]
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    昨天 13:46
  • 签到天数: 206 天

    [LV.7]常住居民III

    1

    主题

    432

    帖子

    8223

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    8223
    发表于 2020-5-2 12:56:08 | 显示全部楼层
    6666666666666666
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    昨天 15:36
  • 签到天数: 136 天

    [LV.7]常住居民III

    4

    主题

    459

    帖子

    6745

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    6745
    发表于 2020-5-2 20:08:11 | 显示全部楼层
    手把手带你打造自己的 UI 样式库
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    19 小时前
  • 签到天数: 129 天

    [LV.7]常住居民III

    5

    主题

    263

    帖子

    5667

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    5667
    发表于 2020-5-2 21:57:31 | 显示全部楼层
    手把手带你打造自己的 UI 样式库
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    前天 19:44
  • 签到天数: 131 天

    [LV.7]常住居民III

    3

    主题

    385

    帖子

    5979

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    5979
    发表于 2020-5-3 17:11:07 | 显示全部楼层
    进来看看哦。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    7 小时前
  • 签到天数: 318 天

    [LV.8]以坛为家I

    2

    主题

    538

    帖子

    1万

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    10891
    发表于 2020-5-4 08:26:51 | 显示全部楼层
    哈哈哈哈哈哈哈哈哈哈哈
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    学习课程!一站搞定!
    学途无忧VIP会员群

    973849140

    周一至周日9:00-23:00

    反馈建议

    169371168@qq.com 在线QQ咨询

    扫描二维码关注我们

    学途无忧!为学习谋坦途,为会员谋福利!|网站地图