💡 น้อง ๆ หลายคนได้ถามแอดเข้ามา ถ้าอยากเป็น Web Developer ต้องมีความรู้อะไรบ้าง ?? สำหรับนักศึกษา หรือน้อง ๆ ที่กำลังสนใจอยากทำงานในสายนี้ แล้วยังจับต้นชนปลายไม่ถูกว่าต้องเริ่มเรียนรู้จากอะไรดี ?? มา ๆ แอดจะบอกให้หมดเลยจ้าาา
.
หากพร้อมแล้ว!! ก็ไปอ่านกันเลย 🔥
.
👨💻 ก่อนอื่น เรามาเลือก Text Editor ที่ใช้ในการ Dev กันเลย
.
ในปัจจุบันนี้มีให้เลือกเยอะมาก ที่ฮิต ๆ กัน และแอดว่ามันใช้งานง่าน อยากจะแนะนำเลยก็คือเจ้า Visual Studio Code นั่นเอง โหลดใช้งานได้ฟรี ๆ แถมมี Extensions ที่ช่วยในการเขียนโค้ดมาให้โหลดใช้งานกันแบบฟรี ๆ ด้วยนะ มือใหม่ก็ใช้งานได้ไม่ยาก !!
.
🖥️ เรียนรู้ HTML
.
ก่อนจะเขียนเว็บได้นั้น เราต้องศึกษาเจ้านี่ก่อน แอดจะอธิบายสั้น ๆ เจ้านี่มันย่อมาจาก Hyper Text Markup Language เป็นภาษามาร์กอัปสำหรับใช้แสดงสิ่งต่าง ๆ บนหน้าเว็บนั่นเอง น้อง ๆ มือใหม่ควรเรียนรู้การเขียน และทำความเข้าใจการทำงานของแต่ละ Tag เพราะนี่เป็นพื้นฐานสำคัญสำหรับการเขียนเว็บนั่นเอง
.
✨ เมื่อมี HTML แล้วนั้น เราจะขาด CSS ไปได้อย่างไร…
.
CSS หรือ Cascading Style Sheets เป็นภาษาที่ใช้ในการกำหนดองค์ประกอบ สี เส้น ฟอนต์ และเลย์เอาต์ของหน้าเว็บไซต์นั่นเอง อีกหนึ่งพื้นฐานสำคัญที่คนจะทำเว็บห้ามพลาดเด็ดขาดเลยจ้า
.
👉 และที่ขาดไม่ได้คือ JavaScript นั่นเอง
.
เป็นภาษาที่จะช่วยให้จัดการสิ่งต่าง ๆ ที่ซับซ้อนบนหน้าเว็บได้นั่นเอง !!
.
🔥 สำหรับน้อง ๆ คนไหนสนใจจะเรียนทั้ง 3 ภาษานี้ทางเรามีคลิปดี ๆ มาให้เรียนกับแบบฟรี ๆ เลยจ้า หากสนใจกดลิงค์ด้านล่างเลย
🔹 พื้นฐาน HTML & CSS : https://www.youtube.com/watch?v=ZyicuJiLxoc&list=PLcLc3KmtwXNTWzWg38W2QZ-QiwZbE7bQi
.
🔸 คอร์สเรียนฟรี JavaScript แถมมีใบเซอร์ คลิกเลย !! : https://academy.borntodev.com/p/introduction-to-javascript
.
🌟 เมื่อเราเรียนรู้ทั้ง 3 ภาษาแล้ว เราก็มาเริ่มสร้าง Web กันเลย
.
มาพัฒนาทักษะการเขียนเว็บด้วยการลงมือทำจริง เอาองค์ความรู้ที่เราได้เรียนทั้งหมดมาสร้างเว็บเจ๋ง ๆ ตามที่เราชอบเลย ส่วนใครไอเดียตัน ไม่รู้จะทำเว็บอะไรดี แอดขอแนะนำเว็บนี้ >> https://www.frontendmentor.io/ ที่เขาจะรวบรวมไอเดียดี ๆ ในการทำเว็บไว้แบบเยอะมาก !!
.
⚙️ เรียนรู้การใช้งาน Command line
.
บางครั้งเราอาจจะต้องติดตั้งแพ็คเกจ และ Tools ต่าง ๆ ที่ใช้ในการพัฒนาเว็บ จึงต้องเรียนรู้วิธีการใช้งานเจ้า Command line ไว้บ้างนะ มือใหม่ไม่ต้องกังวล ทางเรามีคอร์สสอนอีกแล้ว ฟรีแถมมีใบเซอร์ให้ด้วยนะ (ข า ยตรง ๆ กันเลย 55555555 🤣)
.
หากใครสนใจ คลิกลิงค์ด้านล่างแล้วไปเรียนกันได้เลยคร้าบบบ ❤️
https://academy.borntodev.com/p/command-prompt-101
.
🌈 และสิ่งที่ขาดไม่ได้เลยคือ Git และ GitHub นั่นเอง
.
Git เป็น Version Control เพื่อจัดการทุกอย่างในโครงการไม่ว่าจะเป็น รักษาไฟล์ ติดตามสถานะของไฟล์ ทำงานได้ตั้งแต่โครงการขนาดเล็กไปจนขนาดใหญ่ มีความเร็ว และมีประสิทธิภาพมาก
.
💻 GitHub เป็นผู้ให้บริการ Internet Hosting สำหรับ Software Development โดยใช้ Git ในการควบคุมนั่นเอง ช่วยจัดการ Source Code ของเราได้อย่างมีประสิทธิภาพ แถมยังเปิดให้ใช้งานกันฟรี ๆ ด้วยนะ
.
💼 เมื่อเรียนรู้หมดแล้ว ก็ลุยสมัครงานกันเลย !!
.
ใช้ความรู้ที่เรียนมาทั้งหมด เก็บผลงาน และเตรียมพร้อมเข้าสู่อาชีพในฝันกันเลย ~~
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有1部Youtube影片,追蹤數超過11萬的網紅byBirth,也在其Youtube影片中提到,Please click on the CAPTIONS button for English Subtitles! Thank you so much for watching!! Share, like, Subscribe and ENJOY! In this SNS-era, there ...
「markup language」的推薦目錄:
- 關於markup language 在 BorntoDev Facebook 的最讚貼文
- 關於markup language 在 BorntoDev Facebook 的精選貼文
- 關於markup language 在 BorntoDev Facebook 的最佳貼文
- 關於markup language 在 byBirth Youtube 的精選貼文
- 關於markup language 在 Wiki markup language with excellent table support - Stack ... 的評價
- 關於markup language 在 HTML: The Markup Language (an HTML language reference) 的評價
markup language 在 BorntoDev Facebook 的精選貼文
💡 หลาย ๆ คนคงอาจจะเคยใช้งาน JSON กันมาบ้างแล้ว..แล้วรู้หรือไม่มันมีการเก็บข้อมูลรูปแบบอื่น ๆ นอกจาก JSON ด้วยนะ !! มันก็คือออ XML นั่นเอง
.
❓ แล้วมันคืออะไร มีรูปแบบยังไง วันนี้แอดมาสรุปให้เพื่อน ๆ อ่านกันแล้วจ้า จะเป็นยังไงนั้นไปดูกันโลดดด !!
.
🌈 Extensible Markup Language (XML) คือ ภาษาที่เอาไว้ใช้สำหรับเก็บข้อมูล มีโครงสร้างที่ประกอบด้วยแท็กเปิด และแท็กปิด คล้ายกับ HTML แต่ XML สามารถสร้างแท็กรวมทั้งกำหนดโครงสร้างของข้อมูลได้เอง
.
👉 สามารถใช้เป็นตัวควบคุมข้อมูล (Meta data) เป็นแนวทางในการขนส่งข้อมูล และสร้างการเชื่อมโยงระหว่างแอปพลิเคชั่นได้ง่าย นิยมนำไปใช้ร่วมกับภาษาอื่น เช่น HTML, JSP, PHP, ASP หรือภาษาอื่น ๆ ที่สนับสนุน XML
.
📑 ตัวอย่าง
Don't forget me this weekend!
.
✨ เป็นยังไงกันบ้าง?? พอจะเข้าใจ และรู้แล้วเนอะว่าเจ้า XML นั้นคืออะไร มีรูปแบบยังไง หวังว่าเนื้อหานี้จะเป็นประโยชน์กับเพื่อน ๆ นะ หากใครมีอะไรอยากเพิ่มเติม สามารถคอมเมนต์ไว้ที่ด้านล่างได้เลย
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
markup language 在 BorntoDev Facebook 的最佳貼文
🔥🔥 "เขียนโปรแกรม มันง่าย ๆ เพราะตอนเด็ก ๆ ก็ยังเขียน HTML ได้เลย"
.
เดี๋ยววววว หนู ใจเย็นนะลูกกก 🤣
.
เพราะ "HTML" มาจาก Hypertext Markup Language ซึ่งก็ตามชื่อ ภาษานี้เป็นภาษารูปแบบ Markup Language
.
📌 โดยเจ้าภาษารูปแบบนี้จะเอาไว้เน้นโครงสร้างหรือการแสดงผลนั่นเอง โดยมันก็จะแตกต่างกับ Programming Language หรือ ภาษาโปรแกรม
.
ที่เอาไว้กำหนดการทำงานต่าง ๆ ของระบบคอมพิวเตอร์ หรือ แอปพลิเคชันนั่นเองฮะ <3
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
markup language 在 byBirth Youtube 的精選貼文
Please click on the CAPTIONS button for English Subtitles!
Thank you so much for watching!! Share, like, Subscribe and ENJOY!
In this SNS-era, there are many girls who are not good at being taken pictures. You should be looking cute especially when you take group photos. Nobody is wishing the worst photos to be uploaded and floating around among friends. Junko Onagi from “ar girl” magazine is the savior to teach the markup techniques to be looking good in pictures.
POINT
●POINT1 The sponge absolves the excess liquid foundation and creates sheer coverage also, it blends into your skin color well and you can achieve beautiful finish.
●POINT2 Apply cream cheek color first and that will keep the brightness on the cheek and that will look good in the picture.
●POINT3 Create a flushed cheek slightly above your cheekbone.
●POINT4 The eyelash extensions have volume, so use the volume type mascara on your lower lashes. Choose the water resistant separate type mascara to get impressive lashes.
●POINT5 Choose deep bright lip color for the photo shoot.
Life changes by Makeup.
http://godmake.me/
markup language 在 HTML: The Markup Language (an HTML language reference) 的推薦與評價
This non-normative reference describes the HTML markup language and provides details to help producers of HTML content create documents that ... ... <看更多>
markup language 在 Wiki markup language with excellent table support - Stack ... 的推薦與評價
... <看更多>
相關內容