รักออกแบบ รักเขียนโค้ด ชอบแต่งหน้าเว็บ ต้องนี่… “Front-End Developer” 🎨 👨‍💻
.
หนึ่งในอาชีพสายเดฟที่มาแรงไม่แพ้กัน !! แล้วถ้าอยากทำอาชีพนี้จะต้องมีสกิลอะไรบ้าง ? ซึ่งวันนี้แอดได้รวบรวม 10 สกิลสำคัญที่ต้องมีก่อนจะเป็น Front-End Developer มาให้เพื่อน ๆ หรือน้อง ๆ ที่กำลังอยากเริ่มต้นในสายอาชีพนี้ จะมีอะไรบ้าง หากพร้อมแล้วไปดูกันเลยจ้า~~
.
มาเริ่มกันเลย !! 🔥
.
🌟 1) HTML & CSS
ทักษะพื้นฐานที่สำคัญมาก ๆ สำหรับ Front-End Dev เพราะเป็นโครงสร้างของหน้าเว็บ เปรียบเสมือนกระดูกสันหลัง ไม่ว่าจะเป็นการกำหนดรูปแบบอักษร โครงสร้าง การจัดเลย์เอาท์ และอื่น ๆ ซึ่งเราควรเรียนรู้โครงสร้าง วิธีการเขียน และ กฎที่จำเป็นของ HTML และ CSS ก่อนที่จะไปเรียนรู้ส่วนอื่น ๆ ต่อไป ทั้งสองสามารถเรียนรู้ได้ง่าย แต่อาจจะต้องใช้เวลาเพื่อให้มีความเชี่ยวชาญนั่นเอง
.
.
🌟 2) Javascript
ในเมื่อมี HTML และ CSS ที่เป็นเหมือนกระดูกสันหลังของเว็บแล้วนั้น การจะทำให้เว็บมีลูกเล่น มีชีวิตชีวา มีการประมวลผลข้อมูล สิ่งสำคัญที่ต้องมีนั่นคือ JavaScript เพราะมันเป็นเหมือนมันสมองของเว็บไซต์ เพื่อให้เว็บสามารถทำฟังก์ชันต่าง ๆ เพื่อให้เว็บมีการโต้ตอบกับผู้ใช้อย่างมีประสิทธิภาพ และในปัจจุบันก็มี Framework สำหรับ JavaScript มากมาย เช่น React.js, Angular.js, Vue.js และอีกมากมาย ที่ช่วยให้เราสร้างหน้าเว็บได้ง่ายมากยิ่งขึ้น
.
.
🌟 3) ECMA ES6
เป็นมาตรฐานหรือข้อกำหนดในภาษา Scripting ซึ่ง JavaScript ก็จัดเป็นอีกหนึ่งในภาษา Scripting นั่นเอง ซึ่งมีการพัฒนาเปลี่ยนฟีเจอร์ และ Syntax ใหม่ ๆ เพื่อรองรับการเขียนแอปที่มีความซับซ้อนมากขึ้น ซึ่งในปัจจุบันพัฒนามาจนถึง ES6 แล้ว ซึ่ง Front-End Dev จะต้องเรียนรู้โครงสร้างและวิธีการเขียน JavaScript แบบมาตรฐาน ES6 เพราะเป็นสิ่งสำคัญที่ช่วยให้การพัฒนาเว็บมีมาตรฐานมากยิ่งขึ้นนั่นเอง
.
.
🌟 4) DOM / Virtual DOM
DOM (Document Object Model) เป็นวิธีการเก็บ Document ในรูปแบบ Object แบบ Tree Structure และจะใช้ JavaScript เพื่อไปเข้าถึงหรือจัดการ HTML ในแต่ละส่วน แต่เมื่อมีโครงสร้างใหญ่ขึ้นทำให้อาจจะจัดการได้ยาก ส่วน Virtual DOM ก็ถูกพัฒนาขึ้นมาเพื่อเป็นตัวแทนของ DOM จัดการสิ่งต่าง ๆ ได้อย่างรวดเร็ว และไม่ส่งผลกระทบกับ Real DOM นั่นเอง ซึ่ง Front-End Dev จะต้องมีความรู้เกี่ยวกับ DOM / Virtual DOM เพื่อเข้าใจส่วนประกอบ โครงสร้าง องค์ประกอบ และวิธีการแสดงผลของหน้าเว็บอย่างละเอียด เพื่อเพิ่มประสิทธิภาพในการพัฒนาหน้าเว็บนั่นเอง
.
.
🌟 5) Browser Developer Tools
เป็นเครื่องมือต่าง ๆ ที่อยู่บนเบราว์เซอร์ที่จะช่วยให้นักพัฒนาสามารถใช้ประโยชน์เพื่อสร้างและปรับปรุงหน้าเว็บให้มีประสิทธิภาพ นักพัฒนาจะต้องเรียนรู้วิธีการใช้งานเครื่องมือต่าง ๆ เพื่อช่วยให้การทำงานรวดเร็วและง่ายมากขึ้น อย่างเช่น Chrome DevTools จาก Google ที่มีเครื่องมือต่าง ๆ ช่วยในการทดสอบ แสดงผลหน้าเว็บ ดูผลลัพธ์ของ CSS และสามารถแก้ไขเบื้องต้นได้ ซึ่งมันสามารถใช้เป็นแนวทางในการพัฒนาเว็บได้นั่นเอง
.
.
🌟 6) Frameworks และ Libraries
ในปัจจุบันก็มีเครื่องมือต่าง ๆ มากมายที่ช่วยให้การพัฒนาเว็บง่าย สะดวก และประหยัดเวลามากขึ้น และเว็บไซต์ส่วนใหญ่ก็ได้ใช้ Frameworks และ Libraries เพื่อพัฒนาเว็บมีประสิทธิภาพสูงสุด อย่างเช่น React, Angular, Vue ที่เป็น Framework ยอดนิยมมากที่สุดในปัจจุบัน ทั้งสามต่างก็มีข้อดีและข้อจำกัดกันคนละแบบ ขึ้นอยู่กับว่าเรานำไปใช้กับงานแบบใด เลือกอันที่เหมาะกับตัวเอง แล้วไปเริ่มเรียนรู้กันเลย !!
.
.
🌟 7) Version Control
ไม่ว่าจะเป็นเดฟในตำแหน่งใด ก็จะต้องทำงานกับเพื่อนร่วมทีมอย่างแน่นอน การจะทำงานเป็นทีมได้ง่ายและสะดวกมากขึ้น เราก็ต้องรู้จักกับ Version Control เมื่อตอนเราเดฟก็จะต้องมีไฟล์ Source Code ต่าง ๆ มากมายทั้งของเราและเพื่อนร่วมทีม ซึ่งเจ้า Version Control ก็จะเข้ามาช่วยเราในการจัดการ ควบคุม จัดเก็บ Source Code ต่าง ๆ ไว้บน Server ซึ่งในปัจจุบันมีให้เลือกใช้ได้อย่างหลากหลายมาก ไม่ว่าจะเป็น Git, GitHub, GitLab และอื่น ๆ อีกมากมาย
.
.
🌟 8) Test และ Debug
เมื่อเราเดฟแล้วสิ่งสำคัญที่ขาดไม่ได้คือการทดสอบ ซึ่งในที่นี้เราไม่ต้องรู้ Process การทดสอบแบบละเอียดก็ได้ เพราะในบางบริษัทก็จะมีตำแหน่ง Tester แยกอยู่แล้ว ในการทดสอบฝั่งเดฟจะเป็นแบบ Unit Test เพื่อทดสอบว่าแต่ละฟังก์ชันว่าทำงานได้ตามเป้าหมายหรือไม่ เราอาจจะทำการทดสอบเอง หรืออาจจะใช้เครื่องมือเพื่อช่วยให้การทดสอบง่ายขึ้นได้เช่นกัน
.
.
🌟 9) SEO
หัวใจสำคัญสำหรับการทำเว็บ หรือการให้หน้าเว็บติดอันดับ SEO ซึ่งเราจะต้องเรียนรู้สถาปัตยกรรมเว็บไซต์ เพื่อปรับปรุงหน้าเว็บให้ติดอันดับ SEO อยู่เสมอ ไม่ว่าจะเป็นในเรื่องของข้อมูล ความปลอดภัย ประสิทธิภาพ การเข้าถึง และอื่น ๆ อีกมากมาย Front-End Dev ห้ามมองข้ามเด็ดขาด !!
.
.
🌟 10) Performance Analysis
สิ่งสำคัญในการทำเว็บอีกหนึ่งอย่างนั่นคือประสิทธิภาพ ! จะมีหน้าเว็บสวย อลัง ขนาดไหน แต่ถ้ามันทำงานได้ช้า กว่าจะกดปุ่มอะไรแต่ละทีต้องนั่งรอ มันไม่ทันใจวัยรุ่นเอาซะเลย ถ้าเราเป็นผู้ใช้เว็บลองคิดดูว่ามันน่าหัวเสียขนาดไหน เราต้องทำความเข้าใจการควบคุมประสิทธิภาพและการประมวลผลของหน้าเว็บ ฟังก์ชันไหนที่ไม่จำเป็นก็ให้กำจัดออกไป ใส่มาก็ไม่ได้ใช้งาน หรือบางอันก็ลืมลบทำให้เว็บช้าลงไปอีก ซึ่งในปัจจุบันก็มีเครื่องมือต่าง ๆ ที่ช่วยจัดการประสิทธิภาพบนหน้าเว็บให้เลือกใช้อย่างหลากหลาย เลือกสักหนึ่งเครื่องมือ แล้วไปเรียนรู้วิธีการใช้งานเพื่อมาช่วยเพิ่มประสิทธิภาพให้กับเว็บ
.
และทั้งหมดนี้ก็เป็น Hard Skills ที่คนอยากเป็น Front-End Developer ต้องมี และยังต้องมี Soft Skills อื่น ๆ ไม่ว่าจะเป็นทักษะการสื่อสาร การทำงานเป็นทีม การวางแผนงาน เพื่อช่วยให้การทำงานนั้นมีประสิทธิภาพ ซึ่งสกิลเหล่านี้ไม่ว่าจะทำอาชีพไหนก็ต้องมี 😊
.
และพี่ ๆ คนไหนที่กำลังทำอาชีพนี้ แล้วอยากแนะนำหรือบอกอะไรเพิ่มเติม สามารถมาคอมเมนต์พูดคุยกันได้เลยน้า 🥰
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
#frontend #frontenddeveloper #BorntoDev

