💡 น้อง ๆ หลายคนได้ถามแอดเข้ามา ถ้าอยากเป็น 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 - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有2部Youtube影片,追蹤數超過14萬的網紅GIGAZINE,也在其Youtube影片中提到,http://gigazine.net/news/20141106-3d-html-css/ HTMLとCSSで3D空間を作成、カメラを動かして空間内を動き回ることも可能にした「CSS FPS」 - GIGAZINE...
「html style css」的推薦目錄:
- 關於html style css 在 BorntoDev Facebook 的精選貼文
- 關於html style css 在 軟體開發學習資訊分享 Facebook 的最佳貼文
- 關於html style css 在 เกมถูกบอกด้วย v.2 Facebook 的最佳解答
- 關於html style css 在 GIGAZINE Youtube 的最讚貼文
- 關於html style css 在 GIGAZINE Youtube 的最讚貼文
- 關於html style css 在 Google HTML/CSS Style Guide 的評價
- 關於html style css 在 6: How Do We Include CSS In Our HTML | Basics ... - YouTube 的評價
- 關於html style css 在 External CSS is not working when linked with HTML 的評價
- 關於html style css 在 airbnb/css: A mostly reasonable approach to CSS and Sass. 的評價
html style css 在 軟體開發學習資訊分享 Facebook 的最佳貼文
CSS -階層式樣式表( Cascading Style Sheets )的縮寫 – 是一種“程式語言”,用於將原始 HTML 頁面變為真正漂亮的網站。
本課程涵蓋了所有內容 – 我們從基礎知識開始(什麼是CSS?它是如何運作的?你如何使用它)? 並逐漸深入再深入。 我們通過展示實例以及背後的理論來做到這一點。
CSS 入門看起來很簡單,但實際上要完全了解 CSS 還蠻有深度的 – 於是本課程提供了不同的“軌道”或“入門點”,以準確地滿足你的需求並適應你當前的知識水準:
✅基礎知識:從零開始,從頭開始學習 CSS。 你從第一講開始,直到最後。
✅高級課程:你已經了解了 CSS 基礎知識,知道選擇器( selectors )是什麼以及它的工作原理,但希望深入了解並學習一些高級功能和用法。
✅專家新知:你也擁有先進的知識,但想深入了解 Flexbox、CSS Grid、CSS Variables 或Sass 等。 這一軌道適合你。
當然,這門課程提供了理論和實踐的例子 – 將在整個課程中建立一個完整的真實專案 – 但也有多個作業、測驗和挑戰,讓你練習在整個課程學習的個別概念。
https://softnshare.com/css-the-complete-guide-incl-flexbox-grid-sass/
html style css 在 เกมถูกบอกด้วย v.2 Facebook 的最佳解答
https://www.humblebundle.com/software/learn-to-code-bundle?partner=ggcp
แพ็คใหม่จาก Humble นะครัช ครั้งนี้คือ HUMBLE LEARN TO CODE BUNDLE รายละเอียดมีดังนี้
.
จ่าย $1 รับ
- Bite-Sized HTML
- Bite-Sized CSS
- Bite-Sized Python
- Intro to Game Development with Unity
- Intro to Java for Mobile Development
.
จ่ายมากกว่า BTA รับเพิ่ม
- The Complete Beginner's JavaScript Course
- Bite-Sized NumPy
- Bite-Sized Pandas
- Reading Data from APIs with Python
- Create Your First 3D Game with Unity
- Intro to RPG Development with Phaser
- Kotlin for Beginners
- iOS App Development for Beginners
.
จ่าย $25 รับเพิ่ม
- Responsive Web Design for Beginners
- Build JavaScript Applications with Vue.js
- Web Scraping with Python and BeautifulSoup
- Beginning SQL - Store and Query Your Data
- The Complete Python Data Visualization Course
- RPG Development - Quest System
- Mobile Game Development for Beginners
- Build a Micro-RPG
- Construct a First Person Shooter
- Craft a Mario-Style Platformer in Phaser 3
- Develop a Top-Down Action RPG with Phaser 3
- The Complete Mobile App Development Course with Flutter
.
รายละเอียดเพิ่มเติมดูที่หน้าร้านค้า
https://www.humblebundle.com/software/learn-to-code-bundle?partner=ggcp
.
อนึ่ง คอร์สสอนออนไลน์
.
อสอง ดีลนี้หมดเวลาในอีก 20 วัน
.
อสาม ก็ตามชื่อแพ็คคือคอร์สสอนเกี่ยวกับการเขียนโค้ดในรูปแบบต่างๆ
.
คอร์สดีราคาถูกแบบนี้
ไม่สอยได้ไงพี่น้องงงงง
https://www.humblebundle.com/software/learn-to-code-bundle?partner=ggcp
-------------------------------
Steam Wallet, Battle.net Code, PSN ซื้อง่าย ได้โค๊ดทันที >> GGKeyStore.com
-------------------------------
Resident Evil 3 Remake ลด 22% เหลือ 1411 บาท (Steam) ดูที่นี่ - http://bit.ly/2T1onA1
html style css 在 GIGAZINE Youtube 的最讚貼文
http://gigazine.net/news/20141106-3d-html-css/
HTMLとCSSで3D空間を作成、カメラを動かして空間内を動き回ることも可能にした「CSS FPS」 - GIGAZINE
html style css 在 GIGAZINE Youtube 的最讚貼文
http://gigazine.net/news/20141106-3d-html-css/
HTMLとCSSで3D空間を作成、カメラを動かして空間内を動き回ることも可能にした「CSS FPS」 - GIGAZINE
html style css 在 6: How Do We Include CSS In Our HTML | Basics ... - YouTube 的推薦與評價
CSS stands for "Cascading Stylesheet", and in this CSS tutorial you w... ... of CSS, what a stylesheet is and how to style our HTML code. ... <看更多>
html style css 在 Google HTML/CSS Style Guide 的推薦與評價
Use a new line for every block, list, or table element, and indent every such child element. Independent of the styling of an element (as CSS allows elements to ... ... <看更多>