Git Product home page Git Product logo

javascript101's Introduction

#/ 從零開始學 JavaScript(JavaScript 程式設計新手村) 由淺入深系統性學習原生 JavaScript 和程式設計的重要觀念, 讓你不只會用 jQuery 還了解它背後使用的原理,並為未來離開新手村出發挑戰前端進階學習打好堅實基礎知識,培養自學各種前端框架和工具的能力。

課程大綱(Syllabus)

  1. 單元1 JavaScript 程式設計初體驗(Pokemon Fight 精靈快打)上

  2. 單元2 JavaScript 程式設計初體驗(Pokemon Fight 精靈快打)下

  3. 單元3 HTML/CSS 入門概論:註冊/登入表單(bootstrap)

  4. 單元4 JavaScript 開發環境建置、Github 與瀏覽器 DevTool 教學

  5. 單元5 實戰範例:TodoList 代辦事項應用程式(JavaScript 函數 Function 基礎)

  6. 單元6 實戰範例:線上碼表(BOM & DOM 操作基礎與事件處理 Event Handle)

  7. 單元7 實戰範例:蟲蟲大戰:打蚊子遊戲(BOM & DOM 操作基礎與事件處理 Event Handle)

  8. 單元8 實戰範例:政府開放資料 API 範例(流程控制、Ajax / JSON 基礎介紹)

  9. 單元9 實戰範例:政府開放資料 API 範例(流程控制、Ajax / JSON 基礎介紹)

  10. 單元10 實戰範例:jQuery 入門範例

  11. 單元11 實戰範例:jQuery 外掛開發入門:自動補完 AutoComplete

  12. 單元12 實戰範例:jQuery 外掛開發入門:幻燈片相簿

  13. 單元13 實戰範例:JavaScript 的 2D 打磚塊遊戲(Canvas)

  14. 單元14 實戰範例:部屬 JavaScript 應用程式到網路

  15. 單元15 實戰範例:Firebase 雲端資料庫基礎上(iRich 愛記帳)

  16. 單元16 實戰範例:Firebase 雲端資料庫基礎下(iRich 愛記帳)

  17. 單元17 實戰範例:NodeJS Web 基礎

  18. 單元18 實戰範例:NodeJS 網路爬蟲,爬取 PTT 八卦版資料

  19. 單元19 實戰範例:Chrome Extensions 基礎

  20. 單元20 實戰範例:Chrome Extensions(表特分頁:Cookie、LocalStorage/SessionStorage 本地端資料儲存)

  21. 單元21 實戰範例:上架自己的 Chrome Extensions

  22. 募資金額 100% 解鎖:前端開發面試常見問題研討

  23. 募資金額 200% 解鎖:NodeJS Google Map API / Facebook API 新手入門

  24. 募資金額 400% 解鎖:NodeJS/PhantomJS 網路爬蟲爬取動態網頁入門實戰

  25. 募資金額 600% 解鎖:NodeJS / Express / MongoDB 新手入門 JavaScript 後端開發

  26. 募資金額 800% 解鎖:Electron 桌面應用程式開發入門(代辦事項清單)

  27. 募資金額 1000% 解鎖:JavaScript ReactJS 應用程式開發入門初體驗

實戰教學(Examples)

  • Fetch
  • Firebase
  • NewTab

javascript101's People

Contributors

kdchang avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.