KEMBARA KERJAYA MDB (SIRI 3)

Pada 1983, saya melanjutkan pelajaran ke Universiti Kuwait di bulan Oktober. Rakan2 seangkatan di Kolej Islam Klang tengah sibuk mempersiapkan diri bagi peperiksaan STPM.

Saya berhasrat untuk cepat2 habis belajar & pulang ke Malaysia. Waktu saya di tahun ketiga, saya telah berkahwin. Isteri terpaksa ditinggalkan di Malaysia kerana sukar mendapat visa tanpa ada visa pekerjaan di Kuwait. Di tahun keempat, terlintas di hati nak sambung belajar Master di Kuwait. Niat pertama nak bawa isteri ke sini. Saya perlukan pekerjaan terlebih dahulu.

Di tahun akhir, saya telah mula mencari pekerjaan separuh masa. Saya ditawarkan bekerja sebagai pengkaji bahasa (باحث لغوي) di sebuah syarikat swasta bernama al-Sakhar. Ia dimiliki & dipimpin seorang usahawan terkenal di Kuwait terkenal dengan panggilan Abu Fahad.

Ia sebuah syarikat pengeluar katrej al-Quran pertama di dunia. Setiap ayat al-Quran ada segala maklumat; ayat al-Quran yang sama @ hampir sama, hadith2 yang relevan & analisa bahasa Arab dari segi nahu, sarf (syntax) & balaghah (kesenian bahasa). Di ofis, terdapat ahli hafazan al-Quran dengan pelbagai cara bacaan, ahli hafazan kitab Sunnah yang menghafal semua kitab Sunan macam air & pakar bahasa Arab. Saya diberikan tugas dalam bahasa Arab. Saya terasa kerdil sangat. Nasib baik, syarikat menyediakan semua jenis kamus & lexicon di pejabat.

