ราคาเข้าสู่ระบบเริ่มฟรี
ไอคอนแอป เรียน CSS: ลงมือทำจริง

เรียน CSS: ลงมือทำจริง

การศึกษา · ฟรี · iOS & Android · CoddyKit

เรียน CSS: ลงมือทำจริง — ฝึกเขียน CSS พร้อมเครื่องมือแก้ไข HTML และ CSS แบบเรียลไทม์บนโทรศัพท์ของคุณ

เรียน CSS: ลงมือทำจริง คือ แอป iOS และ Android ฟรี สำหรับผู้เริ่มต้นอย่างแท้จริง นักออกแบบ และผู้ที่ต้องการเปลี่ยนสายอาชีพที่อยากเรียนรู้การเขียน CSS ด้วยการลงมือทำบนโทรศัพท์ของตนเอง เครื่องมือแก้ไข HTML และ CSS แบบเรียลไทม์ จะแสดงตัวอย่างหน้าเว็บของคุณทันที และ 40 หลักสูตร จะพาคุณเรียนตั้งแต่ selectors และ box model ไปจนถึง flexbox, grid, animation และ responsive layout พร้อม 20 โปรเจกต์ออกแบบแบบมีคำแนะนำ และภารกิจตามหา bug อีก 20 ภารกิจ

App Store — ดาวน์โหลดฟรีGoogle Play — ดาวน์โหลดฟรี
ราคา
ฟรี อัปเกรดเป็น Pro
แพลตฟอร์ม
iOS และ Android
ภาษา
22
การจัดอันดับอายุ
4+
ต้องใช้
iOS 15.1 ขึ้นไป
หน้าหลักของ เรียน CSS: ลงมือทำจริง (อินเทอร์เฟซภาษาอาหรับ) พร้อมการ์ด CSS Academy ปุ่มเริ่มบทเรียนแรก เป้าหมายประจำวัน ปุ่ม World Coding Challenge และปุ่ม Ask Mentorแท็บ Challenge ของ เรียน CSS: ลงมือทำจริง (อินเทอร์เฟซภาษาอาหรับ) พร้อมตัวนับถอยหลัง World Coding Challenge และชาเลนจ์ของคอร์ส CSS ที่กำลังเรียนอยู่
40หลักสูตร ระดับ A1 ถึง C1
แบบเรียลไทม์เครื่องมือแก้ไข HTML และ CSS
20โปรเจกต์ออกแบบแบบมีคำแนะนำ
property จะย้ายกล่อง หรือไม่ก็ไม่ย้าย

CSS ให้ผลลัพธ์เร็วกว่าสิ่งอื่นแทบทุกอย่างที่คุณสามารถเรียนรู้เพื่อเขียนโค้ดได้: เปลี่ยนค่าเพียงค่าเดียว แล้วหน้าเว็บตรงหน้าคุณจะขยับหรือไม่ก็ไม่ขยับ ตัวอย่างแบบทันทีของเครื่องมือแก้ไขสร้างขึ้นบนข้อเท็จจริงนี้ — คุณไม่ต้องรอดูว่า rule ทำงานหรือไม่ แต่จะเห็นมันเกิดขึ้นต่อหน้า

คืออะไร

เรียน CSS: ลงมือทำจริง คือแอปการศึกษาฟรีสำหรับ iOS และ Android ที่สอน CSS ตั้งแต่ selector แรก ไปจนถึง responsive layout, animation และรูปแบบการออกแบบสมัยใหม่ พร้อมเครื่องมือแก้ไข HTML และ CSS แบบเรียลไทม์ที่แสดงตัวอย่างหน้าเว็บของคุณขณะพิมพ์ หลักสูตรทั้ง 40 หลักสูตรครอบคลุม box model, flexbox, grid, responsive design และ cascade โดยมีโปรเจกต์แบบมีคำแนะนำ 20 โปรเจกต์ ภารกิจตามหา bug 20 ภารกิจ และ AI Mentor สำหรับทุกกรณีที่การแสดงผลไม่เป็นไปตามที่คุณคาดไว้

ภายในแอป

หน้าตาเป็นอย่างไร

