或許夥伴們正想進階到網頁設計開發,這篇新手入門是經驗談,整理的很棒!一定要分享。感謝作者無私奉獻~
作者說:此文章我預設的對象是毫無程式基礎的人。若你已經有了程式基礎,可以自行略過相關的單元。
Hello 大家好
這次要來分享的是網頁前端的學習路線以及資源
是我帶過一些學生並思考過後慢慢總結出來的路線
去 Google 找已經可以找到很多學習路線的相關資源
但我這篇會講得比較詳細一點
文章很長,因為每一點都有附上學習理由與學習目標
這邊先附上大綱,有興趣再點進去看:
1. Command Line 的使用
2. Git 的使用
3. npm、Node.js 與 JavaScript 程式基礎
4. 單元測試 Unit Testing 與 Jest
5. 網路基礎概念
6. HTML 與 CSS
7. JavaScript 與 DOM 以及事件機制
8. 非同步與 AJAX
9. 基礎後端 PHP 與 MySQL
10. 資訊安全概念
11. 學習後端框架 Express
12. 後端部署
13. jQuery 與 Bootstrap
14. CSS 預處理器
15. 非同步歷程:callback、promise 與 async/await
16. 深入理解 JavaScript 與瀏覽器相關機制
17. gulp 與 webpack
18. 物件導向
19. React/Vue/Angular 三選一
(如果你疑惑為什麼要學後端,文章裡有寫理由)
有些人可能會覺得上面列出來的東西很多
但我覺得學完以後只是個開始而已
從每一項基礎都可以延伸出更多的東西
希望這篇文章能對想要學習網頁前端的人有幫助
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「angular bootstrap npm」的推薦目錄:
- 關於angular bootstrap npm 在 DOC職人 時食刻客 Facebook 的精選貼文
- 關於angular bootstrap npm 在 コバにゃんチャンネル Youtube 的最佳解答
- 關於angular bootstrap npm 在 大象中醫 Youtube 的最佳解答
- 關於angular bootstrap npm 在 大象中醫 Youtube 的精選貼文
- 關於angular bootstrap npm 在 Getting Started - Angular powered Bootstrap 的評價
- 關於angular bootstrap npm 在 How to add bootstrap to an angular-cli project - Stack Overflow 的評價
- 關於angular bootstrap npm 在 Installing ng-boostrap latest on Ang 11 #3970 - GitHub 的評價
- 關於angular bootstrap npm 在 npm install - Solved Bootstrap not working in Angular - YouTube 的評價
- 關於angular bootstrap npm 在 Angular material example github 的評價
angular bootstrap npm 在 コバにゃんチャンネル Youtube 的最佳解答
angular bootstrap npm 在 大象中醫 Youtube 的最佳解答
angular bootstrap npm 在 大象中醫 Youtube 的精選貼文
angular bootstrap npm 在 How to add bootstrap to an angular-cli project - Stack Overflow 的推薦與評價
... <看更多>
angular bootstrap npm 在 Installing ng-boostrap latest on Ang 11 #3970 - GitHub 的推薦與評價
npm ERR! to accept an incorrect (and potentially broken) dependency resolution. Versions of Angular, ng-bootstrap and Bootstrap: Angular: 11. ng ... ... <看更多>
angular bootstrap npm 在 Getting Started - Angular powered Bootstrap 的推薦與評價
Add bootstrap and @ng-bootstrap/ng-bootstrap dependencies from npm · Install the @angular/localize polyfill · Add bootstrap CSS/SCSS to your project (no ... ... <看更多>