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