หน้าหลักของ เรียน CSS: ลงมือทำจริง (อินเทอร์เฟซภาษาอาหรับ) พร้อมการ์ด CSS Academy ปุ่มเริ่มบทเรียนแรก เป้าหมายประจำวัน ปุ่ม World Coding Challenge และปุ่ม Ask Mentor
หน้าหลักหน้าหลักจะแสดงการ์ดหลักสูตร CSS พร้อมปุ่มเริ่มบทเรียนแรก ระดับและเป้าหมายประจำวันของคุณ ปุ่ม World Coding Challenge รวมถึงปุ่ม Ask Mentor และ Generate Your Lesson ที่กดได้ในครั้งเดียว (แสดงในภาพด้วยอินเทอร์เฟซภาษาอาหรับ)
แท็บ Challenge ของ เรียน CSS: ลงมือทำจริง (อินเทอร์เฟซภาษาอาหรับ) พร้อมตัวนับถอยหลัง World Coding Challenge และชาเลนจ์ของคอร์ส CSS ที่กำลังเรียนอยู่
ชาเลนจ์แท็บ Challenge แสดงตัวนับถอยหลังของ World Coding Challenge ชาเลนจ์สำหรับคอร์สที่กำลังเรียนอยู่ และลิงก์ไปยังรายการชาเลนจ์ทั้งหมด (ในภาพนี้ใช้อินเทอร์เฟซภาษาอาหรับ)
Code editor with style.css open showing body, h1 and .card rules, next to an index.html tab, with New Project, My Codes and Run buttons
Code editorThe built-in editor with style.css and index.html tabs: edit the rules for body, headings and a card, then run the page with one tap.
AI chat screen asking How can I help you, with suggested prompts to explain key concepts, give tips, quiz you and create a learning roadmap
AI chatThe AI chat answers coding questions and starts from suggestions: explain the key concepts, share tips, quiz you or build a learning roadmap.
Coding Challenges screen with a challenge search, Join with Code, category filters and the active CSS course challenge
ChallengesCoding Challenges: search challenges, join a match with a code, filter by area and start one from your active CSS course.

คอร์ส

คอร์ส CSS ครอบคลุมอะไรบ้าง

40 คอร์ส 159 บทเรียน จากรายการคอร์สภายในแอป ตั้งแต่ selector แรก ไปจนถึง container queries, Sass และรูปแบบเลย์เอาต์สมัยใหม่

  1. ไวยากรณ์ สี และตัวอักษร

    CSS Syntax & Selectors, Colors & Backgrounds, Typography & Text, CSS Units & Values, Pseudo-classes และ Pseudo-elements

  2. Box Model และการจัดตำแหน่ง

    The Box Model, Display Properties, Positioning Essentials และ Scroll & Overflow — สี่คอร์สที่ช่วยแก้ความสับสนเรื่องเลย์เอาต์ของผู้เริ่มต้นได้มากที่สุด

  3. Flexbox และ Grid

    Flexbox Fundamentals, Advanced Flexbox, CSS Grid Basics, Advanced Grid และ CSS Logical Properties

  4. การออกแบบแบบ Responsive

    Responsive Design, Media Queries, Container Queries และ Dark Mode & Color Schemes

  5. การเคลื่อนไหวและเอฟเฟกต์ภาพ

    CSS Transitions, CSS Animations & Keyframes, CSS Transforms, Filters & Blend Modes และ CSS Shapes & Clip-path

  6. Cascade และ CSS สมัยใหม่

    Specificity & Cascade, CSS Variables, CSS Functions, CSS Layers (@layer), CSS Houdini และ CSS Future

  7. สถาปัตยกรรมและเครื่องมือ

    CSS Architecture & BEM, Sass Preprocessor, PostCSS & CSS Tooling, CSS-in-JS Patterns, Design Tokens & Theming, CSS Debugging & DevTools, CSS Testing, CSS Component Patterns, Modern Layout Patterns และ CSS Performance

อ่านคอร์สฟรีบนเว็บไซต์ →

ทำงานอย่างไร

