第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

課程亮點(diǎn)

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

課程介紹

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

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

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

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

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

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

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

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

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