SwiftUI – Phần 1 : Làm quen với SwiftUI

Chào bạn đến với Fx Studio. Chúng ta sẽ bắt đầu hành trình mới, đó là thế giới SwiftUI. Bài viết này sẽ tổng hợp các bài viết để giúp bạn bắt đầu làm quen với SwiftUI.

1. Giới thiệu

1.1. Chuẩn bị

Dấn thân vào nghề iOS đã khó rồi. Ngoài các kiến thức iOS là rất ít tài liệu viết bằng tiếng Việt, cũng như các tài liệu hướng dẫn đầy đủ. Và bạn còn phải đối mặt việc cần phải có thiết bị để bước ra giang hồ đầy sóng gió. Và với SwiftUI, đã khó nay còn khó hơn nữa.

Vì SwiftUI ra đời cách đây 1 năm, nên các phiên bản Xcode và MacOS của bạn gần như là mới nhất. Đi kèm với đó là cấu hình phần cứng cũng phải đảm bảo được.

Và chúng ta sẽ cần cấu hình tối thiểu như sau:

• • MacOS Mojave (10.14.4) hoặc mới hơn. Lựa chọn tối ưu là MacOS Catalina (10.15).
  • Xcode 11 hoặc mới hơn

Cấu hình đề xuất:

• • MacOS Catalina
  • Xcode 12
  • Swift 5.3

Về mặt kiến thức, bạn chỉ cần nắm được cơ bản về ngôn ngữ lập trình Swift là ổn rồi. Nếu bạn đã biết thêm cơ bản về lập trình iOS thì sẽ có lợi thế hơn nữa. Bạn có thể đọc các bài viết đó ở link sau:

• • Basic Swift trong 10 phút
  • Lập trình iOS cho mọi người

1.2. SwiftUI

Second Chance

Ở sự kiện WWDC 2019, Apple đã giới thiệu một framework để xử lý thiết kế giao diện theo phong cách mới. Bài viết này giới thiệu về SwiftUI framework.

SwiftUI là bộ công cụ giao diện người dùng cho phép thiết kế các ứng dụng theo cách declarative. SwiftUI cho phép chúng ta thực hiện giao diện trông như thế nào và hoạt động ra sao, và nó chỉ ra cách làm cho điều đó xảy ra khi người dùng tương tác với nó.

Ở trên, là những lời giới thiệu sơ lược về SwiftUI và bạn có thể tìm được nhiều bài viết khác trên mạng về SwiftUI. Và việc tìm hiểu những cái hay của nó thì chúng ta sẽ dần dần khai phá sau. Tuy nhiên, cái mà mình muốn truyền đạt chính đó là Cơ hội thứ hai cho bạn để bắt đầu lại với iOS.

Nếu như bạn đã bỏ lỡ với iOS. Hay bạn từ một nền tảng khác chuyển sang iOS. SwiftUI chính là là cứu cánh cho bạn. Nó đã bắt đầu định nghĩa lại phong cách làm ứng dụng lâu nay. Đó cũng là sự tiến hoá của lập trình trong tương lại, khi các ngôn ngữ & nền tảng khác đã bắt đầu (như React Native, Flutter … ) thay đổi rồi. Ngay cả người anh em Android cũng được Google ưu ái với việc Kotlin có thể code đa nền tảng (iOS & Android) rồi.

Tương lai, SwiftUI chưa thể thay thế được UIKit. Và UIKit vẫn có ý nghĩa quan trọng trong hệ sinh thái của Apple & không thể từ bỏ được. Cái lợi nhất đó là bạn hiểu được tư tưởng của phong cách lập trình Declarative.

Đó chính là xu thế.

2. Danh sách

Danh sách bao gồm các bài viết với các chủ đề ngắn & siêu ngắn. Tuy nhiên, mình đã thiết kế chúng liền mạch nhằm giúp bạn có thể xây dựng được một ứng dụng cực kì đơn giản với SwiftUI. Mỗi bài là một vấn đề cơ bản đầu tiên mà bạn phải làm được. Và danh sách như sau:

1. 1. Hello world!
   2. Creating your UI
   3. Updating UI
   4. Presenting an Alert
   5. Extracting subview

Còn gì tuyệt vời hơn khi vừa học vừa ra được sản phẩm. Bạn có thể ứng dụng ngay kiến thức vào thực hành.

(Bạn có thể theo dõi tiếp phần thứ 2 của series SwiftUI Notes tại đây.)

3. Thông tin và trạng thái

3.1. Thông tin

• • Website: Fx Studio
  • Link seri: https://fxstudio.dev/tag/swiftui-notes/
  • Github: https://github.com/fx-studio/swiftui-notes
  • Trạng thái: đang cập nhật

Nếu bạn có đóng góp hay nhận xét về series này, cách viết bài, cũng như nội dung truyền tải. Thì mình rất rất cảm ơn. Nếu có bất cứ vấn đề gì, thì bạn có thể liên lạc theo các địa chỉ dưới đây.

• • Website: https://fxstudio.dev/contact/
  • Email: lephuongtien.dev@gmail.com

3.2. Bản quyền

Về bản quyền của series SwiftUI Notes là của Fx Studio, bao gồm các bài viết trên website & mã nguồn trên GitHub. Và chúng hoàn toàn miễn phí cho các mục đích phi lợi nhuận và học tập. Tất cả các hành vi sao chép hay sử dụng vì mục đích thương mại đều là vi phạm.

Vui lòng để lại link bài viết gốc, nếu bạn muốn sử dụng & cũng như trích dẫn các nội dụng từ các bài viết trong series SwiftUI Notes này.

3.3. Các phần khác trong series:

1. Làm quen với SwiftUI
2. Cơ bản về ứng dụng SwiftUI App
3. Tích hợp SwiftUI và UIKit
4. Apple Ecosystem
5. Multiplatform App
6. Basic UI Controls
7. State & Data Flow
8. Working with List
9. Routing in SwiftUI
10. Grid Layout
11. …

Cảm ơn bạn đã ủng hộ Fx Studio và series SwiftUI Notes!

Written by chuotfx

Hãy ngồi xuống, uống miếng bánh và ăn miếng trà. Chúng ta cùng nhau đàm đạo về đời, về code nhóe!