เซสชันในเครื่องมือแก้ไขทำงานอย่างไร

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

  1. อ่านแนวคิด CSS หนึ่งเรื่อง แล้วเปิดเครื่องมือแก้ไข

    บทเรียนสั้น ๆ จะครอบคลุมแนวคิดเดียว — selector, flex property หรือ media query — แล้วให้คุณใช้เครื่องมือแก้ไข HTML และ CSS แบบวางคู่กัน พร้อมแผงตัวอย่างแบบทันที

  2. เปลี่ยนค่า แล้วดูหน้าเว็บขยับ

    พิมพ์ rule จากบทเรียน แล้วตัวอย่างจะอัปเดตทันที หากคุณใช้ box model หรือ flex property ผิด ตัวอย่างจะแสดงให้เห็นอย่างชัดเจนว่าส่งผลอย่างไร นี่คือวงจรป้อนกลับที่ทำให้ CSS เป็นหนึ่งในสิ่งที่เห็นผลลัพธ์ได้เร็วที่สุด และแอปนี้สร้างขึ้นเพื่อให้คุณใช้ประโยชน์จากวงจรนี้ แทนที่จะเพียงอธิบายให้ฟัง

  3. สร้างโปรเจกต์หรือตามหา bug แล้วถามเมื่อเจอทางตัน

    โปรเจกต์แบบมีคำแนะนำ 20 โปรเจกต์ — toolbar, card grid, sticky header และปุ่มที่เต้นเป็นจังหวะ — รวมถึงภารกิจตามหา bug 20 ภารกิจจะต่อยอดจากบทเรียน เช่น card ที่กว้างกว่าคอลัมน์ 42px หรือ media query ที่ไม่ทำงานเลย เมื่อ layout ยังไม่แสดงผลตามต้องการ AI Mentor จะอธิบายแนวคิด ข้อผิดพลาด หรือโค้ดของคุณเอง

มีอะไรอยู่ข้างใน

สิ่งที่มาพร้อมกับแอป

40

หลักสูตร ระดับ A1 ถึง C1

บทเรียน 159 บทจาก 40 หลักสูตร ครอบคลุมตั้งแต่ syntax และ selectors ผ่าน box model, flexbox และ grid ไปจนถึง responsive design, animation, Sass, PostCSS และรูปแบบ layout สมัยใหม่

แบบเรียลไทม์

เครื่องมือแก้ไข HTML และ CSS

เครื่องมือแก้ไขที่แสดง HTML และ CSS ของคุณวางคู่กัน พร้อมตัวอย่างแบบทันที สำหรับเรียนไปพร้อมกับบทเรียนหรือลองสร้างหน้าเว็บของคุณเอง

20

โปรเจกต์ออกแบบแบบมีคำแนะนำ

toolbar, card grid, sticky header, ปุ่มที่เต้นเป็นจังหวะ และอีกมากมาย สร้างทีละขั้นตอนแทนการคัดลอกมาทั้งชุด

Bug Hunt

ภารกิจตามหา bug 20 ภารกิจ

bug ด้าน layout จริงที่ต้องค้นหาและแก้ไข — card ที่กว้างกว่าคอลัมน์ 42px, media query ที่ไม่ทำงานบนโทรศัพท์ หรือ modal ที่ค้างอยู่ด้านหลังหน้าเว็บ

AI

AI Mentor

ถามเกี่ยวกับ layout, property หรือโค้ดของคุณเองได้ ส่วน Pro ยังเพิ่ม AI playground ที่เปลี่ยนคำอธิบายหน้าเว็บให้เป็น HTML และ CSS จริง

ใบรับรอง

ใบรับรองการเรียนจบ

การสอบปลายหลักสูตรและใบรับรองการเรียนจบ พร้อม cheat sheet ที่รวบรวม properties และ selectors 69 รายการ รวมถึงคำถามสัมภาษณ์งาน front-end 50 ข้อพร้อมคำตอบ

เบื้องหลัง

CSS คืออะไร และส่วนไหนที่ทำให้ผู้เริ่มต้นพบปัญหาจริง ๆ?

CSS คือภาษาที่กำหนดลักษณะของหน้าเว็บ HTML ใช้ระบุเนื้อหา — หัวเรื่อง รายการ รูปภาพ — ส่วน CSS เป็นตัวกำหนดสี ระยะห่าง รูปแบบตัวอักษร และตำแหน่งบนหน้าจอ ความหงุดหงิดในช่วงเริ่มต้นกับ CSS แทบทั้งหมดมาจากหนึ่งในสามเรื่องนี้: box model (padding และ borders ทำให้ element ใหญ่กว่าตัวเลขที่คุณพิมพ์), specificity (rule ที่คุณไม่คาดคิดมา override rule ของคุณ) หรือการเลือกใช้ระบบ layout ผิด (พยายามสร้างหน้าสองมิติด้วยเครื่องมือที่ออกแบบมาสำหรับแถวเดียว)

Box modelทำไมระยะห่างถึงทำให้ประหลาดใจ

ทุก element คือกล่องที่ประกอบด้วย content, padding, border และ margin เรียงซ้อนล้อมรอบกัน โดยค่าเริ่มต้น padding และ border จะถูกบวกเพิ่มเข้าไปใน width ที่ประกาศไว้ของ element แทนที่จะกินพื้นที่ภายใน นี่คือสาเหตุที่พบบ่อยที่สุดที่ทำให้กล่องกว้างกว่าตัวเลขที่คุณตั้งไว้