Saya bekerja dari pukul 3 sampai 8 malam. Di waktu pagi saya sibuk di Universiti. Pengurusan masa kena tip top. Gaji saya amat lumayan walaupun bekerja separuh masa sebab ini adalah kerja profesional. Bukan semua orang ada kemahiran & kesanggupan.

Masalah utama saya adalah Abu Fahad. Dia seorang yang cenggi (garang). Kalau dipanggjl jumpa, terketar2. Memang dalam sektor pekerjaan, pekerja kena rasa gerun. Tak boleh ambil mudah walaupun boss baik & cool.

Saya amat menghormati beliau. Dia berikan peluang terbaik bagi saya belajar bahasa Arab lebih dalam & juga belajar menjadi pekerja. Beberapa tahun lepas, saya terjumpa anak perempuannya di Malaysia. Saya sampaikan salam kepada ayahnya Abu Fahad.

Masalah kedua ialah saya tidak boleh memohon visa bagi isteri kalau saya bekerja di sektor swasta.

MDB

ref: https://blog.kubecost.com/blog/kubernetes-labels/

本篇文章是一個 Kubernetes Label 介紹文， Kubernetes 的使用者一定都知道 Kubernetes 內的物件很大量依賴 Label 的使用，最基本的用法就是
Deployment 與 Pod 之間是透過 Label 與 LabelSelector 互相溝通的。

