亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
編程百科手冊

掃一掃 手機閱讀

￥ 78.00
課程目錄已更新45節
全部 試讀

課程亮點

  • 收獲全部的 HTML、CSS 基礎知識點
  • 掌握 UI 樣式庫的多種實戰開發技巧
  • 以不同角色了解 UI 框架的設計思路
  • 規范開發，培養良好的前端編程習慣
  • 通過抽象需求、提煉代碼，提升整合通用功能的能力

課程介紹

市面上開源的 UI 框架有很多，但一般規模比較大的公司都會選擇自建一套 UI 框架。自建框架的好處有：

  • 源碼可以改動
  • 可以完全滿足產品的設計風格
  • 完成功能定制化
  • 利于風險控制

自建框架的優勢如此突出，作為一個前端開發人員，尤其是想從初級前端開發向中級前端開發進階，學會自己制作 UI 框架是一項必備技能。能夠成為一個大公司的前端 UI 庫開發參與者，甚至是發起人、主導者，對于個人的職場提升，有著舉足輕重的作用。

講師 Rosen，熱愛前端技術的研究與分享，擁有多年一線架構設計和開發經驗。曾任職 360 云事業部高級前端開發工程師、去哪兒國際酒店前端負責人，在此期間積累了大量的 UI 框架開發經驗?，F在作為一名創業者，在過程中感受到自建 UI 框架對前端技能提升的重要性，便以公司內部使用的 UI 框架設計和開發過程作為案例來分享如何實現屬于自己的移動端 UI 樣式庫。

本期專欄學習方法分為 “夯實基礎 —— 實戰 —— 理解設計思路 —— 項目拓展” 四個層次。從熟悉基礎的 HTML、CSS 知識點開始，實戰整合每一個 UIDEMO 組件，理解 UI 框架的設計思路到學會開發方法進行項目擴展、開發自己需要的組件。循序漸進讓同學們了解一個 UI 框架的整體開發過程。

案例主要實現的是一個移動端網站的樣式框架。為了讓同學們把注意力集中在樣式開發，核心項目只使用 HTML 和 CSS 技術進行實戰。在專欄的最后部分，對部分周邊技術棧（Nodejs、打包工具、JS 等）進行參考應用，讓同學們了解此 UI 框架如何與其它技術對接。

因為希望同學們可以利用碎片化時間靈活學習，本專欄盡量減弱上下文的內容依賴，從而實現讓大家可以在工作之余進行充分學習與實戰，理解開發一個定制化 UI 框架的思路和方法，并同時掌握里面涉及的 CSS 相關知識，相信一定會對大家的前端技能進階大有幫助。

專欄模塊：
專欄布局基本按開發順序進行，共分為七個模塊：

  • 開篇：本模塊為項目開篇，主要為理論性內容，包括課程的基本情況、關于 UI 框架的理解和 UI 框架設計的內容。
  • 磨劍：本模塊主要內容為歸納知識點，旨在幫助打好基礎，了解必要的 CSS 基礎知識與規范，以及 HTML 基礎知識點。
  • 列陣：本模塊進入專欄主題，主要內容為優化移動端樣式的基礎布局，包括 CSS 規范要求的基本內容、整體頁面布局和一些公共樣式等。
  • 操練：本模塊主要內容為開發移動端內一些常用組件的樣式，比如網格布局、列表、菜單、信息提示和文本處理等技巧類的應用。
  • 集結：本模塊主要內容為如何整合分散 Demo 為可用 UI 框架，并介紹該 UI 框架如何與其它技術結合。
  • 實戰：本模塊主要內容為利用完備的 UI 框架進行頁面開發實戰。
  • 復盤：本模塊為專欄收尾，對專欄內容進行總結。
課程目錄已更新45節
精選留言

  • 慕虎3384640

    覺得老師這個實現真的牛，一個input實現了滑塊的開關切換，css入門容易，但是深入的確是需要沉淀的，好的css，能減少很多麻煩事情

    講師回答 / Rosen

    代碼這東西越熟練，就會覺得需要寫的代碼越少

  • 慕碼人8705899

    看完了 今天是教師節 。謝謝老師

    講師回答 / Rosen

    夠快的！多寫寫！--回復內容不能少于10個字

  • 我是這海底的咸魚

    看完之后，等于對之前的知識點進行了回顧和總結，舉的例子都很好，更新快點就好了

    講師回答 / Rosen

    稍安勿躁，正在全馬力的往下進行呢

更多精選留言

適合人群
  • 計算機及軟件方向的在校生
  • 1-4 年初中級前端開發工程師
  • 對樣式開發有興趣的后端開發工程師
  • 對樣式開發有興趣的 UI 設計師
購買須知
  1. 本專欄為圖文形式內容服務，共計 45 小節，上線時間為 2019 年 6 月 11 日，預計 2019 年 8 月更新完成；
  2. 本專欄更新時間為每周一，三，五更新 1 篇，形式為圖文；
  3. 訂閱成功后，用戶即可通過慕課網 PC 端、App 端、WAP 端享有永久閱讀的權限；
  4. 慕課專欄為虛擬內容服務，訂閱成功后概不退款；
  5. 在專欄閱讀過程中，如有任何問題，請郵件聯系 [email protected]；
  6. 慕課專欄版權歸本平臺所有，任何機構、媒體、網站或個人未經本網協議授權不得轉載、鏈接、轉貼或以其他方式復制發布 / 發表，違者將依法追究責任。
造燭求明，讀書求理
掃碼關注慕課網服務號
干貨分享
定期活動
課程優惠
專欄福利
官方優惠福利活動一手掌握，關注慕課網（ID：imooc-com），和50萬+程序員一起成長！

本專欄知識點梳理

1.專欄閱讀需要具備一定的CSS與CSS面試基礎知識，可參考：

下載慕課網APP

更好的體驗，讓閱讀隨處可得

掃描二維碼，下載慕課網APP
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號