คอร์เรียนเป็นอย่างไร
สื่อการสอนเป็น docs
จุดกลุ่มหน้า สารบัญ เป็นระบบระเบียน
เนื้อหาภาษาไทย
เนื้อหาภาษาไทยที่ยังคงคำทับศัพท์ไว้บ้าง
ตัวอย่างประกอบ
รูปภาพ ภาพเคลื่อนไหว วีดีโอ
วีดีโอสรุปแต่ละคอร์ส
วีดีโอสรุปแต่ละคอร์สที่กระชับ
ทดลองให้เห็นเป็นจริง
ไปทดลองมาให้ แล้วแคปรูปหรืออัดวีดีโอมาให้ดู
ชี้ไปยังแหล่งอ้างอิงเสมอๆ
ชี้ไปทั้งยังแหล่งอ้างอิงภายในเว็บไซต์หรือภายนอก
จัดกลุ่มเนื้อหาเป็นระบบระเบียบ
มีการจัดกลุ่ม เรียงหน้าและสารบัญ
ข้อมูลตาราง
ตารางเปรียบเทียบเพื่อให้เข้าใจได้ครบกว่า
สื่อการสอน
ใช้อีเมลเข้าใช้ได้ทั้ง
ตัวอย่างคอร์สเรียน
เนื้อหาและสไตล์
เนื้อหา
หน้าและการจัดกลุ่ม
หัวข้อและคำอธิบาย
ตัวอย่างภาพประกอบ ตัวอย่างโค้ด
ลิงค์ที่ชี้ยังไปยังหน้าหรือเว็บไซต์อ้างอิง
สไลด์ ประกอบวิดีโอสรุป
วีดียาวสรุป ที่ตัดต่อแล้วเป็นอย่างดี
ภาษา
หัวข้อภาษาอังกฤษ หรือภาษาไทย
รายละเอียดภาษาไทย ที่ทับศัพท์บ้าง
ลักษณะการเขียน
สั้นๆ กระชับ
เห็นภาพ
โปรเจ็คและการสร้างโปรเจ็ค
แหล่งเรียนรู้เพิ่มเติม
HTML
สร้าง Web Structure
วัตถุประสงค์ : เพื่อให้รู้จักว่าอะไรเป็นอะไร สำรวจว่าทำอะไรได้แล้ว ใช้ intellisense ให้เป็น
Introduction
Tooling
Usage
Comment
Debugging
Elements
Attributes
Accessibility
SEO
Search engine
CSS
ใส่ Styles ให้เว็บไซต์สวย ให้ใช้ง่าย
วัตถุประสงค์ : เข้าใจ CSS Fundamental แล้วเข้าใจการออกบบ CSS Design
Introduction
Comment
Properties
Selectors
At-rules
Functions
Debugging
Preprocessor
JavaScript
Programming Language เพื่อทำ User Interactive
วัตถุประสงค์ : เพื่อให้รู้จักว่าอะไรเป็นอะไร สำรวจว่าทำอะไรได้แล้ว ใช้ intellisense ให้เป็น
Introduction
Statement
Scope
Variables
Expression
Operators
Data Type
Conditional
Strict Mode
Comment
Modules
Debugging
Keywords
Functions
Objects
Error handling
Built-in Functions
Built-in Objects
Browser BOM
Document Objects DOM
Git
Version Control เพื่อการจัดการการเปลี่ยนแปลงโค้ดและการทำงานร่วมกัน
วัตถุประสงค์ : เพื่อให้รู้จักคำศัพท์และหน้าที่การทำงาน ไม่ต้องคำคำสั่ง เราจะใช้ผ่าน GUI, TUI
Introduction
Git CLI
Workflows
Initialize
Ignore File
Remote
Branch
Change
Commit
Checkout
Tags
Stash
Checkout
Pull Push
Status
History
Undo Change
Submodules
Merging
Github
Remote Repository สำหรับจัดเก็บโค้ด และทำงานร่วมกัน
วัตถุประสงค์ : เพื่อให้รู้จักคำศัพท์และหน้าที่การทำงาน ไม่ต้องคำคำสั่ง เราจะใช้ผ่าน GUI, TUI
Introduction
Code
Issue
Pull requests
Discussion
Actions
Projects
Security
Insights
Settings
PNPM
Package Manager ที่เร็วสำหรับ Nodejs
Introduction
Installation
Manage Dependencies
Patch Dependencies
Review Dependencies
Run Script
Manage Dependencies
Inspect the store
package.json
.npmrc
pnpm-workspace.yaml
.pnpmfile.cjs
Vue
Progressive JavaScript Framework ที่ง่ายในการทำ UI
Introduction
Tooling
Usage
Comment
Debugging
Elements
Attributes
Accessibility
SEO
Search engine
Nuxt
Fullstack web framework ที่เขียนด้วย Vue
Introduction
Tooling
Usage
Comment
Debugging
Elements
Attributes
Accessibility
SEO
Search engine
Nodejs
JavaScript Runtime รัน JavaScript บน Server
Introduction
Tooling
Usage
Comment
Debugging
Elements
Attributes
Accessibility
SEO
Search engine
Vitepress
สร้าง Web Structure
Introduction
Tooling
Usage
Comment
Debugging
Elements
Attributes
Accessibility
SEO
Search engine
Figma
Prototype Tools สำหรับทำ Design System
Introduction
Tooling
Usage
Comment
Debugging
Elements
Attributes
Accessibility
SEO
Search engine
Framer
Nocode Website เพียงแค่ออกแบบและ Publish ก็ได้เว็บไซต์
Introduction
Tooling
Usage
Comment
Debugging
Elements
Attributes
Accessibility
SEO
Search engine
Obsidian
Noting App ที่ฟรี เร็ว ใช้ง่าย มี Plugins ให้ติดตั้งหลากหลาย
Introduction
Tooling
Usage
Comment
Debugging
Elements
Attributes
Accessibility
SEO
Search engine
Clickup
จัดการงานและทำงานร่วมกัน Clickup
Introduction
Tooling
Usage
Comment
Debugging
Elements
Attributes
Accessibility
SEO
Search engine
Vitepress
สร้าง Docs สวยๆด้วย Markdown ปรับแต่งด้วย Vue
Introduction
Tooling
Usage
Comment
Debugging
Elements
Attributes
Accessibility
SEO
Search engine
Cloudflare
Static Web Hosting ที่ประสิทธิภาพสูง ราคาไม่ต้องจ่าย
Introduction
Tooling
Usage
Comment
Debugging
Elements
Attributes
Accessibility
SEO
Search engine
Stripe
สร้าง Web Structure
Introduction
Tooling
Usage
Comment
Debugging
Elements
Attributes
Accessibility
SEO
Search engine
Wordpress
CMS ทำเว็บไซต์เพื่อธุรกิจ
Introduction
Installation
Dashbaord
Posts
Media
Comment
Pages
Appearance
Plugins
Users
Tools
Settings
VSCode
Code Editor ที่ดี ที่ฟรี ที่คนใช้กันเยอะที่สุดในโลก
Introduction
Installation
Settings
Keyboard Shotcuts
Terminal
Menu
Panel
Profile
Problems
Output
Command Palette
Search
Testing
Run and Debug
Extensions