inflearn logo

Thiết kế hệ thống Frontend: Frontend như một hệ thống phân tán

Một nhà phát triển frontend giỏi tạo ra các thành phần. Một nhà phát triển frontend xuất sắc thiết kế các hệ thống.

(5.0) 2 đánh giá

131 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

JavaScript
JavaScript
React
React
React Context
React Context
frontend
frontend
system-design
system-design
JavaScript
JavaScript
React
React
React Context
React Context
frontend
frontend
system-design
system-design

Bạn sẽ nhận được điều này sau khi học.

  • Tư duy thiết kế Frontend từ góc độ hệ thống thay vì chỉ dừng lại ở các thành phần (component)

  • Khả năng thiết kế hệ thống liên kết từ mô hình hóa dữ liệu đến kết xuất (rendering) và cập nhật thời gian thực.

  • Khả năng thiết kế front-end có thể mở rộng và dễ bảo trì, cân nhắc đến môi trường production

  • Quá trình tư duy cấu trúc và thiết kế các yêu cầu phức tạp

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Nhà phát triển đã từng tạo ra dịch vụ bằng React nhưng vẫn chưa tự tin vào phần thiết kế.

  • Nhà phát triển đã biết riêng lẻ về quản lý trạng thái, bộ nhớ đệm, đồng bộ hóa thời gian thực,... nhưng muốn hiểu cách kết nối chúng lại với nhau.

  • Nhà phát triển muốn phát triển thành lập trình viên Front-end cấp cao bằng cách nâng cao năng lực thiết kế hệ thống.

  • Nhà phát triển muốn sở hữu năng lực thiết kế kiến trúc vững vàng, không bị lung lay ngay cả trong kỷ nguyên AI

Cần biết trước khi bắt đầu?

  • Kinh nghiệm tự triển khai các component bằng React

  • Cách sử dụng cơ bản của Functional Component và Hooks (useState, useEffect)

  • Hiểu khái niệm về Props và State

  • Hiểu biết về các kiểu dữ liệu cơ bản trong TypeScript (string, number, interface, v.v.)

  • Kinh nghiệm ở mức độ có thể đọc và chỉnh sửa các khai báo kiểu dữ liệu đơn giản

  • Hiểu biết cơ bản về xử lý bất đồng bộ (Promise, async/await)

Xin chào
Đây là Byte Freaks Studio

━━━━━━━━━━━━━━━━━━━━━━━━━━

BYTE FREAKS STUDIO

━━━━━━━━━━━━━━━━━━━━━━━━━━

Bộ sưu tập ngoài mong đợi

Bộ sưu tập bất ngờ


Code + Thiết kế + Thử nghiệm

Mã nguồn + Thiết kế + Thử nghiệm

━━━━━━━━━━━━━━━━━━━━━━━━━━

BYTE FREAKS STUDIO là nơi thử nghiệm đủ mọi thứ.


Chúng tôi ném những cuốn sách vào tường và xem điều gì sẽ đọng lại.

Đôi khi là hướng dẫn về Python,

đôi khi là triết lý thiết kế UI,

Một ngày nào đó sẽ là thuật toán giải thích bằng pixel art(?).

Sách về mã nguồn. Sách về thiết kế.

Những cuốn sách không hoàn toàn khớp với bất kỳ đâu.

Có những cuốn sách dạy chúng ta cách tạo ra thứ gì đó,

Có những cuốn sách khiến chúng ta phải suy nghĩ khác đi.

Hầu hết là làm cả hai.

Liệu chúng tôi là nhà xuất bản công nghệ hay nhà xuất bản thiết kế

Chúng tôi cũng không rõ nữa.

Có lẽ là cả hai. Hoặc có lẽ không phải cả hai.

 

Hãy cùng nhau tìm hiểu nhé.

━━━━━━━━━━━━━━━━━━━━━━━━━━

Danh mục:

Heavy Byte(tập trung vào kỹ thuật)

Byte + Design (Sự giao thoa giữa kỹ thuật và thiết kế)

Pure Freak (Thử nghiệm)

━━━━━━━━━━━━━━━━━━━━━━━━━━

Thêm

Chương trình giảng dạy

Tất cả

29 bài giảng

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

2 đánh giá

5.0

2 đánh giá

  • kaki05님의 프로필 이미지
    kaki05

    Đánh giá 6

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    • gksdjf80님의 프로필 이미지
      gksdjf80

      Đánh giá 6

      Đánh giá trung bình 4.3

      5

      31% đã tham gia

      Khóa học khác của Byte Freaks Studio

      Hãy khám phá các khóa học khác của giảng viên!

      Khóa học tương tự

      Khám phá các khóa học khác trong cùng lĩnh vực!

      Giảm 25% cho thành viên mới

      622.155 ₫

      25%

      829.535 ₫