13450| 27
|
[前端] 實戰(zhàn)-組件方式開發(fā) Web App全站 |
組件方式開發(fā) Web App全站-實戰(zhàn)-收費(fèi)篇-附帶源碼
不僅刷爆朋友圈,HTML5確實可以讓人更好的看清數(shù)據(jù)的真相 HTML5+組件式開發(fā) 讓全站移動開發(fā)更簡單! 運(yùn)用HTML5、CSS3、JS流行技術(shù),采用組件式開發(fā)模式,開發(fā)Web App全站!技術(shù)大牛帶你統(tǒng)統(tǒng)拿下不同類型的HTML5動態(tài)數(shù)據(jù)報告! 技術(shù)要點(diǎn) 開發(fā)模式 編程思想 項目實戰(zhàn) 常見問題 HTML5與 CSS3、 利用組件方式開發(fā) 用面向?qū)ο蟮木幊?nbsp; 完整經(jīng)歷手機(jī) 處理實際工作中需求 JS 技術(shù)完美結(jié)合 思維輕松開發(fā)項目 Web開發(fā)全流程 變更項目延期等問題 適合人群 本課程適合有一年前端工作經(jīng)驗,有一定技術(shù)開發(fā)基礎(chǔ);有自學(xué)能力并對JS高級知識有一定掌握,如面向?qū)ο蟮挠脩?/font> HTML+CSS JavaScript jQuery FullPage.js Canvas 基礎(chǔ)知識 面向?qū)ο笾R 基本語法知識 基本用法 基本繪圖API 講師介紹---5年前端工程師 追求代碼界面的可擴(kuò)展性、性能、設(shè)計和出色的用戶體驗,對代碼復(fù)用、組件化有深 入研究,是新技術(shù)追求者、代碼極客、慕課網(wǎng)明星講師。 第1章 課程前期準(zhǔn)備 在學(xué)習(xí)正式課程之前了解下“WEB項目開發(fā)流程”以及在“流程中的角色”。 第2章 前端開發(fā)簡介及標(biāo)注與切圖 本章節(jié)對本項目前端開發(fā)具體做什么做了簡單介紹,并帶領(lǐng)用戶進(jìn)行 psd 圖標(biāo)注與切圖。 第3章 項目 JS 類開發(fā) 本章節(jié)講師會帶你規(guī)劃和開發(fā) JS 項目所用的“通用圖文組件“- H5ComponentBase 和“內(nèi)容組織功能類“ - H5。 第4章 圖表組件-散點(diǎn)圖組件開發(fā) 講師先對圖片組件做整體介紹,然后手把手帶你詳細(xì)開發(fā)散點(diǎn)圖組件,直到你能夠獨(dú)自完成。 第5章 圖表組件-柱狀圖組件開發(fā) 先跟著講師學(xué)開發(fā)水平柱圖,逐步掌握水平柱圖原理,然后自己獨(dú)立開發(fā)垂直柱圖。 第6章 圖表組件-折線圖開發(fā) 講師先帶你使用 Canvas 開發(fā)折線圖,從中掌握折線圖的生長動畫原理,然后真正參與到項目實戰(zhàn)中,獨(dú)立完成改變生長動畫的任務(wù)。 第7章 圖表組件-雷達(dá)圖開發(fā) 已經(jīng)掌握折線圖開發(fā)的你,跟著講師的教學(xué)練習(xí)節(jié)奏,完成使用 Canvas 來完成雷達(dá)圖的開發(fā)也是 So easy。 第8章 圖表組件-餅狀圖開發(fā) 本章節(jié)向你揭示餅狀圖的開發(fā)原理,在章節(jié)的結(jié)束你就可以獨(dú)立開發(fā)完成環(huán)狀圖開發(fā)了。 第9章 項目前端頁面整合開發(fā) 前面章節(jié)的學(xué)習(xí)積累很重要!這一節(jié)講師就會帶你把前面各個開發(fā)出來的頁面整合在一起,你會感覺到前面類開發(fā)的好處,可以減少很多代碼的量。 第10章 課程擴(kuò)展 有問題需要解決?隨時在問答區(qū)提出來!講師會把大家典型的問題做指點(diǎn)和解惑,比如餅狀圖項目文本發(fā)生重疊的解決方法等;最后還帶著你把項目最后首頁的 Loading 功能完成。 第11章 大任務(wù)-綜合實戰(zhàn) 實踐大作業(yè)環(huán)節(jié)!檢查你學(xué)習(xí)效果的時候到了:你完成項目任務(wù)后如果想知道自己的項目代碼寫得如何,可以申請代碼點(diǎn)評。授課講師將會點(diǎn)評你的代碼,幫你查漏補(bǔ)缺。
購買主題
已有 8 人購買
本主題需向作者支付 10 資源幣 才能瀏覽
| |
| ||
| ||
| ||
| ||
| ||
| ||
| ||
| ||
| ||
小黑屋|資源共享吧 ( 瓊ICP備2023000410號-1 )
GMT+8, 2025-4-20 00:22 , Processed in 0.073592 second(s), 15 queries , MemCached On.