keyboard_tabSkip to content
Mikelopster
Log InRegister

✦ Learning Path

Frontend

เส้นทางสาย Frontend — เริ่มจากพื้นฐานเว็บ (HTML / CSS / JavaScript) จากซีรีส์ Web Development 101 แล้วต่อยอดสู่ React และ Next.js พร้อม ecosystem รอบ Next.js (Prisma / Supabase / Auth) และ framework ทางเลือก

Introduction to Web devplay_circleพื้นฐาน

Introduction to Web dev

Web Development 101 EP.1

Browser แสดงผลหน้าเว็บออกมาได้ยังไง ?play_circleพื้นฐานoptional

Browser แสดงผลหน้าเว็บออกมาได้ยังไง ?

First step with HTMLplay_circleพื้นฐาน

First step with HTML

Web Development 101 EP.2

เรียนรู้พื้นฐานของ CSSplay_circleพื้นฐาน

เรียนรู้พื้นฐานของ CSS

Web Development 101 EP.3

CSS กับการทำ Responsiveplay_circleพื้นฐาน

CSS กับการทำ Responsive

Web Development 101 EP.4

เรียนรู้พื้นฐาน JavaScriptplay_circleพื้นฐาน

เรียนรู้พื้นฐาน JavaScript

Web Development 101 EP.5

A Brief History of JavaScriptplay_circleพื้นฐานoptional

A Brief History of JavaScript

รู้จักกับ TypeScript และ OOPplay_circleพื้นฐานoptional

รู้จักกับ TypeScript และ OOP

จัดการหน้าเว็บผ่าน DOM และ Eventplay_circleพื้นฐาน

จัดการหน้าเว็บผ่าน DOM และ Event

Web Development 101 EP.6

รู้จัก Canvas ผ่าน Pong Gameplay_circleพื้นฐานoptional

รู้จัก Canvas ผ่าน Pong Game

เชื่อมหน้าเว็บต่อเข้ากับ API (Integration)play_circleพื้นฐาน

เชื่อมหน้าเว็บต่อเข้ากับ API (Integration)

Web Development 101 EP.11

React 18 ฉบับ Guideline แบบด่วนจี๋play_circleReact & Next.js

React 18 ฉบับ Guideline แบบด่วนจี๋

React และ Reduxplay_circleReact & Next.js

React และ Redux

Frontend unit testing (Vitest + React)play_circleReact & Next.jsoptional

Frontend unit testing (Vitest + React)

Storybook และ Component Specificationplay_circleReact & Next.jsoptional

Storybook และ Component Specification

Next.js 14 แบบ Quick overviewplay_circleReact & Next.js

Next.js 14 แบบ Quick overview

Road to Next.js (เส้นทาง Fullstack framework)play_circleReact & Next.jsoptional

Road to Next.js (เส้นทาง Fullstack framework)

Prisma กับ Next.jsplay_circleNext.js Ecosystemoptional

Prisma กับ Next.js

NextAuth และ Prismaplay_circleNext.js Ecosystemoptional

NextAuth และ Prisma

Auth0 (ฉบับ Next.js)play_circleNext.js Ecosystemoptional

Auth0 (ฉบับ Next.js)

Drizzle & Next.js 14play_circleNext.js Ecosystemoptional

Drizzle & Next.js 14

Supabase ด้วย Next.jsplay_circleNext.js Ecosystemoptional

Supabase ด้วย Next.js

Strapi กับ Next.js (ทำเว็บ Blog)play_circleNext.js Ecosystemoptional

Strapi กับ Next.js (ทำเว็บ Blog)

ทำไมต้องใช้ Nuxt เมื่อมี Vue ? (ทางเลือกสาย Vue)play_circleทางเลือกoptional

ทำไมต้องใช้ Nuxt เมื่อมี Vue ? (ทางเลือกสาย Vue)

Svelte และ SvelteKit (ทางเลือก)play_circleทางเลือกoptional

Svelte และ SvelteKit (ทางเลือก)

Astro และ SSG (ทางเลือกสายเว็บ content)play_circleทางเลือกoptional

Astro และ SSG (ทางเลือกสายเว็บ content)

Web Vitals คืออะไร ?play_circleต่อยอดoptional

Web Vitals คืออะไร ?

การทำ Frontend Deploymentplay_circleต่อยอด

การทำ Frontend Deployment