8 Top Web Dev Trend ของปี 2018


Oct 13, 2018 / มีผู้อ่าน 2130

8 Top Web Dev Trend ของปี 2018

- The Basics ( HTML, CSS, JS)
- Node.js
- Front-end Framework
- Web Components / Compilers
- Static Web Pages
- Progressive Web Apps
- Serverless
- AI / Bots

อ้างอิง : https://academind.com/learn/web-dev/trends-2018/

 

เพราะการสร้างเว็บไซต์เริ่มต้นด้วยพื้นฐาน HTML, CSS, Javascript คุณจำเป็นต้องรู้วิธีการทำงานร่วมกันของ HTML, CSS และ JavaScript

 

 

Node.js ได้รับความนิยมในช่วงหลายปีที่ผ่านมาแล้ว

Node.js เป็นภาษาฝั่งเซิร์ฟเวอร์ที่คุณควรจะดู และคุณรู้ว่าพื้นฐานของ Node.js คือ JavaScript 

Node.js เป็นเพียง JavaScript บนเซิร์ฟเวอร์ดังนั้นทำไมไม่เจาะลึกลงไปและกลายเป็นทั้ง frontend และ backend-developers?

 

 

Frontend Framework ยอดนิยมอย่าง Angular React Vue.js 

ถูกใช้สร้าง Web Application แบบ SPA (Single Page Application) ที่โหลดเพียงหน้าเดียว แต่เมื่อใช้งานยังให้ความรู้สึกเหมือนเว็บที่มีหลายๆ หน้า 

ปัจจุบันสามารถทำงานได้แบบทั้ง Client Side Rendering และ Server Side Rendering ได้ง่ายขึ้นมากแล้ว ด้วยการใช้ร่วมกับ Library อื่น

 

Web Components คือ ชุดคำสั่งที่ทำให้เราสามารถสร้าง HTML Tag ของเราเองได้ ร่วมถึงสามารถนำมาใช้ได้ด้วย 

อารมณ์เหมือนสร้าง Component ใน React 
แต่แทนที่จะใช้ React Framework ไม่ต้องใช้แล้วเพราะมี Web Apis แทนประกอบด้วย Custom Elements, the Shadow DOM, HTML Templates และ HTML Imports

 

Jekyll, Hugo, Nuxt.js เครื่องมือและโครงการทั้งหมดนี้ช่วยให้เราสามารถทำได้ ด้วยการสร้างหน้าเว็บที่เราแสดงผล ไว้ล่วงหน้าบนเซิร์ฟเวอร์

 

PWA คือ การรวมเอาเทคโนโลยี ที่ช่วยให้เราสามารถสร้าง Web Application ให้รู้สึกใช้งานได้เหมือนแอพพลิเคชั่นบนมือถือ

- การใช้งานเมื่อไม่มีอินเตอร์เนต
- การแจ้งเตือน Notification
- การใช้งาน Hardware ต่างๆในเครื่องเช่น กล้อง
- แสดง Icon เหมือนแอพบนมือถือ
- สามารถทำงาน Background (เบื้องหลัง) ได้
- และอื่นๆ อีกมากมาย

 

Serverless หมายความว่าคุณไม่ต้องกังวลเกี่ยวกับการจัดการและอัปเดตเซิร์ฟเวอร์ซึ่งความสามารถของเซิร์ฟเวอร์จะมีขนาดไม่จำกัด และคุณจ่ายเฉพาะสิ่งที่คุณใช้เท่านั้น ไม่มีผู้เข้าชมไม่มีค่าใช้จ่าย

ทำงานอย่างไร?
คุณเพียงเขียนโค้ด มันจะรันเมื่อมีผู้ใช้เรียกเท่านั้น ต่อมาอัพโหลดโค้ดไปที่ผู้ให้บริการ Serverless ยกตัวอย่างเช่น AWS Lambda

 

 

AI จะกลายเป็นสิ่งสำคัญมากขึ้นในช่วงหลายปีถัดไป - รวมถึงปีพ. ศ. 2561

AI ไม่ จำกัด เฉพาะรถยนต์ที่ขับด้วยตัวเอง คิดถึงบอทการแชทบนหน้าเว็บที่ช่วยให้ผู้ใช้เข้าใจเนื้อหาของคุณ พิจารณาการรับรู้ภาพและเครื่องมือเพิ่มประสิทธิภาพ และอื่น ๆ

AI เป็นฟิลด์กว้าง ๆ คุณสามารถลงลึกด้วยการใช้ Python, Machine Learning, Big Data, Deep Learning และสร้าง AI Tools ด้วยตัวคุณเอง ถ้าคุณเข้าใจทั้งหมดนี้คุณจะมีเวลาทองอยู่ข้างหน้าอย่างแน่นอน 

AWS Lex เป็นบริการที่ช่วยให้คุณสามารถสร้างบอทอัจฉริยะ Chat ซึ่งคุณสามารถใช้งานได้ในหน้าเว็บของคุณ


หมวดหมู่บทความ

บทความ

web

Webpack คืออะไร ? 
Webpack คืออะไร ? 

Oct 13, 2018 / มีผู้อ่าน 1029

programming

20 ปีของภาษา JavaScript
20 ปีของภาษา JavaScript

Mar 19, 2022 / มีผู้อ่าน 616