Kubernetes 提供兩種不同的方式來為資源打上標記，分別是
1. labels
2. annotations

兩者都是基於 key/value 的方式來設定，不過用途是完全不同。 Label 主要是用來提供辨識的功能，讓使用者可以透過 key/value 的方式來辨識當前的資源，就如同前述提到的 Deployment 與 Pod 的關係。
透過 Label 來標示 Pod，而 Deployment 則透過 LabelSelector 來選擇符合標準的 Pod。

Label 主要有兩大用法
1. Grouping Resource for Queries
2. Bulk Operations.

第一種用法就是前述提到的，將一群資源透過 Label 給標記起來，另外一個則是透過 kubectl 等指令操作時，可以一口氣操作多個資源，譬如
kubectl delete deployment -l environment in (dev,sit)
上述資源可以一口氣將符合 environmnet=dev 以及 environmnet=sit 的 deployment 給一次刪除。

文章中還列舉了其他介紹與學習 Labeling 概念的網站，最後還提到一個使用 Label 上要注意的相關事項
1. 不要將一些會一直改變的資料放到 Label 中
2. 沒有任何理由的話，不要輕易去修改運行資源的 Label 內容
3. Label 本身的設計不是一個 data store，所以不要將一些 Application 的重要資料給存放到 Label 上

對於 Label 這概念想要更深理解的可以參閱全文

ไม่นะ เราได้กินขวาน

► รายละเอียดเพิ่มเติม :
https://minecraft.fandom.com/wiki/Java_Edition_21w19a

► Java 8 กับ Java 16 :
https://advancedweb.hu/a-categorized-list-of-all-java-and-jvm-features-since-jdk-8-to-16/

#SteveKunG #Bundle #SculkSensor

? ถ้าชอบก็อย่าลืมกดซับและกดกระดิ่งด้วยนาจา ?

------------------------------------------------
สวัสดีครับผม ยินดีต้อนรับเข้าสู่ช่อง SteveKunG
ชื่อเล่นผมเบสท์ หรือ ที่เรียก ๆ กันลุงเบสนะครับ
ขอให้สนุกกับการรับชมนะคร๊าบบ xD

ที่สำคัญคอมเมนต์แล้วอย่าลืมให้เกียรติกับผู้อ่านด้วยนะครับ
------------------------------------------------

