รู้หรือไม่ ?! นอกจาก MEAN Stack และ MERN Stack แล้วนั้น ยังมี Stack ในการพัฒนาเว็บอีกรูปแบบหนึ่งที่กำลังเป็นที่นิยมของชาวเว็บเดฟ...นั่นคือ JAMstack
.
แล้วมันคืออะไร ? มีหลักการทำงานยังไง ? วันนี้แอดจะพาทุกคนไปรู้จักเจ้า JAMstack ไปพร้อม ๆ กัน หากพร้อมแล้วไปอ่านกันเลย !!
.
🌟 JAMstack - เป็นสถาปัตยกรรมสำหรับการพัฒนาเว็บบนพื้นฐานของ JavaSctipt, APIs, และ Markup ออกแบบมาเพื่อให้ผู้พัฒนาสามารถสร้างเว็บเร็ว ปลอดภัย และสามารถปรับขนาดได้ง่ายมากขึ้น
.
✏️ โดย JAM ย่อมาจาก
.
🔸 JavaScript - เป็นภาษาโปรแกรมมิ่งที่ใช้ในการพัฒนา Front-end หรือรวมไปถึง JavaSctipt Framework หรือ Library อื่น ๆ ที่ใช้ในการพัฒนาเว็บไซต์แบบไดนามิกบนฝั่ง Client
.
🔸 APIs (Application Programming Interface) - คือวิธีร้องขอข้อมูลที่ต้องการจากโปรแกรมหรือแอปพลิเคชันจากปลายทาง โดยจะเชื่อมต่อกับฝั่ง JavaScript ผ่าน HTTP Protocol
.
🔸 Markup - เป็นรูปแบบ Template ที่ใช้ในการแสดงและจัดรูปแบบหน้าเว็บ
.
⚙️ หลักการทำงาน
.
การสร้างเว็บแบบเดิมจะทำงานในส่วนเซิร์ฟเวอร์เป็นหลัก อย่างเช่น ถ้าเราอยากสร้างเว็บไซต์ที่ต้องดึงข้อมูลจาก API ออกมาแสดงผลแบบเรียลไทม์ ก็จะต้องเขียนแอปฝั่ง Back-End เพื่อดึงข้อมูลออกมาอย่างต่อเนื่อง และสิ่งเหล่านี้จะทำงานบนเซิร์ฟเวอร์ เมื่อผู้ใช้เปิดเว็บก็จะสร้างหน้า HTML เพื่อแสดงคะแนนเหล่านั้นให้กับผู้ใช้ ซึ่งถ้ารีเฟรชหน้าก็จะต้องทำขึ้นตอนเหล่านี้ใหม่เรื่อย ๆ ทำให้ใช้เวลานาน และหากมีผู้เข้าใช้จำนวนมากอาจจะทำให้เว็บไซต์ล่มได้นั่นเอง
.
แต่ JAMstack จะแยกส่วนการทำงานทั้งหมด เชื่อมต่อระบบต่าง ๆ ด้วย API และใช้ CDN เป็นตัวกลางในการเชื่อมต่อ เมื่อเราสร้าง Template (ด้วย Framework จาก JavaSctipt เช่น Gastby, Next, Nuxt, Jekyll) ก็จะถูกเก็บไว้ใน CDN เป็น Static File เมื่อผู้ใช้เปิดเว็บ CDN ก็จะส่งเป็น Static File ออกมาแสดง จากนั้นเว็บก็จะไปทำการเรียก API เพื่อดึงข้อมูลมาแสดงตาม Template ที่มีการเรียกใช้ไว้แล้ว ซึ่งจะทำให้เว็บโหลดได้เร็วมากขึ้น คือแสดงผลได้เลยไม่ต้องรอนาน และเราก็ไม่ต้องยุ่งยากในการเขียนโค้ดทางฝั่ง Back-End และเซิร์ฟเวอร์ก็ไม่ต้องรับภาระหนักอีกต่อไป
✨ ประโยชน์
.
ความรวดเร็ว - การสร้างเว็บด้วย JAMStack สามารถแสดงข้อมูลเพราะไฟล์ต่าง ๆ ถูกสร้างไว้ล่วงหน้าแล้วเพื่อรอให้ CDN เรียกใช้เมื่อผู้ใช้เปิดเว็บก็จะแสดงได้อย่างรวดเร็ว โดยไม่ต้องเซิร์ฟเวอร์ Request และ Response นั่นเอง
.
ให้ประสบการณ์ที่ดีกับนักพัฒนา - สามารถสร้างด้วยเครื่องมือที่หลากหลาย ไม่ขึ้นกับเทคโนโลยีใดเทคโนโลยีหนึ่ง สร้างเว็บได้ง่ายโดยสามารถใช้เครื่องมือที่เหล่าเดฟถนัดอยู่แล้วมาพัฒนาได้
.
บำรุงรักษาได้ง่าย - เพราะมีการทำงานแบบแยกส่วนกัน การแก้ไขหรืออัปเดตแต่ละส่วนได้ง่ายโดยไม่ต้องกระทบกัน
.
.
📑 อ่านข้อมูลเพิ่มเติมที่นี่ : https://www.cloudflare.com/learning/performance/what-is-jamstack/ , https://jamstack.org/what-is-jamstack/
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
#JAMstack #webdelopment #BorntoDev
同時也有6部Youtube影片,追蹤數超過1萬的網紅Rasaflix,也在其Youtube影片中提到,Kalau korang dah tak tahu nak masak apa dengan udang. Korang boleh cuba resepi udang salted egg ni. Lagi sedap bila dicampur dengan butter. Serious se...
what is api 在 Facebook 的精選貼文
If you’re looking for Halal eats, we’ve got just the selection for you! And if this got your tummy feeling hungry, make sure you support these local F&B businesses by ordering from them now!
1. Dendeng Bakar Cik Midah
They sell halal bak kwa in 4 delicious flavours and each slice of bak kwa is smoked and cooked with kayu api so you can taste a hint of smokiness to it!
2. The Cosy Cow
Nothing compares to glorious grilled meat that falls right off the bone! Try out their Tok Gajah Set which is perfect for 6 to 8 people and comes with all that BBQ meat goodness, burgers and drinks!
3. Din and Fai Koh Roast Duck
It’s not common to find halal roast duck but Din & Fai Koh have just what you’re craving for! They serve halal roast duck, chicken and a great variety of local eats. Order from them from now til 16th September to enjoy 50% off your delivery!
We release new episodes Duduk Rumah Eats every other day so make sure you follow us so you don’t miss out on these makan recommendations. #KitaJagaKita and support our local F&B businesses!
what is api 在 Ismail Ariffin Lepat Facebook 的最讚貼文
Sahabat dikasihi 🙏🏽❤️
Hari demi hari, lalui kita tetap lalui. Meskipun keadaan semakin tegang. Sekalipun ada jiwa yang mula tercarik. Namun kita akan tetap terus bertahan. Bersabar dan bersabar melewati detik waktu.
Mereka yang telah pun rebah dan kalah, Mereka yang telah luka akal dan jiwanya, Pasti akan terus terbakar perasaannya. Lambat launnya bola bola api diakalnya, bola bola api di jiwanya akan meletus dan seterusnya menguakkan kesemarakan Amarahnya. Nescaya akan memberantaklah sifat Huru-hara didalam diri.
Seterusnya 'kebahagian hati dan ketenangan diri' akan lenyap sama sekali. Cuma terhanya mereka yang mengenali Allah yang satu lagi maha meliputi, Pasti akan dapat menjalani segalanya dengan bertemankan akal yang bistari, yang mananya tiada tersemat kaedah cuba menipu diri sendiri.
'Kerana di matahati para Makrifah tidak akan ada lagi kaedah bercerai mahupun bersatu dengan Allah aza wajala'. Di dalam apa jua keadaan Wajah Allah Ta'ala telah pun meliputi segala dan sesuatu.
Dan seseungguhnya segalanya akan menjadi terpelihara bila matahati tidak lagi menjadi buta.
"So much can change from one day to the next, but the one thing that always remains the same is God. Stay focused on Him, And We have already created man and know what his soul whispers to him, and We are closer to him than jugular vein.”
Para Wanita akan menjalani hidupnya dengan lembut dan penuh keredhaan. Para Lelaki akan menerokai lembah rezekinya dengan yakin yang tiada duanya. Tenang penuh bersahaja menghadapi segalanya.
Surah 2 Al Baqarah di ayat ke 115. Firman Allah. Ertinya : "Dan kepunyaan Allah-lah timur dan barat, maka kemanapun kamu menghadap DI SITULAH WAJAH ALLAH, Sesungguhnya Allah Maha Luas lagi Maha Mengetahui."
https://youtu.be/LJ5dh7X1xqU ❤️
https://youtu.be/S57eoQ27WJQ ❤️
https://youtu.be/pwItIuUjRf8 ❤️
🚶🏽♂️.......
what is api 在 Rasaflix Youtube 的精選貼文
Kalau korang dah tak tahu nak masak apa dengan udang. Korang boleh cuba resepi udang salted egg ni. Lagi sedap bila dicampur dengan butter. Serious sedap gila. Korang wajib cuba resepi ni..
Resepi Udang Mentega Telur Masin Terlajak Sedap
//Bahasa Melayu
--------------------------------------------------------------------------------------------
Resepi Udang Mentega Telur Masin Terlajak Sedap
Bahan-bahan
6 ulas bawang putih (dicincang)
5 tangkai cili padi (dihiris)
1 cili merah (dihiris)
3 tangkai daun kari
garam (secukup rasa)
gula (secukup rasa)
10 ekor udang
2 sb mentega
1 sk serbuk telur masin
3 biji telur masin
50 ml susu segar
4 sk tepung jagung
1 biji telur
Cara memasak
1. Rebus telur masin dan asingkan telur merah. Ketepikan.
2. Gaul sebati udang bersama sebiji telur dan tepung jagung.
3. Goreng udang menggunakan api sederhana sehingga keperangan. Angkat dan toskan lebihan minyak.
4. Kemudian, cairkan mentega dan tumis bawang putih yang telah dicincang sehingga naik bau.
5. Masukkan daun kari, cili padi, dan cili merah.
6. Masukkan pula serbuk telur masin dan telur masin yang telah dihancurkan.
7. Kacau dan masak sehingga kelihatan berbuih kemudian masukkan susu segar ke dalam.
8. Gaul rata dan perasakan dengan gula dan garam secukup rasa.
9. Tuang udang yang telah digoreng dan gaul rata sehingga semua bahagian mengenai kuah.
10. Udang mentega telur masin siap untuk dihidangkan.
//English
--------------------------------------------------------------------------------------------
Buttered Prawn Salted Egg Recipe
If you don't know what the best menu for prawn. You should try this prawn salted egg recipe. It'd be tastier if you add it with butter. Emm..yummy! You must try this recipe, ok!
Buttered Prawn Salted Egg Recipe
Ingredients
6 cloves garlic (minced)
5 stalks bird's eye chili (sliced)
1 red chili (sliced)
3 stalks curry leaves
salt (to taste)
sugar (to taste)
10 prawns
2 tbsp of butter
1 tsp of salted egg powder
3 nos salted eggs
50 ml fresh milk
4 tsp corn flour
1 nos egg
Cooking methods
1. Boil salted egg and separate the egg yolk. Set aside.
2. Mix well shrimp with egg and corn flour.
3. Fried the shrimp using medium heat until golden brown. Remove from heat and drain the excess oil.
4. Next, melt butter and saute minced garlic until fragrant.
5. Add in curry leaves, bird's eye chili and red chili.
6. Put in salted egg powder and mashed salted egg.
7. Stir and cook until bubble form then pour in fresh milk.
8. Mix well and season with salt and sugar to taste.
9. Put the fried shrimp and toss until all parts coated with the gravy.
10. Buttered prawn salted egg is ready to be served.
Nak resepi lagi?
Sertai Rasaflix di https://rasaflix.net
#resepirasaflix #udangmentegatelurmasin #butteredprawnsaltedegg #udang #mentega #telur #masin #pedas #prawn #butter #salted #egg #creamy #saltedegg #buttedprawn #resepimudah #easy #resepi #recipe
#kisahdunia #rasaflix
#dapoqmanis #mr_lovva #nntaca #kdboom #nrsalnaz
![post-title](https://i.ytimg.com/vi/g_yUeiTMbSQ/hqdefault.jpg)
what is api 在 Warner Music Malaysia Youtube 的最佳解答
Kayda - AUTOPILOT feat. Ish [Official Music Video]
#Kayda #Ish #AUTOPILOT
Download RBT Now!
Maxis Caller Ringtones: Dial *131*672986# and press CALL/SEND
Celcom Call Me Tones: Dial *323*740559# and press CALL/SEND
DiGi Caller Tunes: Dial *233*1819834# and press CALL/SEND
Composer: The Cxdy
Lyrics: Kayda, Ish
Music Producer: The Cxdy, Kayda
Follow Kayda on Instagram: https://www.instagram.com/sizez3ro/
Follow Ish on Instagram: https://www.instagram.com/ish.officialpage/
Lyrics:
(Chorus)
No sleep I’m always high on life let it flow smoof smoof like Yamazaki (autopilot)
Yamaha those keys Yuh yuh I Never run out of melodies (ya ya)
wanna stay fresh like sashimi, make you wanna say oishii
mm mm (filet)
tho I ain’t been to Japan, but I’m down if u wanna come with me (perfect)
Down if you wanna come with me 4x
(verse - Kayda)
Masa kecik selalu tengok mtv kata bila dah besar nak jadi Britney (baby one more time)
Am I able to control my destiny or is the writing’s on the wall? That’s my favourtie CD (survivin’)
At 15 I snuck outta my crib, selalu perform dekat hip hop partays (yea)
dulu letak lagu dalam myspace, sekarang dalam spotify pun cuba nasib (kak long)
I had to cut that controlling boyfriend (omagad), gotta stay focus shutter snappin’ hit the flash,
I realized I deserve a better man (no shit) but right now b**** I don’t give a damn
I learned a lot from all my mistakes say im runnin outta time but it’s never too late (late)
kalau tak suka boleh balik, tak kisah kau pikir aku pelik (tak kisah)
(Chorus)
No sleep I’m always high on life let it flow smoof smoof like Yamazaki (autopilot)
Now Yamaha those keys Yuh yuh I Never run out of melodies (omagad)
wanna stay fresh like sashimi, Japanese drip oishii (filet)
mm mm
tho I ain’t been to Harajuku, but I’m down if u wanna come with me
Down if you wanna come with me 4x
Rap (ish):
Aku rap ninja semasa, datang tepat pada masa, kamu semua buang masa, aku memang – api buat semua basah, aku sedia with my bars, selalu tepat pada masa, fresher than samosa
I did what I did I told her yeah so
Lotta fake s*** actin like I ain’t know
Demons in my head and I got head from every angle
Young God walking on water and Gucci sandals
Fendi on my T my friends see the F as financial
Bebas dengan semua minah-minah aku mau nothing final
Same people lookin up to me were just my idols
My Xfactor be the invoices in my I phone
And that be way before 16 baris
Peluang dia luar can’t be stuck on Autopilot
Peluang di luar, peluang ada saja
Peluang di luar, peluang ada saja ay
(Chorus)
No sleep I’m always high on life let it flow smoof smoof like Yamazaki (autopilot)
Now Yamaha those keys Yuh yuh I Never run out of melodies (omagad)
wanna stay fresh like sashimi, make you wanna say oishii (filet)
mm mm
tho I ain’t been to Japan, but I’m down if u wanna come with me
Down if you wanna come with me 4x
![post-title](https://i.ytimg.com/vi/z-zGg5G8PvI/hqdefault.jpg)
what is api 在 Untyped 對啊我是工程師 Youtube 的精選貼文
Coding vs Programming 軟體工程師在 編碼 or 編程? | 5 Differences between Coding and Programming【電腦說人話】
-
軟體工程師到底在幹嘛?內行外行怎麼說?
Coding? Programming? 程式設計?編碼編程?想到電腦科學就會想到這些詞,但是它們到底是什麼意思?差別又在哪呢?
讓凱心琳告訴你這兩個詞的5大層面的差別!
(Tools 使用工具, Expertise 專業知識, Approach 方法途徑, Outcome 成果產出, Learning 學習過程)
在這個人手好幾台電腦的時代,實在是有好多電腦的詞聽不懂。Cookie 不再是好吃的餅乾,Class不再是學生上的課,Bug 因為非常不一樣的原因而令人討厭。Coding, Programming 兩個詞表面上好像一樣,但是實際上卻截然不同。好多詞不懂~沒關係!讓 Untyped 為你解惑!
【電腦說人話】這個系列是希望透過口語化的方式,透過生活中的例子去介紹一些看似艱澀像外星語但實際上卻不難懂的電腦科學專有名詞。希望能讓曾經對這些詞彙充滿畏懼與疑惑的妳,能夠不再害怕,勇敢學習Computer Science!
【㊫ 電腦科學/軟體工程 學習資源 📖】
全端工程師密技 Full Stack Eng - Career Path (Codecademy)
https://bit.ly/3niTwLN
前端工程師密技 Front End Eng - Career Path (Codecademy)
https://bit.ly/32K1eql
用Scala學習函式程式設計
https://bit.ly/2IF0Thv
Scala 函数式程式設計原理
https://bit.ly/3kBQXTb
平行程式設計
https://bit.ly/3pCeaZf
Android 應用程式開發 專項課程
https://bit.ly/3lGCUwW
普林斯頓大學 電腦科學 演算法 基礎理論
https://bit.ly/3nxomAh
Go 語言學起來
https://bit.ly/35AWhlv
Parallel, Concurrent, and Distributed Programming in Java 專項課程
https://bit.ly/2IGnlH4
Java 軟體工程基礎課程
https://bit.ly/3fa4gJi
全端開發 跨平台手機app 開發 完整課程
https://bit.ly/2UCGWum
#程式設計 #Programming #電腦說人話
一定要看到影片最後面並且在「YouTube影片下方」按讚留言訂閱分享唷!
-
歡迎留言告訴我你的想法,或是你想認識的程式語言唷!
每(隔週)週四晚上9點更新,請記得開啟YouTube🔔通知!
-
【相關連結】
Coding vs Programming
[https://www.codementor.io/@edwardbailey/coding-vs-programming-what-s-the-difference-yr0aeug9o]
[https://www.educba.com/coding-vs-programming/]
[https://www.goodcore.co.uk/blog/coding-vs-programming/]
【愛屋及烏】
Facebook 臉書粉專 👉 [https://www.facebook.com/untyped/]
Instagram 👉 [[https://www.instagram.com/untypedcoding/]
合作邀約 👉 untypedcoding@gmail.com
-
Untyped 對啊我是工程師 - There are so many data types in the world of computer science, so are the people who write the code. We aim to UNTYPE the stereotype of engineers and of how coding is only for a certain type of people.
凱心琳: 一個喜歡電腦科學邏輯推理,在科技圈努力為性別平等奮鬥的女工程師。
-
This video contains affiliate links, which means that if you click on one of the product links, I'll receive a small commission.
圖片影片音效:[giphy.com] [pngwave.com][freesound.org][soundbible.org]
【Disclaimer 聲明】
Some links are affiliated.
上面有些連結是回饋連結,如果你透過這些連結購買商品,我可以得到一些小獎勵,但不會影響到你購買的價格,甚至會是更低的價格!謝謝你的支持💕
![post-title](https://i.ytimg.com/vi/ItWknQTTEx4/hqdefault.jpg)
what is api 在 API - Wikipedia 的相關結果
An application programming interface (API) is a connection between computers or between computer programs. It is a type of software interface, ... ... <看更多>
what is api 在 What is API: Definition, Types, Specifications, Documentation 的相關結果
An API is a set of programming code that enables data transmission between one software product and another. It also contains the terms of this ... ... <看更多>
what is api 在 What is an API? (Application Programming Interface) | MuleSoft 的相關結果
API is the acronym for Application Programming Interface, which is a software intermediary that allows two applications to talk to each other. ... <看更多>