💻
JWC13 Learning Resources
  • Home Page
  • 💻Programming Major
    • Learning Agenda
    • Learning Scope
    • 🥼Self-learning Project
    • Website Development Fundamental
      • Semantic HTML 💎
      • CSS 💎
        • CSS Fundamental
        • Flexbox
        • Grid
        • Responsive
        • CSS Frameworks
          • Bootstrap
          • TailwindCSS
      • Javascript 💎
        • Script tag
        • Events
        • DOM
        • JQuery ⭐️
        • Hoisting & Scoping
        • Callbacks
        • Arrays
        • Objects
        • Promise
        • Async
        • Error Handling
    • Intermediate Website Development
      • HTTP Protocol
      • Client Server Architecture
        • Web Server
        • REST API
        • Server-Side Rendering
          • PHP
          • Express & EJS
      • Firebase⭐️
      • Version Control💎
      • Hosting Website
        • Firebase Hosting
        • Netlify
        • Vercel
    • Fullstack Development for Software Engineers
      • Typescript
      • Node.js
      • Rendering Patterns
      • Frameworks & UI Libraries
        • React
        • Next.js
        • SvelteKit
        • Laravel
      • Build Tools
      • Backend Development
        • API Architecture
        • CRUD
        • Cookies & Authentication
        • Containerize
        • Database
          • Object Relational Mapping
          • MongoDB
      • Object Oriented Programming
      • Design Patterns
    • Hands-On Project
      • Next.js Fullstack
      • SvelteKit Fullstack
      • Laravel Fullstack
  • 🎨Design Major
    • 🍄Pre-camp Activity Summary
    • 👀Intro to Figma 101 class
Powered by GitBook
On this page
  • Website Development Fundamental
  • Intermediate Website Development
  • Fullstack Development for Software Engineers

Was this helpful?

  1. Programming Major

Learning Scope

ชี้แจงเกี่ยวกับ Scope เนื้อหาของสาขา Programming

สัญลักษณ์ต่างๆ

  • 💎 จำเป็นต้องรู้สำหรับการทำ Hackathon

  • ⭐️ อาจจะได้ใช้หรือไม่ได้ใช้ใน Hackathon

  • 💯 มีแบบฝึกหัดประกอบเนื้อหาการเรียน

  • 🥼 มี mini project ประกอบหลังบทเรียนให้

เนื้อหาที่จะกล่าวถึงในเอกสารมีดังต่อไปนี้

Website Development Fundamental

เนื้อหาพื้นฐานที่จำเป็นต้องเรียนเกี่ยวกับการเขียนและพัฒนาเว็บไซต์

  • Semantic HTML 💎

  • CSS 💎

    • Display

    • Position

    • Flex

    • Grid

    • Responsive

    • CSS Framework & Libraries 💎

      • Bootstrap

      • TailwindCSS

  • Javascript 💎

    • Script Tags

    • Events

    • DOM Tree & DOM Manipulation

    • JQuery ⭐️

    • Arrays

    • Object

    • Callback

    • setTimeout, setInterval ⭐️

    • Scope & Hoisting ⭐️

    • Mapping, Filtering

    • Promise

    • Async Await

    • Try Catch Block

Intermediate Website Development

เนื้อหาเพิ่มเติมสำหรับน้องๆ ที่มีความแม่นเกี่ยวกับพื้นฐานของการเขียนเว็บไซต์อยู่แล้ว และต้องการจะเรียนรู้ต่อยอดฝีมือของตัวเอง

  • HTTP Protocol

  • Client Server Architecture

    • Web Servers

    • Server-Side Rendering

      • PHP

      • ejs

      • Django

    • REST API

  • Firebase ⭐️

    • Authentication

    • Firestore

  • Version Control 💎

    • Basic Git commands

    • Github, Fork, Pul Request

  • Deploying Website on PaaS platform

Fullstack Development for Software Engineers

เนื้อหาสำหรับน้องๆ ที่สนใจจะต่อยอดฝีมือของตนเองไปในระดับสายอาชีพแบบจริงจังเพื่องานในอนาคต!

  • Typescript

  • Node.js ⭐️

  • Rendering Patterns

  • UI Libraries & Reactivity ⭐️

    • React

    • Svelte

  • Bundling & Build Tools

  • Basic Backend Development (Express)

    • CRUD

    • Authentication

    • ORMs (Prisma)

  • Container Technologies

  • Website Frameworks ⭐️

    • Next.js

    • SvelteKit

    • Laravel

    • Django

  • Object Oriented Programming

  • Design Patterns

  • Code Architecture

PreviousLearning AgendaNextSelf-learning Project

Last updated 11 months ago

Was this helpful?

💻