เล่าสู่ฟัง สำหรับโปรแกรมสายเว็บแอพลิเคชั่น (มือใหม่)
React คืออะไร
.
✔ React เป็นไลบรารี่ในภาษาในจาวาสคริปต์ ไม่ใช่เฟรมเวิร์ค (framework) จะไม่เหมือน Angular หรือ Vue
✔ React เป็นโปรเจคโอเพ่นซอร์ส (open-source) ของ Facebook
✔ React เอาไว้ใช้สร้างหน้าจอ user interfaces (UI) ฝั่ง Front-end
✔ React เอาไว้สร้างเว็บแอพพลิเคชั่นแบบ single-page applications(SPAs) หมายถึงทำเว็บหน้าเดียวแบบแอพลิเคชั่น (ไม่ต้อง reflesh หน้าเว็บบ่อยๆ)
✔ React อยู่ฝั่ง View เลเยอร์ในสถาปัตยกรรมเว็บแอพลิเคชั่นแบบ MVC application (Model View Controller)
.
.
React + Node.js สามารพัฒนาเว็บแอพลิเคชั่นด้วย JavaScript ล้วนๆ รวมกับ CSS+HTML
ติวเตอร์เอกสารตอนนี้มีเยอะ
ลิงก์นี้รู้สึกน่าจะอ่านง่ายๆ หน่อย สำหรับมือใหม่ (ภาษาอังกฤษ)
https://ibaslogic.com/react-tutorial-for-beginners/
.
.
ผู้เรียนต้องมี
- พื้นฐาน JavaScript ES6 (ขั้นต่ำ)
- พื้นฐาน HTML + CSS
- พื้นฐาน Node.js + NPM
- ชื่นชอบการใช้คำสั่งคอมมานไลน์
- ที่บ้านต้องต่อเน็ต เพราะ ต้องใช้ดาวน์โหลดแพ็กเกจต่างๆ ของ javascript
.
แอบกระซิบตอนนี้กำลังนิยมแถมรายได้ดีด้วยนะ ตลาดงานต้องการตัวสูง เห็นประกาศรับหลายที่
.
.
.
.
.
.
.
ฝากประชาสัมพันธ์หนังสือ javascript ES6 วางขายที่ซีเอ็ด
https://www.se-ed.com/product/พัฒนาเว็บแอปพลิเคชั่นด้วย-JavaScript.aspx?no=9786160825394
✍️ เขียนโดย โปรแกรมเมอร์ไทย thai programmer
「single page application framework」的推薦目錄:
- 關於single page application framework 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳解答
- 關於single page application framework 在 BorntoDev Facebook 的最讚貼文
- 關於single page application framework 在 工研院產業學院 Facebook 的最佳貼文
- 關於single page application framework 在 What I wish I had known about single page applications 的評價
- 關於single page application framework 在 JavaScript frameworks to build single page applications [closed] 的評價
- 關於single page application framework 在 vbilopav/vb-spa: Minimalistic JavaScript Single Page ... - GitHub 的評價
single page application framework 在 BorntoDev Facebook 的最讚貼文
🔥 ใครมาสาย JavaScript แล้วยังเลือก Framework / Libs ไม่ได้ซักกะที มาโพสต์นี้ได้เลยย !!
.
กับ 5 Javascript Framework / Libs ที่ฮิตที่สุดในปี 2020 - 2021 ที่ทุกคนห้ามพลาดด <3
.
✅ Angular
.
Angular สร้างและพัฒนาโดย Google เป็น JavaScript framework สำหรับการพัฒนา Front-end ที่เป็นที่นิยมมากเป็นอันดับต้นๆ ด้วยการทำงานแบบ component ทำให้โค้ดที่เขียนออกมาสามารถ reuse ได้ง่ายและเหมาะสมในการทำ SPA ที่สำคัญยังเป็น open-source ด้วยนะ
.
อ่านเพิ่มเติม หรือ เริ่มใช้งานได้ที่นี่ : https://angular.io/
.
✅ React
.
React เป็น open-source JavaScript Library สำหรับการเขียน Front-end ที่เกินขีดความเป็น Library ไปแล้ว React พัฒนาโดย Facebook เหมาะสมในการทำ SPA(single page application) เป็นอย่างยิ่งด้วยการเขียนแบบ Component ที่มีการเก็บแคชในตัวทำให้มีการตอบสนองต่อผู้ใช้ได้อย่างรวดเร็ว
.
อ่านเพิ่มเติม หรือ เริ่มใช้งานได้ที่นี่ : https://reactjs.org/
.
✅ Vue.js
.
Vue (อ่านว่า วิว) เป็นอีกหนึ่ง open-source Library สำหรับสาย Front-end ที่เน้นไปที่การพัฒนา View layer ในโมเดล MVC มีน้ำหนักที่เบา แต่ในด้านความสามารถนั้นนับได้ว่าไม่เบาเลย สามารถใช้ทำ SPA ได้ และที่สำคัญใช้งานง่ายบอกเลยว่าลองใช้แล้วจะติดใจ
.
อ่านเพิ่มเติม หรือ เริ่มใช้งานได้ที่นี่ : https://vuejs.org/
.
✅ Google Closure Library
.
Library ที่เกิดขึ้นมาจากเวลาว่างของพนักงาน Google แต่ความเจ๋งของมันนั้นบอกเลยว่ายอดเยี่ยม Library ตัวนี้ได้รวบรวม UI ต่างๆ และความสามารถอีกเพียบ ถ้าอยากรู้ว่าใครใช้ Library นี้บ้าง? ก็คือแอพของ Google นั่นเอง Maps, Docs และ Search ที่เราใช้กันอยู่บ่อยๆ ก็สร้างโดย Library ที่เป็นพื้นฐานของ Library ตัวนี้
.
อ่านเพิ่มเติม หรือ เริ่มใช้งานได้ที่นี่ : https://developers.google.com/closure/library
.
✅ VanillaJS
.
ชื่อของมันอาจจะดูน่ากิน แต่ที่จริงมันไม่ใช่ Framework หรอกนะ VanillaJS หมายถึงการใช้ JavaScript เพียวๆ ในการเขียน บางครั้งเวลาเราเจอปัญหาเราอาจไม่ต้องใช้ Framework อะไรในการแก้ปัญหา หรือบางทีการเชี่ยวชาญในพื้นฐานก็ทำให้เราสามารถใช้ Framework ได้ดีขึ้นด้วยนะ
.
อ่านเพิ่มเติม หรือ เริ่มใช้งานได้ที่นี่ : http://vanilla-js.com/✅
.
"เป็นยังไงกันบ้าง ? ใครใช้ตัวไหน อยู่ทีมไหน มาแสดงตัวกันใต้โพสต์หน่อยเร็วว ^_^"
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
single page application framework 在 工研院產業學院 Facebook 的最佳貼文
2016/11/2起 (即將開班!把握機會)J2EE與物聯網開發實務研習班!
不管是傳統的電商的交易呈現系統,到現在物聯網的資料收集與呈現與控制手持裝置(iOS/Android)與推播,都需要從前端的web/web services到後台一系列的步驟,而Java自從.com開始便累積了許多framework能讓工程師用工程的角度來完成專案的建置,本課程將以講師的經驗說明各個框架的實務。
這個課程非常著重實作,雖然每個例子都具體而微的說明,但需要學員有Java程式開發的經驗與Web/物聯網開發經驗。
本課程的教材將以學員在Java學習中對於專案開發最需要的generic與collection的實作開始,說明執行緒與相關元件的應用,進而進入J2EE的框架,說明servlet/jsp與session的基本。
同時,資料存取絕對是不可或缺的一環,從簡單JDBC到ORM的Hibernate/JDO/JPA說明如何完成物件到關聯式資料庫的實作。JPA的實作,在Oracle也有官方對應的課程(Java EE6之利用JPA技術開發資料庫應用程式)
近期的Enterprise應用程式,spring絕對是非常令人注意的,因此在完成基礎後,會以Spring的bean開發來貫穿這些框架。除了開發部署也是一件工程,因此本課程將會說明如何使用Spring Boot來開發並且進行快速部署,藉著gradle的組態,能夠讓專案無痛的升級,無痛的解決套件相依。
Spring Boot不止能夠讓系統易於模組化,更能支援REST的開發架構,因此物聯網資料的收進,手機資料的遞送與資料呈現都可以由Spring Boot進行框架的設置。同時在這個豐富的Spring框架中對於訊息的傳送與接收也有一致的行為,藉由AMQP可以讓簡單的POJO bean實作出listener,引發出事件趨動的程式設計樣式。
然而,前端的開發近期流行的是single page application, 是一種藉著javascript達成AJAX的資料呈現,因此在presentation tier會導入GWT (Google web toolkit),它是一套由Java推動前端開發的框架,可以藉著callback完成從server 到client的AJAX,如google inbox, (http://www.gwtproject.org/examples.html)即是用這個框架完成,同時也會說明另一套基於GWT但是更美觀的UI Vaadin(vaadin.com)。
網址:https://college.itri.org.tw/edm/D1/010/11/edm.html
single page application framework 在 JavaScript frameworks to build single page applications [closed] 的推薦與評價
... <看更多>
single page application framework 在 vbilopav/vb-spa: Minimalistic JavaScript Single Page ... - GitHub 的推薦與評價
Minimalistic JavaScript Single Page Application Framework built for simplicity and speed! - GitHub - vbilopav/vb-spa: Minimalistic JavaScript Single Page ... ... <看更多>
single page application framework 在 What I wish I had known about single page applications 的推薦與評價
A single-page app breaks this paradigm. The web browser sends the initial request and still gets back some HTML. But the response from the ... ... <看更多>