Specificity และ cascadeทำไม rule ถึงถูกละเลย

เมื่อ CSS rules สองรายการกำหนดเป้าหมายไปยัง element เดียวกัน เบราว์เซอร์จะเลือกใช้รายการหนึ่งโดยพิจารณาจาก specificity — พูดง่าย ๆ คือ selector ถูกเขียนอย่างเจาะจงแค่ไหน — ไม่ใช่ดูว่า rule ไหนอยู่ก่อนในไฟล์ Rule ที่ดูถูกต้องแต่กำลังแพ้ให้กับ rule ที่มีความเฉพาะเจาะจงมากกว่าซึ่งอยู่ที่อื่น มักเป็นสาเหตุของความสับสน

Flexboxlayout แบบมิติเดียว

ระบบ layout สำหรับจัดเรียงรายการต่าง ๆ ไปตามแถวหรือคอลัมน์เดียว และกระจายพื้นที่ที่เหลือระหว่างรายการเหล่านั้น — เช่น แถบนำทางหรือแถวปุ่ม ระบบนี้เข้ามาแทนที่เทคนิคแก้ปัญหา layout ด้วย float ที่ใช้กันมาหลายปี และมักเป็นเครื่องมือ layout จริงจังชิ้นแรกที่ผู้เริ่มต้นเรียนรู้

Gridlayout แบบสองมิติ

ระบบ layout ที่กำหนดทั้งแถวและคอลัมน์พร้อมกัน ทำให้วางรายการลงใน grid จริง ๆ แทนการใช้ margin ขยับให้เข้าตำแหน่ง โดยปกติ layout ระดับหน้าเว็บสมัยใหม่จะสร้างด้วยระบบนี้มากกว่า flexbox ซึ่งเหมาะกับการจัดวางในแถวเดียวมากกว่า

เหมาะกับคุณไหม

เหมาะกับใคร — และไม่เหมาะกับใคร

เหมาะกับคุณหากคุณ

  • ไม่เคยเขียน stylesheet มาก่อน และอยากเห็นกฎเปลี่ยนหน้าเว็บก่อนเรียนรู้ทฤษฎีเบื้องหลัง
  • เป็นนักออกแบบที่อยากจัดสไตล์หน้าเว็บด้วยตัวเอง แทนการส่งต่อ mockup ให้ผู้อื่น
  • รู้จัก HTML อยู่บ้าง และอยากเข้าใจ flexbox, grid รวมถึงเหตุผลที่บางครั้งเลย์เอาต์ไม่แสดงผลอย่างที่คิดเสียที
  • อยากทำโปรเจกต์ออกแบบที่มีคำแนะนำและแก้บั๊กจริง ไม่ใช่แค่ตอบคำถามแบบปรนัยเกี่ยวกับ property ต่าง ๆ
  • กำลังเปลี่ยนสายอาชีพหรือเป็นนักศึกษาที่เตรียมตัวสัมภาษณ์งานด้าน front-end

ไม่ใช่เครื่องมือที่เหมาะ หากคุณ

  • ต้องการให้ editor ใช้งานได้โดยไม่ต้องเชื่อมต่ออินเทอร์เน็ตเลย — แต่ instant preview จำเป็นต้องมีการเชื่อมต่อโดยเฉพาะ
  • คาดหวังให้ทุกอย่างฟรี: คอร์สแรก โปรเจกต์แรก สองภารกิจ และ editor ใช้งานได้ฟรี ส่วน Pro จะปลดล็อกเนื้อหาที่เหลือ
  • ใช้งาน flexbox, grid และ cascade ได้คล่องอยู่แล้ว และต้องการเนื้อหาอ้างอิงเชิงลึกมากกว่าคอร์ส
  • ต้องการวุฒิการศึกษาที่ได้รับการรับรอง — ใบรับรองนี้เป็นใบรับรองการเรียนจบ ไม่ใช่คุณวุฒิอย่างเป็นทางการ

คำถาม

คำถามที่พบบ่อย

ทำไมเลย์เอาต์ CSS ของฉันถึงไม่แสดงผลอย่างที่คาดไว้