0:00 Intro
0:13 Bundle/Sculk Sensor/Candle ถูกซ่อน
1:09 Anvil ตั้งชื่อได้สูงสุด 50 ตัวอักษร
1:21 ใช้เชือกลากหมึกได้แล้ว
1:39 Command - /item เปลี่ยน Syntax ใหม่
1:53 Technical - อัปเกรดจาก Java 8 เป็น Java 16
2:23 Datapack - Tag ของบล็อกที่ขุดได้ด้วยเครื่องมือต่าง ๆ
3:33 Datapack - Tag ของบล็อกที่ต้องใช้เครื่องมือ Tier นั้น ๆ ขุด
4:25 Outro

------------------------------------------------
► ข้อมูลการติดต่อ :
Facebook (Fan Page) : https://www.facebook.com/SteveKunGz/
Facebook (Personal) : https://www.facebook.com/wasinthorn.suksri/
Discord : https://discord.gg/54VqgZb
Twitter : https://twitter.com/RealSteveKunG
Instagram : bestkung2542

------------------------------------------------
► แนลสำรอง :
https://www.youtube.com/channel/UCJsXcLV7YqjTHUBFfMNu65w

------------------------------------------------
► Computer Spec and Gaming Gear :
CPU : AMD Ryzen 5 2600 Six-Core 3.40 GHz
RAM : 32 GB
GPU : Palit GTX 1050Ti
OS : Windows 10
Mouse : Razer Deathadder Elite
Keyboard : Razer BlackWidow Chroma V2
Headset : Razer Hammerhead Pro V2
Microphone : Samson Go Mic
Webcam : Logitech C922 Pro HD

