最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

課程亮點

• 收獲全部的 HTML、CSS 基礎(chǔ)知識點
• 掌握 UI 樣式庫的多種實戰(zhàn)開發(fā)技巧
• 以不同角色了解 UI 框架的設(shè)計思路
• 規(guī)范開發(fā)，培養(yǎng)良好的前端編程習(xí)慣
• 通過抽象需求、提煉代碼，提升整合通用功能的能力

課程介紹

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

• 源碼可以改動
• 可以完全滿足產(chǎn)品的設(shè)計風(fēng)格
• 完成功能定制化
• 利于風(fēng)險控制

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

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

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

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

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

專欄模塊：
專欄布局基本按開發(fā)順序進(jìn)行，共分為七個模塊：

• 開篇：本模塊為項目開篇，主要為理論性內(nèi)容，包括課程的基本情況、關(guān)于 UI 框架的理解和 UI 框架設(shè)計的內(nèi)容。
• 磨劍：本模塊主要內(nèi)容為歸納知識點，旨在幫助打好基礎(chǔ)，了解必要的 CSS 基礎(chǔ)知識與規(guī)范，以及 HTML 基礎(chǔ)知識點。
• 列陣：本模塊進(jìn)入專欄主題，主要內(nèi)容為優(yōu)化移動端樣式的基礎(chǔ)布局，包括 CSS 規(guī)范要求的基本內(nèi)容、整體頁面布局和一些公共樣式等。
• 操練：本模塊主要內(nèi)容為開發(fā)移動端內(nèi)一些常用組件的樣式，比如網(wǎng)格布局、列表、菜單、信息提示和文本處理等技巧類的應(yīng)用。
• 集結(jié)：本模塊主要內(nèi)容為如何整合分散 Demo 為可用 UI 框架，并介紹該 UI 框架如何與其它技術(shù)結(jié)合。
• 實戰(zhàn)：本模塊主要內(nèi)容為利用完備的 UI 框架進(jìn)行頁面開發(fā)實戰(zhàn)。
• 復(fù)盤：本模塊為專欄收尾，對專欄內(nèi)容進(jìn)行總結(jié)。