WebCamp:Front-end Developers Day. Артем Тритяк "React.js LiveCoding session"
Javascript Day Session #1
-
Upload
apaichon-punopas -
Category
Technology
-
view
207 -
download
5
Transcript of Javascript Day Session #1
![Page 1: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/1.jpg)
![Page 2: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/2.jpg)
ทำไมต้อ ง เ ขียน J AVA S C R I P T
B Y A PA I C H O N P U N O PA S FA C E B O O K : H T T P S : / / W W W. FA C E B O O K . C O M / A PA I C H O N . P U P H T T P S : / / W W W. FA C E B O O K . C O M / K H A D E V
![Page 3: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/3.jpg)
จุด เ ริ่มต้นขอ งผม เ กิดจ ากคว ามต้อ งก า รส ร้ า ง
S O F T W A R E ด้วย O P E N S O U R C E ซึ่ งต้อ งตอบโจทย์ ดังนี้
• Cross platform - รองรับได้ทุกระบบปฏิบัติการ (ที่นิยมใช้)
• Wide community - มีการใช้อย่างแพร่หลาย ศึกษาหาข้อมูลได้ง่าย
• Support no-sql - รองรับการใช้งาน No-SQL
• Free - ไม่มีค่าใช้จ่าย
• Standard - เป็นมาตรฐานที่สากลยอมรับ
![Page 4: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/4.jpg)
C R O S S P L AT F O R M
• JavaScript support every Operating System.
• Any Web Applications included Javascript (from my experienced)
![Page 5: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/5.jpg)
W I D E C O M M U N I T Y
• ค้นหาจาก อากู๋ ได้ผลลัพธ์ ดังนี้
1
3 4
5 6
2
![Page 7: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/7.jpg)
S U P P O R T N O - S Q L
Almost NO-SQL format is JSON
JSON = JavaScript Object Notation
![Page 8: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/8.jpg)
F R E E A N D S TA N D A R D
• JavaScript organised by ECMA
Brendan Eich
![Page 9: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/9.jpg)
ตลาด ง าน J AVA S C R I P T ในไทย
• ข้อมูลจาก https://codestar.work/research และ JobsDB
![Page 10: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/10.jpg)
J AVA S C R I P T W E B F R A M E W O R K
![Page 11: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/11.jpg)
M O B I L E
![Page 12: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/12.jpg)
S E R V E R S I D E
• Asynchronous
• NON BLOCKING I/O
![Page 13: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/13.jpg)
J AVA S C R I P T A R R AY A N D D B M A N A G E M E N T
TaffyDB
lodash lazy
![Page 14: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/14.jpg)
W O R K F L O W A N D D I A G R A M
• jointjs
• rappid
• GoJS
• jsPlumb
![Page 15: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/15.jpg)
C H A R T
• D3
• ChartJS
• protovis
• highchart
![Page 17: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/17.jpg)
M E D I A
• popcornjs
• mediaelementjs
• jplayer
• enquire.js
![Page 18: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/18.jpg)
M A C H I N E L E A R N I N G
• machine_learning
• convnetjs
• brain.js
• svmjs
• forrest.js
• Numberic.js
![Page 19: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/19.jpg)
M A P
• google map
• here map
• ArcGIS
• leafletjs
• openlayers
• mapbox
![Page 20: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/20.jpg)
I O T - I N T E R N E T O F T H I N G
• Johnny-five
• intel-iot-devkit
• Cylon.js
• webiopi
• autobahn.ws/js
![Page 21: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/21.jpg)
A U G M E N T E D R E A L I T Y
• oculus-bridge
• js-aruco
• tree.js
![Page 22: Javascript Day Session #1](https://reader034.fdocument.pub/reader034/viewer/2022042820/55d1e79fbb61eb80548b459f/html5/thumbnails/22.jpg)
A R E Y O U P R O G R A M M I N G B Y J AVA S C R I P T ?
• Every things can develop by JavaScript.
• Are you ready to use it ?