Menu
CoddyTech
swift iconThuộc hành trình SwiftMớiHành trình

Học SwiftUI

Khóa học SwiftUI miễn phí và tương tác. Ở mỗi bài học, bạn viết code SwiftUI thật, xem màn hình nó tạo ra trong bản xem trước điện thoại trực tiếp, và chạm vào để thấy state thay đổi. Không cần Mac hay Xcode, có gợi ý AI khi bạn bí, và nhận chứng nhận miễn phí khi hoàn thành.

50 bài học50 thử thách106 câu hỏi trắc nghiệm

Đề cương

1 phần1 dự án50 bài học50 thử thách106 câu hỏi trắc nghiệm

Phần này thuộc hành trình Swift. Đề cương đầy đủ còn nhiều phần khác: nhấn vào bản xem trước bất kỳ bên dưới để xem trên trang hành trình.

  1. Phần 1Kiến thức nền tảng86 bài học
  2. Phần 2Logic và luồng thực thi56 bài học
  3. Phần 3Lập trình hướng đối tượng57 bài học
  4. Bắt đầu phầnBắt đầuMở rộngThu gọnXây dựng giao diện ứng dụng bằng Swift và SwiftUI: view và modifier, stack và bố cục, state và nút, trường văn bản và công tắc, danh sách, điều hướng và dữ liệu dùng chung. Mỗi bài học đều có code SwiftUI thực tế và bản xem trước trực tiếp.

    Giới thiệu

    2 bài học28

    Hiển thị nội dung

    6 bài học615

    Stack và bố cục

    5 bài học512

    Bộ điều chỉnh

    5 bài học512

    Trạng thái và nút

    5 bài học512

    Nhập dữ liệu người dùng

    5 bài học512

    Danh sách

    5 bài học512

    Điều hướng

    5 bài học512

    Chia sẻ dữ liệu

    4 bài học49

    Dự án: Coddy Coffee

    5 bài học52

    Thử thách cuối cùng

    3 bài học3
Bạn nhận được gì
Mọi thứ bạn sẽ dùng để học lập trình

Học qua thực hành

Viết code thật, truy vấn cơ sở dữ liệu, xây dựng trang web và làm chủ prompt AI. Các bài học tương tác bao quát mọi kỹ năng mà lập trình viên hiện đại cần.

playground.js
Trình chỉnh sửa code
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Đầu vào
"Alex"
Đầu ra
"Hello, Coddy! Alex"

Xây dựng streak

Học đều đặn và nhìn tiến độ của bạn lớn dần! Theo dõi thói quen code mỗi ngày, bảo vệ streak bằng ngày đóng băng và nhận phần thưởng khi học mỗi ngày.

12 ngày streak

Quay lại ngày mai để giữ streak!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Gấp đôi hoặc mất hết

Ngày 5/7

fire Freeze icon

Đóng băng streak

2 left

Code ở mọi nơi

Mang hành trình lập trình theo bên mình! Không cài đặt, không tải về: chỉ cần mở ra và bắt đầu code. Có trên iOS, Android và Web với đánh giá 4,9 sao.

Python
7Streak
250Điểm
5Năng lượng
Biến
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
Tiếp tục
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Hành trình
Mục tiêu
Bảng xếp hạng
Hồ sơ
4.9
Ngôi saoNgôi saoNgôi saoNgôi saoNgôi sao
Đánh giá

Bạn không đơn độc

Thi đấu trên bảng xếp hạng toàn cầu, mời bạn bè để nhận phần thưởng và cùng nhau ăn mừng thành công. Học code cùng bạn bè vui hơn nhiều!

Giải đấu Challenger
Giải đấu ChallengerTop 7 được thăng hạng
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconVùng thăng hạngleaderboard Arrow Up icon

Mọi cách để học

Đọc, nghe, tự kiểm tra, hỏi AI hoặc tra cứu bất cứ điều gì bạn đã học. Mỗi bài học phù hợp với trình độ của bạn.

Giới thiệu về biến
Âm thanh

Biến là một vùng chứa có tên, lưu một giá trị mà bạn có thể dùng lại sau trong chương trình.

Trong Python, bạn tạo biến bằng cách viết tên, dấu bằng, rồi giá trị muốn lưu.

Giá trị có thể thay đổi theo thời gian. Gán lại tên đó chỉ đơn giản là trỏ nó tới một giá trị mới.

1xSarah

Nhận chứng nhận

Nhận chứng nhận cho mỗi khóa học bạn hoàn thành. Thêm vào hồ sơ LinkedIn và CV để cho nhà tuyển dụng thấy kỹ năng lập trình của bạn.

CoddyGiấy chứng nhận hoàn thành
Chứng nhận rằngNguyễn Văn Anđã hoàn thành xuất sắc
python iconPython cơ bản
Đã xác minh
NgàyTh1 2026
LinkedInThêm vào LinkedIn

