SIT HelloWorld Fennec 2022
  • Table Contents
  • Front-end
    • Setup environment
      • Visual Studio Code
      • Node.js
      • Yarn
      • Git
    • HTML
      • Elements และ Tags คืออะไร ?
      • ตัวอย่าง Tag ที่สำคัญ
      • Attributes คืออะไร ?
      • Class & Id attributes
      • โครงสร้าง HTML
    • CSS
      • CSS Selectors
      • Properties
      • CSS Combinators
      • CSS Layout
      • References
    • Responsive: Tailwind
      • Responsive
      • Tailwind
    • Javascript
      • Variables
      • Types
      • Operators
      • Conditions
      • Loops
      • Functions
      • Destructuring
      • Template Literals
      • DOM
      • Node.js
    • GIT
      • ปัญหาของการพัฒนา software
      • Version control คืออะไร
      • Git คืออะไร
    • React
      • Introduction
        • วิธีสร้าง React project
        • JSX
        • Export / Import
      • Components
      • Props
      • Rendering
      • Handling Events
      • State
      • Hooks
        • useState
        • useEffect
  • Web Design
    • Website Elements
      • 1. Keep It Clean
      • 2. Branded Element
      • 3. Responsive
      • 4. Intuitive Navigation
      • 5. Great Content
      • 6. Privacy & Credibility
      • 7. Contact Us Page
    • Adobe Illustrator
      • Adobe Illustrator คืออะไร ใช้ทำอะไร
      • สิทธิ์ในการเข้าถึง Ai ใน KMUTT
      • RGB และ CMYK คืออะไร
      • วิธีการใช้งาน Adobe Illustrator
    • Copyright
      • Copyright คืออะไร?
      • สิ่งที่เป็นการละเมิดลิขสิทธิ์ (Infringement)
      • สิ่งที่ต้องคำนึง ในการออกแบบโลโก้ (Logo design consideration)
      • ประเภทของลิขสิทธิ์ที่พบได้บ่อย (Type of copyright)
      • การใช้ผลงานลิขสิทธิ์
      • รูปลิขสิทธิ์ที่ใช้ฟรี แต่มีข้อยกเว้น
      • ตัวอย่างเว็บไซต์ที่มีการใช้ภาพภายในเว็บปริมาณมาก
    • Figma
      • Feature หลักของ Figma
      • การสมัครบัญชี Figma
      • วิธีการใช้งาน
    • UX/UI
      • UI (User Interface)
        • Responsive Web Design
        • Layout Website
        • UI Design
      • UX (User Experience)
        • Design Thinking
      • ความแตกต่างระหว่าง UX / UI
    • Design System
  • Infrastucture
    • Introduction
      • Infrastructure
      • Virtual Machine
      • Linux
      • VPN
        • วิธี Download VPN SIT
        • วิธีติดตั้ง VPN SIT
        • การเข้าใช้งาน VM
    • Command-line Interface (CLI)
      • ฺBasic commands
    • Version Control System
      • Version Control System Tool
      • Repository
      • Git Basic Command
    • Network Protocol
      • Internet Protocol Suite
      • Types of Protocols
    • Web Server
      • Apache HTTP Server
      • Nginx Web Server
      • Apache Tomcat
    • Docker
    • Node, NVM, NPM, Yarn
  • Game Developement
    • Setup environment
      • Node.js
      • Yarn
      • Visual Studio Code
      • GitHub Desktop
        • การติดตั้ง GitHub Desktop
        • วิธีการรับผลประโยชน์ของนักศึกษา
      • Cmder
    • Game Overview
      • Game คืออะไร ?
      • Game Computer คืออะไร ?🎮
      • หลักการออกแบบเกม
      • สิ่งที่เกมควรมี 🏆
    • GIT
      • Git basic
        • Git คืออะไร ?
        • Git มีประโยชน์อย่างไร ?
        • สถานะต่าง ๆ ของ Git
        • การเรียกใช้งาน Git
      • สิ่งที่ควรรู้ก่อนใช้งาน Git
        • Git Repository
        • Clone
        • Unstaged & Staged
        • Commit
        • Push & Pull
        • Fetch
        • Merge commit
        • Conflict
        • Branch
        • Pull Request
      • สรุปการใช้ Git แบบ Basic
    • Basic Phaser
      • Command Line Interface (CLI)
      • Game Engine
      • Framework
      • JavaScript
      • What’s Phaser
      • Phaser 3 Functions
    • Object
      • ประเภทของ Object
      • Object Collide
      • Layer
      • Hitbox
      • การสร้าง Animation จาก Sprite sheet
    • Input
      • การรับตัว Input
        • Pointer
        • Cursor
        • Key
      • Scene
        • การสร้าง Scene
        • คำสั่งเปลี่ยนหน้า Scene
        • การสร้างปุ่มเปลี่ยน Scene
    • Time Event
      • What’s Loop?
      • Members & Function
      • หลักการเขียน Time Event
Powered by GitBook