🔥 วันนี้แอดจะพามารู้จักความแตกต่างของ Library และ Framework มาดูกันว่าทั้ง 2 มันคืออะไร ใช้งานยังไง มีอะไรบ้าง..กันในโพสนี้เลยจ้า
.
เริ่มกันที่ Library ก่อนเลย
.
📒 Library คือ ที่รวบรวมชุดคำสั่ง หรือที่รวบรวมโค้ดต่างๆ ที่ Software Developers ได้พัฒนาขึ้นและสามารถเรียกใช้มาในโปรเจกต์ของเราได้ตามต้องการ บางฟังก์ชันก็สามารถเรียกใช้ library ได้เลยโดยไม่ต้องเขียนโค้ดขึ้นเอง ซึ่งมันจะช่วยให้เราประหยัดเวลาในการเขียนโปรแกรมและลดความผิดพลาดของโปรแกรมได้มากยิ่งขึ้น
.
👉 ตัวอย่างของ library ที่นิยมใช้ ได้แก่
.
🔹 React - เป็น library ของ JavaScript สำหรับสร้าง User Interfaces
🔹 Redux - เป็น open-source JavaScript library สำหรับจัดการ
🔹 Application State มักใช้ร่วมกับ React
🔹 Three.js - library ของ JavaScript ใช้สำหรับสร้างและแสดงผลกราฟฟิค 3D
🔹 Lodash - เป็น library ของ JavaScript ใช้สำหรับการเขียนโปรแกรมทั่วไป
🔹 jQuery - ใช้สำหรับจัดการ HTML document
.
มาต่อกันที่ Framework เลยฮะ
.
📦 Framework คือ โครงสร้างหรือชุดคำสั่งที่สร้างขึ้นมาเพื่ออำนวยความสะดวกต่อ Developer มีข้อดีคือมีความรวดเร็ว และเหมาะกับงานที่ต้องทำเป็นทีม หรือองค์กรใหญ่ๆ มีข้อจำกัดคืออาจจะใช้เวลาในการศึกษามากกว่า มีขนาดใหญ่
.
👉 ตัวอย่างของ Framework ที่นิยม ได้แก่
.
🔸 Angular - เป็น JavaScript Framework ใช้สำหรับพัฒนา Web และ Mobile Application
🔸 Django - เป็น Framework ฝั่ง Server-side ใช้ภาษา Python ในการเขียน
🔸 Express - เป็น Framework จาก Node.js ไว้สำหรับพัฒนา Web และ Mobile Application
🔸 Rails - ใช้พัฒนา Web Application เขียนด้วยภาษา Ruby
🔸 Spring - เป็น Framework แบบ open-source ใช้พัฒนา Web Application เขียนด้วยภาษา Java
.
💥 Source : https://dev.to/rohitrana/what-is-the-difference-between-library-vs-framework-174n
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有1部Youtube影片,追蹤數超過7萬的網紅在地上滾的工程師 Nic,也在其Youtube影片中提到,這次想和你聊聊,關於技術深度和廣度的想法,因應每個人的際遇與選擇不同,最終也會長出截然不同的技能樹,但最重要的是,如何一步一步檢視自己的當前是否在自己所設立的目標方向上 希望透過這支影片和你分享我的看法,也歡迎留言和我分享你的近況和想法囉 喜歡影片的話!可以幫忙點個喜歡以及分享、訂閱唷!😘 ━━...
react vs angular 在 軟體開發學習資訊分享 Facebook 的最佳解答
--課程已於 2020 年 12 月更新--
本課程是這個領域多年積累的成果,結合了最好的資源、工具和教學內容創建而成的 JavaScript 課程,它將教會你成為高階 JavaScript 開發人員所需的一切知識。
無論你是 Web 開發人員、 React、 Angular、 Vue.js 開發人員(前端開發人員) ,還是 Node.js 後端開發人員,你都將從本課程中受益,因為 Javascript 是這些技術背後的核心。
從這 23.5 小時的課程,你會學到
1. 進階 JavaScript 實踐
2. 物件導向程式設計( OOP )
3. 函數程式設計( Functional Programming )
4. 作用範圍( Scope ) 和執行環境 ( Execution Context )
5. 繼承 + 原型鏈
6. 最新功能 : ES6,ES7,ES8,ES9
7. 閉包( Closures )
8. 非同步 JavaScript + 事件迴圈
9. JavaScript 模組
10. `this` 關鍵字
11. JavaScript 引擎和執行時期( Runtime )
12. 錯誤處理
13. 堆疊溢位( Stack Overflow )
14. 記憶體洩漏( Memory Leaks )
15. 複合( Composition ) vs 繼承( Inheritance)
16. 強制轉型( Type Coersion )
17. 傳址( Pass By Reference ) vs 傳值( Pass by Value )
18. 高階函數( Higher Order Functions )
19. IIFE ( Immediately Invoked Function Expression,一個定義完馬上就執行的 JavaScript 函數)
20. .call(), .apply(), .bind()
21. 直譯器 / 編譯器 / JIT 編譯器
22. 垃圾回收
23. 變數宣告提升( Hoisting )
24. JavaScript 最佳實踐
https://softnshare.com/advanced-javascript-concepts/
react vs angular 在 軟體開發學習資訊分享 Facebook 的最讚貼文
--課程已於 2020 年 8 月更新--
本課程是這個領域多年積累的成果,結合了最好的資源、工具和教學內容創建而成的 JavaScript 課程,它將教會你成為高階 JavaScript 開發人員所需的一切知識。
無論你是 Web 開發人員、 React、 Angular、 Vue.js 開發人員(前端開發人員) ,還是 Node.js 後端開發人員,你都將從本課程中受益,因為 Javascript 是這些技術背後的核心。
從這 23.5 小時的課程,你會學到
1. 進階 JavaScript 實踐
2. 物件導向程式設計( OOP )
3. 函數程式設計( Functional Programming )
4. 作用範圍( Scope ) 和執行環境 ( Execution Context )
5. 繼承 + 原型鏈
6. 最新功能 : ES6,ES7,ES8,ES9
7. 閉包( Closures )
8. 非同步 JavaScript + 事件迴圈
9. JavaScript 模組
10. `this` 關鍵字
11. JavaScript 引擎和執行時期( Runtime )
12. 錯誤處理
13. 堆疊溢位( Stack Overflow )
14. 記憶體洩漏( Memory Leaks )
15. 複合( Composition ) vs 繼承( Inheritance)
16. 強制轉型( Type Coersion )
17. 傳址( Pass By Reference ) vs 傳值( Pass by Value )
18. 高階函數( Higher Order Functions )
19. IIFE ( Immediately Invoked Function Expression,一個定義完馬上就執行的 JavaScript 函數)
20. .call(), .apply(), .bind()
21. 直譯器 / 編譯器 / JIT 編譯器
22. 垃圾回收
23. 變數宣告提升( Hoisting )
24. JavaScript 最佳實踐
https://softnshare.com/advanced-javascript-concepts/
react vs angular 在 在地上滾的工程師 Nic Youtube 的最讚貼文
這次想和你聊聊,關於技術深度和廣度的想法,因應每個人的際遇與選擇不同,最終也會長出截然不同的技能樹,但最重要的是,如何一步一步檢視自己的當前是否在自己所設立的目標方向上
希望透過這支影片和你分享我的看法,也歡迎留言和我分享你的近況和想法囉
喜歡影片的話!可以幫忙點個喜歡以及分享、訂閱唷!😘
━━━━━━━━━━━━━━━━
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
🌟 任何問題或合作邀約信箱: niclin0226@gmail.com
#前端 #後端 #工程師 #software #engineer
react vs angular 在 [Day 01]框架的比較(AngularJs vs Angular vs React) - iT 邦幫忙 的相關結果
[Day 01]框架的比較(AngularJs vs Angular vs React) ... 我在開始做新專案的時,因為以前的專案是使用了AngularJS 作為主要的前端框架,因此特別去 ... ... <看更多>
react vs angular 在 React vs Angular: 10 Most Important Differences You Must ... 的相關結果
AngularJS is a structural framework for developing dynamic web apps, whereas React is a javascript library that allows you to build UI ... ... <看更多>
react vs angular 在 Angular vs React 穩定發展與創新技術的抉擇 - 叡揚資訊 的相關結果
Angular 是HTML 本位,把Javascript 邏輯放到HTML 裡面,而React 則是Javascript 本位,把HTML 模板放到Javascript 裡面。這使得兩種語言從最根本的寫作方式和邏輯上便有 ... ... <看更多>