ปัญหาเลย์เอาต์ของผู้เริ่มต้นส่วนใหญ่เกิดจากสามจุด The box model: โดยค่าเริ่มต้น padding และ border จะถูกนำไปบวกกับความกว้างที่ประกาศไว้ของ element ทำให้กล่องมีความกว้างมากกว่าตัวเลขที่คุณพิมพ์ไว้ Specificity: rule ที่มีความเฉพาะเจาะจงมากกว่าจากที่อื่นกำลัง override rule ของคุณอย่างเงียบ ๆ และเครื่องมือจัดเลย์เอาต์ที่เลือกใช้ไม่ถูกต้อง: พยายามสร้างหน้าแบบสองมิติด้วย flexbox ทั้งที่ flexbox ออกแบบมาสำหรับแถวเดียว เรียน CSS: ลงมือทำจริง เรียงลำดับคอร์สเพื่อให้เข้าใจทั้งสามเรื่องนี้ตามลำดับ แทนที่จะต้องลองผิดลองถูกจนค้นพบเอง

ต้องรู้ HTML ก่อนเรียน CSS หรือไม่

รู้เพียงเล็กน้อยก็พอ และคุณสามารถเรียนรู้ควบคู่ไปกับบทเรียนได้ ไม่จำเป็นต้องเรียน HTML ให้จบก่อน CSS ใช้อธิบายวิธีแสดงผลของ element ใน HTML ดังนั้นแค่รู้ว่าหน้าเว็บประกอบด้วย element ต่าง ๆ เช่น headings, paragraphs, lists และ images ก็มีพื้นฐานเพียงพอที่จะเริ่มต้นแล้ว live editor ของแอปจะแสดงทั้ง HTML และ CSS พร้อมกัน ทำให้เห็นความเชื่อมโยงระหว่างทั้งสองอย่างตั้งแต่บทเรียนแรก

flexbox กับ grid ต่างกันอย่างไร และควรใช้แต่ละอย่างเมื่อไร

Flexbox จัดเรียงรายการต่าง ๆ บนแนวเส้นเดียว เช่น แถวปุ่มหรือแถบนำทาง และกระจายพื้นที่ที่เหลือตามแกนเดียวกันนั้น Grid กำหนดทั้งแถวและคอลัมน์พร้อมกัน คุณจึงวางรายการลงในตารางสองมิติจริง ๆ แทนการขยับด้วย margin โดยทั่วไปเลย์เอาต์ระดับหน้าเว็บจะใช้ grid ส่วนแถวของ control ภายในเลย์เอาต์นั้นมักใช้ flexbox และคอร์สจะสอนทั้งสองอย่างก่อนให้คุณตัดสินใจเลือกใช้เอง

ทำไม rule ที่มีความเฉพาะเจาะจงมากกว่าจึงชนะได้ในบางครั้ง แม้ rule ของฉันจะอยู่ทีหลังในไฟล์

CSS จัดการ rule ที่ขัดแย้งกันโดยพิจารณา specificity ก่อน และลำดับในซอร์สโค้ดเป็นอันดับถัดมา selector แบบ ID ชนะ selector แบบ class และ class ชนะ selector ของ element ธรรมดา ไม่ว่าจะปรากฏอยู่ตรงไหนใน stylesheet ก็ตาม นี่คือเหตุผลที่ rule ซึ่งดูถูกต้องยังแพ้ให้กับ rule ที่คุณลืมไว้ที่อื่นได้ — คอร์ส Specificity & Cascade ในแอปมีไว้เพื่อทำให้ลำดับนี้คาดเดาได้ แทนที่จะเป็นเรื่องลึกลับ

CSS ยังควรค่าแก่การเรียนรู้ในปี 2026 หรือ framework อย่าง Tailwind มาแทนที่แล้ว

ยังควรเรียน CSS โดยตรงอยู่ Utility framework อย่าง Tailwind เป็นชั้นการใช้งานที่สร้างขึ้นบนแนวคิดของ CSS ไม่ใช่สิ่งที่มาแทนที่ CSS — เมื่อ utility class ไม่ทำงานอย่างที่คาด ความเข้าใจเรื่อง box model, specificity และระบบเลย์เอาต์ที่อยู่เบื้องหลังจะช่วยให้คุณแก้ปัญหาต่อได้ นอกจากนี้ CSS ยังเป็นหนึ่งในทักษะที่เห็นผลลัพธ์ได้เร็วที่สุด เพราะทุกการเปลี่ยนแปลงจะแสดงบนหน้าเว็บทันที

ต้องใช้เวลานานแค่ไหนกว่าจะจัดสไตล์หน้าเว็บจริงได้อย่างคล่อง

