Coder Social home page Coder Social logo

javascript101-lite's Introduction

從零開始學 JavaScript(JavaScript 程式設計新手村 Lite)

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

課程大綱(Syllabus)

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

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

  3. 單元3 JavaScript 快速基礎入門(變數、流程控制、函式、物件)

  4. 單元4 實戰範例:匯率計算應用程式(JavaScript 函數 Function 基礎)

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

  6. 單元6 實戰範例:倒數計時(BOM & DOM 操作基礎與事件處理 Event Handle、SetInterval)

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

  8. 單元8 實戰範例:幻燈片相簿(BOM & DOM 操作基礎與事件處理 Event Handle)

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

  10. 單元10 實戰範例:jQuery 入門範例(套件使用)

  11. 單元11 實戰範例:部屬 JavaScript 應用程式到 Github Page

  12. 單元12 實戰範例:Chrome Extensions 基礎(表特分頁,Ajax,Cookie,LocalStorage/SessionStorage 本地端資料儲存)

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

  14. 單元14 實戰範例:NodeJS Web 基礎(Sequelize)

  15. 單元15 實戰範例:NodeJS Web 基礎前後端分離(TodoList)

  16. 單元16 實戰範例:NodeJS 與 Socket.io 基礎(雲端聊天室)

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

  18. 單元18 實戰範例:部屬應用程式到 Heroku 雲端伺服器

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

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

  21. 募資金額 400% 解鎖:NodeJS 網路爬蟲入門實戰

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

  23. 募資金額 800% 解鎖:Electron 桌面應用程式開發入門(beauty+)

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

javascript101-lite's People

Contributors

kdchang 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.