------------------------------------------------
Music from https://www.epidemicsound.com/
License: CC BY (http://creativecommons.org/licenses/by/4.0/)

發音課現在到2/25可以打五折!
https://bit.ly/3oltGa9
也可以到我的IG
https://www.instagram.com/brian2taiwan
然後在那邊的貼文留言說哪一下英文發音你特別想學～ 我會再傳一個折扣碼給你 （前500位而已喔～ 大概剩下400個可以送!）

語言學是什麼? 學語言學可以幫你學外語學英文更有效!?

我從小就很愛學語言，到大學的時候我才發現語言學.
語言學可以讓我們學語言不只是靠背單字自己試試看讓發音變標準，而是有一個科學性的技巧可以讓我們更容易學我們想要或需要學的語言.

今天的影片我跟大家分享一下用語言學的角度來學外語可以有哪些幫助、也跟大家簡單解釋語言學的7大方面.

前面我有用我最愛的心理語言學的測驗給大家看我們學語言或是對語言的概念有多少地方還不是很懂.

這個語言實驗的效應叫做 the McGurk Effect 「McGurk 效應」當我們在溝通，不只是我們聽到的會影響我們，看得到也會讓我們聽到不同東西.

如果你們喜歡這種語言學的影片，記得留言讓我知道，我之後可以分享更多好有趣的測驗讓大家很驚訝

#語言學 #學語言 #linguistics

0:00 Mcgurk 效應 McGurk Effect
1:17 語言學是什麼? What is linguistics?
1:58 語音學 Phonetics
2:48 音韻學 Phonology
3:44 心理語言學 Psycholinguistics
4:22 語法學 Syntax
4:54 構詞學 Morphology
6:00 語義學 Semantics
6:31 語用學 Pragmatics
7:43 歷史語言學 Historical Linguistics

มาเรียนรู้กับการเขียนโปรแกรมบนระบบปฏิบัติการที่ขึ้นชื่อว่า "ดีที่สุด" กับ iOS ด้วยภาษา Swift ซึ่งล่าสุดเขาได้ปล่อยตัว SwiftUI ออกมาให้ลองเล่นแล้วว :D
.
ซึ่งถ้าหากใครอยากลองมาศึกษาที่มาที่ไป การใช้งาน SwiftUI ตั้งแต่พื้นฐาน จนสามารถเข้าใจภาพรวม และ ได้แอปเล็ก ๆ ออกมาหละก็ห้ามพลาดกับ "Basic iOS Development with Swift"
.
เรียนรู้กับโครงสร้างรูปแบบใหม่บน SwiftUI ที่ทำให้แอปพลิเคชันของเราดีขึ้น และ เขียนโค้ดน้อยลง ! ด้วยรูปแบบ Declarative syntax, การออกแบบที่ง่ายขึ้นบน Design Tools แบบใหม่ เรื่องราวทั้งหมดนี้คืออนาคตที่สัมผัสได้แล้ววันนี้ !
.
โดยในคอร์สเรียนนี้อยู่ในโครงการ Open Access Academy ที่เปิดให้ทุกคนสามารถเข้าเรียน และ ทำแบบฝึกหัดได้โดยไม่เสียค่าใช้จ่าย ซึ่งเป็นหนึ่งโครงการเพื่อสังคมของบอร์นทูเดฟที่เราเล็งเห็นถึงความสำคัญในการพัฒนาสังคมไทย ให้เป็นสังคมแห่งเทคโนโลยี และ นวัตกรรม
.
?️ อ่านรายละเอียดพร้อมลงทะเบียนได้แล้วที่นี่เลยย
https://www.borntodev.com/basic-ios-development-with-swift/
.
?BorntoDev Channel คือ ช่องยูทูปที่เน้นสาระด้านเทคโนโลยี ไปพร้อมกับความสนุกสนาน และ รอยยิ้มเข้าไว้ด้วยกันทั้งในรูปแบบบทเรียน และ vlog

เพื่อการเปลี่ยนรูปแบบการเรียนรู้ด้านการพัฒนาโปรแกรม และ เทคโนโลยีแบบเดิม ๆ ที่เป็นเรื่องเฉพาะกลุ่มให้เข้าถึง เข้าใจได้ง่ายยิ่งขึ้น โดยพัฒนาเน้นไปที่รูปแบบการนำเสนอใหม่ ๆ ที่เป็นมิตรกับทุกคน

โดยมีผู้ดำเนินรายการหลัก 2 คนคือ

"เปรม BorntoDev" ผู้ชื่นชอบ และ หลงไหลด้านวิทยาศาสตร์ เทคโนโลยี รวมถึงการพัฒนาโปรแกรมเป็นชีวิตจิตใจ มีความสุขมากที่ได้ถ่ายทอด และ แลกเปลี่ยนความรู้ เพราะทำให้นึกถึงสมัยยังเป็นเด็กที่เริ่มต้นเขียนโปรแกรมแล้วได้รับการสนับสนุนจากผู้ใหญ่ใจดีในโลก Internet ที่ไม่เคยเห็นหน้าตากันมาก่อน แต่กลับยินดีแบ่งปันให้กัน

"ไกด์ BorntoDev" ชายผู้ที่บอกว่าเป็นพี่น้องกับคนข้างบนหรือเปล่า คำตอบคือไม่ใช่ แต่เขาสนใจด้านเทคโนโลยี การพัฒนาแอปพลิเคชัน ชอบความสนุก จัดกิจกรรม และ ที่ไม่พลาดคือการซื้อเกมมาดองแล้วไม่ได้เล่น เห็นหน้านิ่ง ๆ แบบนี้ดองเกมใน Steam เป็นแสน ๆ นะบอกเลย

▲ กิจกรรมใน Channel BorntoDev เป็นส่วนหนึ่งในการดำเนินงานของ บริษัท บอร์นทูเดฟ จำกัด ที่เปิดรับ Partners ที่สนใจร่วมเปลี่ยนแปลงให้สังคมไทยเป็นสังคมด้านวิทยาศาสตร์ และ เทคโนโลยีมากยิ่งขึ้น หากคุณสนใจสนับสนุน และ ก้าวไปพร้อมกัน สามารถติดต่อร่วมงานได้แล้ววันนี้

▲ ติดต่อโฆษณา สนับสนุน และ ร่วมงานได้ที่: borntodevth@gmail.com