ความสม่ำเสมอสำคัญกว่าจำนวนชั่วโมงทั้งหมด เมื่อเรียนบทเรียนสั้น ๆ ทุกวัน ผู้เริ่มต้นส่วนใหญ่จะจัดการ selector, spacing, typography และเลย์เอาต์พื้นฐานด้วย flexbox หรือ grid ได้อย่างมั่นใจภายในไม่กี่สัปดาห์ ก่อนจะไปถึงหัวข้อที่ซับซ้อนกว่า เช่น กรณีเฉพาะของ specificity หรือ container queries โปรเจกต์ที่มีคำแนะนำ 20 โปรเจกต์ในแอปมีไว้ฝึกทักษะช่วงนี้โดยเฉพาะ โดยทำทีละหน้าเว็บจริง

เรียน CSS: ลงมือทำจริง ใช้งานฟรีหรือไม่

ดาวน์โหลดแอปได้ฟรีบน App Store และ Google Play คอร์สแรก โปรเจกต์ที่มีคำแนะนำโปรเจกต์แรก ภารกิจตามหาบั๊กสองภารกิจ และ live editor ใช้งานได้ฟรี พร้อมโควตาการใช้ AI Mentor รายวัน ส่วน Pro จะปลดล็อกทุกคอร์ส โปรเจกต์ทั้งหมด 20 โปรเจกต์และภารกิจ 20 ภารกิจ การสอบรับใบรับรอง และการใช้งาน AI Mentor ได้ไม่จำกัด รวมทั้งลบโฆษณา

เรียน CSS: ลงมือทำจริง ใช้งานบน iPhone และ Android ได้หรือไม่ และเหมาะกับใคร

เรียน CSS: ลงมือทำจริง ใช้งานได้บน iPhone และ iPad ผ่าน App Store และบน Android ผ่าน Google Play โดยมีอินเทอร์เฟซ 22 ภาษา และได้รับการจัดระดับอายุ 4+ เหมาะสำหรับผู้เริ่มต้นอย่างแท้จริง นักออกแบบที่อยากจัดสไตล์หน้าเว็บด้วยตัวเอง และผู้ที่กำลังเปลี่ยนสายอาชีพหรือนักศึกษาที่เตรียมตัวสัมภาษณ์งานด้าน front-end

live preview ใช้งานออฟไลน์ บนรถไฟใต้ดิน หรือบนเครื่องบินได้หรือไม่

instant preview จำเป็นต้องมีการเชื่อมต่อโดยเฉพาะเพื่อ render HTML และ CSS ซึ่งแอประบุไว้อย่างชัดเจน แทนที่จะลดความสามารถลงโดยไม่แจ้งให้ทราบ ข้อความบทเรียนและเนื้อหาสำหรับอ่านออกแบบมาให้ยังใช้งานได้แม้การเชื่อมต่อไม่เสถียร ซึ่งครอบคลุมการเดินทางส่วนใหญ่ แต่ editor นี้ไม่ได้รองรับการใช้งาน live preview แบบออฟไลน์เต็มรูปแบบ

รองรับแพลตฟอร์มและภาษาใดบ้าง และมีใบรับรองหรือไม่

เรียน CSS: ลงมือทำจริง ทำงานบน iOS ผ่าน App Store และบน Android ผ่าน Google Play โดยแอปมีให้ใช้งาน 22 ภาษา และได้รับการจัดระดับอายุ 4+ เมื่อสอบปลายคอร์สผ่าน แอปจะออกใบรับรองการเรียนจบให้ เพื่อเป็นหลักฐานของผลงานที่คุณทำ ซึ่งนำไปใช้ใน CV ควบคู่กับโปรเจกต์ที่มีคำแนะนำซึ่งคุณสามารถนำไปพูดคุยได้ แทนที่จะเป็นวุฒิการศึกษาที่ได้รับการรับรอง

เริ่มต้นใช้งาน

จัดสไตล์หน้าแรกของคุณวันนี้

เริ่มต้นใช้งานได้ฟรีบน iOS และ Android ใน 22 ภาษา

App Store — ดาวน์โหลดฟรีGoogle Play — ดาวน์โหลดฟรี

เพิ่มเติมจาก CoddyKit

เรียน AI Agents: ลงมือทำจริงการศึกษาเรียน jQuery: ลงมือทำจริงการศึกษาเรียน Kotlin: โค้ดและสร้างการศึกษา
ตรวจสอบล่าสุด · เผยแพร่โดย CoddyKit · นโยบายความเป็นส่วนตัว
ใช้งานได้บน iOS และ Android