Vì sao nên học SwiftUI với Coddy

  • Xây màn hình ứng dụng iPhone ngay trên trình duyệt. Không cần Mac, Xcode hay trình giả lập: code của bạn được biên dịch trên máy chủ của chúng tôi và bản xem trước hiện màn hình mà code mô tả, nên bạn học SwiftUI được trên Windows, Linux hay Chromebook.
  • Phần SwiftUI bạn dùng trên mọi màn hình: văn bản, phông chữ, màu sắc và SF Symbols, stack, căn chỉnh và Spacer, chuỗi modifier và vì sao thứ tự của nó quan trọng, nút bấm và @State, ô nhập văn bản, công tắc, thanh trượt và picker, ForEach và List, NavigationStack, sheet và alert, rồi @Binding và observable object để chia sẻ dữ liệu giữa các view.
  • Bản xem trước trực tiếp, chạm được. Chạm một nút hoặc bật một công tắc trong bản xem trước và view sẽ vẽ lại với state mới, nên bạn thấy UI khai báo hoạt động thế nào thay vì chỉ đọc về nó. Bạn có thể chuyển sang khung điện thoại và lưu ảnh chụp màn hình những gì mình đã xây.
  • Các ứng dụng nhỏ dọc đường, từ nhãn giá và thẻ thời tiết đến bảng ghi điểm, danh sách mua sắm và cẩm nang cây cảnh, rồi một ứng dụng đặt cà phê nhiều màn hình làm dự án cuối khóa, và chứng nhận SwiftUI miễn phí khi bạn hoàn thành phần học.

Câu hỏi thường gặp về việc học SwiftUI

SwiftUI là gì?

SwiftUI là framework của Apple để xây giao diện ứng dụng bằng Swift. Thay vì tự tay đặt và cập nhật từng phần tử, bạn mô tả màn hình cần hiện gì với dữ liệu hiện tại, và SwiftUI vẽ nó rồi vẽ lại mỗi khi dữ liệu đó thay đổi. Một màn hình được tạo từ các view, những struct nhỏ có body, mà bạn kết hợp bằng stack và tạo kiểu bằng modifier. Cùng một đoạn code xây giao diện cho iPhone, iPad, Mac, Apple Watch, Apple TV và Vision Pro.

Có cần Mac hay Xcode để học SwiftUI ở đây không?

Không. Mọi bài học đều chạy trên trình duyệt: code của bạn được biên dịch trên máy chủ của chúng tôi và bản xem trước bên cạnh trình soạn thảo hiện màn hình mà code tạo ra, nên Windows, Linux và Chromebook đều dùng tốt. Để chạy ứng dụng trên iPhone thật hoặc đưa lên App Store, cuối cùng bạn sẽ cần một máy Mac có Xcode, và mọi thứ bạn học ở đây đều mang sang được nguyên vẹn.

Bản xem trước có giống của Xcode không?

Nó đóng vai trò tương tự, nhưng không phải trình giả lập iOS. Bản xem trước được dựng bằng bản cài đặt riêng của Coddy cho các view SwiftUI mà khóa học dạy, từ chính lần chạy chấm bài học của bạn, nên những gì bạn thấy đúng là những gì test kiểm tra. Các lần chạm vào nút, công tắc và liên kết được phát lại trên code của bạn, nên thay đổi của @State hiện ra như trong một ứng dụng thật. Bản xem trước bao gồm các view và modifier trong bài học, không phải toàn bộ framework SwiftUI, nên hãy coi nó là nơi để học chứ không phải thứ thay thế Xcode.

Có nên học Swift trước SwiftUI không?

Có, ít nhất là phần cơ bản. SwiftUI chính là code Swift: view là struct, @State bọc một thuộc tính, list lặp qua mảng, và lỗi kiểu của trình biên dịch là lỗi Swift. Phần học này đến ngay sau phần Fundamentals của hành trình Swift, phần dạy biến, kiểu dữ liệu, hàm, struct và optional, nên nếu bạn mới làm quen với Swift, hãy bắt đầu từ đó.

SwiftUI hay UIKit: nên học cái nào?

Bắt đầu với SwiftUI. Đây là cách Apple khuyến nghị để xây giao diện mới, cần ít code hơn nhiều cho cùng một màn hình, và phần lớn hướng dẫn, code mẫu và các buổi giới thiệu mới của Apple đều dùng nó. UIKit là framework cũ hơn đứng sau nhiều ứng dụng hiện có, nên bạn có thể gặp nó khi đi làm, nhưng SwiftUI và UIKit làm việc cùng nhau trong một ứng dụng, và SwiftUI là bước đầu dễ hơn.

SwiftUI có khó học không?

Phần cơ bản đến rất nhanh: vài dòng code là đưa được văn bản, hình ảnh và nút bấm lên màn hình, và bản xem trước hiện kết quả của mọi lần sửa. Điều cần luyện tập là tư duy theo state, tức bạn thay đổi dữ liệu và để view tự vẽ lại thay vì tự tay thay đổi view. Đó là lý do phần học đi từ @State đến @Binding rồi đến observable object từng bước một, với một ứng dụng nhỏ ở cuối mỗi chương.

Có thể học SwiftUI online miễn phí không?

Có. Phần SwiftUI tương tác hoàn toàn miễn phí: đầy đủ bài học, thực hành code ở mọi bài tập, bản xem trước trực tiếp, dự án cuối khóa và chứng nhận. Không có gì phải cài đặt và không cần tạo tài khoản nhà phát triển Apple trước khi bắt đầu.

Học xong khóa SwiftUI có được nhận chứng nhận không?

Có. Hoàn thành phần học, bạn nhận được giấy chứng nhận hoàn thành SwiftUI miễn phí để chia sẻ trên LinkedIn hoặc thêm vào CV. Đây không phải chứng chỉ của Apple, nhưng đi kèm những ứng dụng bạn xây dọc đường, nó là một tín hiệu hữu ích khi ứng tuyển vị trí lập trình viên iOS.

Lộ trình học có khóa học này

Khóa học này là một bước trong một lộ trình dài hơn: nhiều khóa học theo thứ tự mà một người hướng dẫn sẽ dạy, mỗi khóa có chứng nhận miễn phí riêng.

Hình minh họa các ngôn ngữ lập trình của Coddy

Học Giới thiệu về SwiftUI với Coddy

Bắt đầu