강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Next.js khám phá: từ "nhà phát triển biết sử dụng" đến "nhà phát triển hiểu và sử dụng"

Cùng mổ xẻ mã nguồn, tôi sẽ giúp bạn trang bị hiểu biết sâu sắc và góc nhìn riêng cần thiết cho kỷ nguyên AI, từ phỏng vấn kỹ thuật đến thiết kế thực tế. Hãy phát triển từ nhà phát triển chỉ đơn thuần "dùng" Next.js thành chuyên gia "hiểu" tại sao nó được dùng như vậy.

(4.5) 20 đánh giá

270 học viên

Độ khó Trung cấp trở lên

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

  • Boaz
Next.js
Next.js
React
React
TypeScript
TypeScript
Next.js
Next.js
React
React
TypeScript
TypeScript

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

4.5

5.0

jihunkim625

100% đã tham gia

Tôi đã thực hiện nhiều dự án bằng Next.js cho đến nay, nhưng tôi luôn có thắc mắc liệu sự hiểu biết của mình về framework đang sử dụng có còn thiếu sót không. Tuy nhiên, sau khi tham gia khóa học này, tôi cảm thấy mình đã khắc sâu vào tâm trí sự hiểu biết rõ ràng về lý do tại sao nên sử dụng framework dựa trên React là Next.js. Đặc biệt, các khái niệm về Server Routing và Server Components có nhiều phần tôi không hiểu dù đã xem tài liệu chính thức, nhưng tôi đã học được những phần đó thông qua các ví dụ code thực tế và dễ dàng hiểu được nhờ lời giải thích trực quan nhất có thể của giảng viên. Trước đây, khi làm dự án, tôi cảm thấy mình chỉ đang triển khai các chức năng một cách hời hợt. Tuy nhiên, giờ đây, khi triển khai bất kỳ chức năng nào, tôi đều có thể cùng suy nghĩ 'Tại sao cách này lại là lựa chọn tốt hơn?' và 'Ưu nhược điểm của cấu trúc này là gì?'. Nhờ đó, nỗi sợ hãi về Next.js của tôi đã biến mất, hơn nữa, tôi cũng có thêm sự tự tin rằng dù có bất kỳ phiên bản hay tính năng mới nào xuất hiện, tôi cũng có thể dễ dàng tiếp thu. Đây là một khóa học tôi thực sự muốn giới thiệu cho những ai muốn hiểu sâu về nguyên lý cốt lõi và ý đồ thiết kế, chứ không chỉ là cách sử dụng bề mặt. Nếu bạn là một nhà phát triển muốn hiểu đúng về Next.js, tôi tin chắc rằng khóa học này mà tôi đã tham gia có thể trở thành một bước ngoặt.

5.0

냠냠굿

31% đã tham gia

Đây không phải là một khóa học sơ cấp chỉ dạy cách viết code đơn thuần. Nó đi sâu vào nền tảng triết học và phương pháp triển khai kỹ thuật của Next.js về định tuyến, tìm nạp dữ liệu và hiển thị. Đặc biệt, các chủ đề như "Định tuyến Next.js được triển khai như thế nào?", "Tại sao params của Dynamic Route lại được thay đổi thành promise?" không chỉ giúp bạn hiểu cách sử dụng mà còn lý giải được "tại sao" nó lại được thiết kế như vậy. Đây là khóa học duy nhất giúp tôi hiểu rõ bản chất và các điểm tối ưu hóa của Server Component, trong khi trước đây tôi chỉ sử dụng CSR với 'use client' một cách mù quáng trong công việc. Giờ đây, tôi cảm thấy mình có thể tận dụng Next.js một cách hiệu quả. Tôi thực sự mong chờ khóa học tiếp theo!

5.0

dlawnsdlekd

20% đã tham gia

Đây là khóa học tuyệt vời nhất. Lần đầu tiên tôi thấy một khóa học chuyên sâu đến mức này trên Inflearn. Tôi đã có thể hiểu được lý do tại sao Next.js lại được thiết kế như vậy. Nếu chỉ thử nghiệm cái này cái kia mà học một cách vô nghĩa thì chỉ sau một thời gian ngắn cũng không đọng lại gì trong trí nhớ. Nếu học bằng cách tìm hiểu lý do tại sao nó được thiết kế như vậy thì sẽ đọng lại lâu hơn trong trí nhớ. Tự nhiên là cũng chuẩn bị được cho phỏng vấn luôn. Là một người đã tốn kém nhiều tiền vào các khóa học dạng "học theo dự án", tôi thực sự khuyên dùng khóa học chuyên sâu này.

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

  • Nguyên lý hoạt động của Next.js thường gặp trong phỏng vấn kỹ thuật

  • Nguyên tắc thiết kế áp dụng ngay vào thực tế.

  • Triết lý công nghệ và bản chất của Next.js vẫn còn giá trị trong kỷ nguyên AI.

  • Tiêu chí và quan điểm cá nhân để lựa chọn và sử dụng framework hiệu quả hơn.

(Đây là khóa học được tạo từ video YouTube đã tải lên trước đó (hiện đang ở chế độ riêng tư) và 7 video mới.
Chỉ những ai muốn sưu tầm mới đăng ký học nhé. 🙏)

Đây là khóa học giúp bạn có thể giải thích 'tại sao' sử dụng Next.js chứ không phải 'làm thế nào'.

Chúng tôi khuyến nghị cho những người như thế này

👨‍💻 Các lập trình viên đã sử dụng Next.js nhưng muốn hiểu sâu hơn

Những người đang sử dụng thành thạo nhưng tò mò về nguyên lý hoạt động bên trong

🎙 Người luôn giải thích mơ hồ trong phỏng vấn kỹ thuật

Người hiểu khái niệm nhưng khó đưa ra câu trả lời có hệ thống khi được hỏi

🧭 Thời đại AI, nhân viên thực tế lo lắng về tiêu chí lựa chọn công nghệ

Những người muốn thấu hiểu bản chất của công nghệ mà không bị cuốn theo xu hướng

🎯 Sau khi hoàn thành khóa học

  • Các khái niệm cốt lõi của Next.js (routing, rendering, xử lý lỗi, v.v.) vượt ra ngoài mức độ chỉ đơn thuần sử dụng, bạn sẽ có thể giải thích được tại sao chúng lại được thiết kế như vậy.

  • Đối với những câu hỏi thường gặp trong phỏng vấn kỹ thuật, bạn sẽ có được khả năng trả lời một cách rõ ràng và logic bằng ngôn ngữ của chính mình.

  • Bạn có thể tạo ra tiêu chuẩn thiết kế thực tế dựa trên triết lý và nguyên lý hoạt động của framework mà không thể có được chỉ từ tài liệu chính thức hoặc tutorial.

  • Từ 'nhà phát triển chỉ biết sử dụng theo cấu trúc do người khác tạo ra', bạn sẽ phát triển thành 'nhà phát triển có thể đánh giá và giải thích cấu trúc theo tiêu chuẩn của chính mình'.

  • Trong dòng chảy công nghệ frontend không ngừng thay đổi, bạn sẽ có được sự tự tin để tự mình xây dựng tầm nhìn và tiêu chí lựa chọn công nghệ.

Điểm mạnh cốt lõi của khóa học này

Mã nguồn를 phân tích để hiểu nguyên lý hoạt động.

Phân tích mã nguồn nội bộ của Next.js và giải thích nguyên lý hoạt động. Thông qua điều này, chúng ta sẽ hiểu được cách thức hoạt động nội bộ của các tính năng đã sử dụng.

Vượt ra ngoài tài liệu chính thức, chúng ta sẽ đề cập đến triết lý thiết kế.

Chúng ta sẽ theo dõi các tính năng xuất hiện trong tài liệu chính thức theo thứ tự, tìm hiểu lý do tại sao các tính năng đó ra đời và đó là lựa chọn để giải quyết vấn đề gì, đồng thời xem xét bối cảnh và triết lý thiết kế.

Chúng ta sẽ học những nội dung như thế này

Theo thứ tự tài liệu chính thức, chúng ta sẽ học hỏi về bối cảnh xuất hiện và nguyên lý hoạt động của các tính năng thông qua những câu hỏi sâu sắc.

Phần (1) Routing

Next.js routing, chỉ đơn giản là chức năng chia thư mục thôi sao?
Trong phần này, từ triết lý của routing dựa trên thư mục đến cấu trúc App Router, template.tsx, layout.tsx,, nguyên lý hoạt động đến bản chất và ý định thiết kế của routing Next.js được khám phá một cách sâu sắc.

Phần (2) Lấy dữ liệu

Trong Next.js, việc fetch dữ liệu chỉ cần quan tâm đến vị trí của fetch() thôi sao?
Trong phần này, chúng ta sẽ cùng tìm hiểu từ bối cảnh xuất hiện của fetch tập trung vào server, đến những hạn chế của xử lý song song, kết nối với Server Component, và Server Action để hiểu hướng và lý do của luồng dữ liệu mà Next.js đề xuất.

Phần (3) Rendering

CSR, SSR, SSG, ISR, và cả Streaming nữa.. Càng có nhiều phương thức rendering thì càng dễ bối rối "đâu mới là đáp án đúng".
Trong phần này, chúng ta sẽ tìm hiểu các chiến lược rendering của Next.js xuất hiện từ bối cảnh nào,
mỗi phương thức có thể được ứng dụng như thế nào trong các dự án thực tế.

Bạn có thắc mắc gì không?

Q. Khóa học này có phù hợp cho các developer mới tiếp xúc với Next.js không?

Khóa học này dành cho các lập trình viên frontend thực tế từ trình độ trung cấp trở lên.Phù hợp nhất với những người đã có kinh nghiệm sử dụng Next.js một vài lần và đã từng suy nghĩ về 'tại sao phải sử dụng như vậy' thay vì chỉ sử dụng đơn thuần.

Q. Có giúp ích cho việc chuẩn bị phỏng vấn kỹ thuật không?

Tất nhiên rồi! Bạn sẽ có được năng lực giải thích với độ sâu vượt xa tài liệu chính thức, dựa trên code thực tế và cấu trúc cho những câu hỏi phỏng vấn kỹ thuật thường gặp.

Q. Có thể áp dụng ngay vào công việc thực tế không?

Trả lời các câu hỏi thắc mắc trong thực tế - mỗi tập được sản xuất theo hình thức như vậy. Thông qua điều này, khi thiết kế cấu trúc hoặc khi cân nhắc về cấu thành component, chúng tôi cung cấp quan điểm và triết lý có thể thiết lập tiêu chuẩn phán đoán.

Q. Trong khóa học có thực hành lập trình trực tiếp không?

Khóa học này tập trung vào việc hiểu nguyên lý hoạt động và triết lý thiết kế hơn là hướng dẫn thực hiện các tính năng theo mã code. Do đó, chúng tôi cung cấp mã code ví dụ để hỗ trợ điều này.

Mục đích của việc cung cấp mã ví dụ không phải là thực hành triển khai trực tiếp mà là nắm vững sâu sắc các khái niệm và cấu trúc để ứng dụng vào thực tế.

Q. Đây có phải là khóa học về App Router không? Pages Router có được bao gồm không?

Nội dung chính được xây dựng xung quanh App Router, đi sâu vào triết lý và sự khác biệt trong thay đổi cấu trúc routing, cũng như lý do tại sao nó lại thay đổi như vậy.
Nếu bạn đã có kinh nghiệm sử dụng Pages Router, điều này sẽ rất hữu ích khi chuyển sang App Router.

Những lưu ý trước khi học

Môi trường thực hành

  • Nodejs và Browser

  • #Next.js #React #Typescript


Tài liệu học tập

Câu hỏi và trả lời

  • https://discord.gg/fpCrBJWCtz:

    Đây là kênh nơi các Product Engineer không chỉ đặt câu hỏi về khóa học mà còn muốn khám phá sâu về công nghệ, thảo luận cùng đồng nghiệp và xây dựng quan điểm riêng của mình, cùng nhau học hỏi và trả lời mọi câu hỏi về Next.js :)

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

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

  • Dù đã dùng Next.js nhưng lại bí lời khi phỏng vấn kỹ thuật.

  • Người muốn phát triển từ 'lập trình viên chỉ biết code' thành 'chuyên gia hiểu sâu và áp dụng'

  • Bạn muốn phân tích mã nguồn Next.js nhưng không biết bắt đầu từ đâu?

  • Thời đại AI, những ai muốn sở hữu năng lực cạnh tranh cốt lõi của kỹ sư Frontend.

Xin chào
Đây là

270

Học viên

20

Đánh giá

18

Trả lời

4.5

Xếp hạng

1

Khóa học

Xin chào. Tôi là Boaz.
Tôi là một kỹ sư Frontend với 8 năm kinh nghiệm, từng làm việc tại nhiều startup khác nhau qua 4 lần chuyển việc, và gần đây đã nghỉ việc sau một thời gian làm việc tại LINE.

Trong quá trình áp dụng Next.js vào nhiều dự án khác nhau, tôi đã trải qua không ít sai lầm.
Đặc biệt là khi cân nhắc về một cấu trúc tốt hơn để áp dụng vào thực tế, hàng loạt câu hỏi như “Tại sao phải cấu trúc như thế này?”, “Tình huống này có nên dùng tính năng này không?” đã nảy sinh, và từ đó tôi nhận ra rằng 'việc hiểu rõ bối cảnh ra đời và nguyên lý hoạt động' quan trọng hơn nhiều so với cách sử dụng đơn thuần.

Mục tiêu của bài giảng này không chỉ đơn thuần là giúp bạn có thể "sử dụng" Next.js.
Tôi tạo ra khóa học này dành cho những ai muốn cùng nhau trăn trở về câu hỏi “Tại sao nó lại được thiết kế như thế này?”“Trong thực tế nên lựa chọn dựa trên tiêu chí nào?”. together.

Dành cho những bạn giống như tôi trong quá khứ, những người không chỉ muốn dừng lại ở việc biết cách sử dụng đơn thuần, hy vọng bài giảng này sẽ trở thành chiếc la bàn mang đến những quan điểm và tiêu chuẩn được sắp xếp rõ ràng cho các bạn 😄

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

Tất cả

31 bài giảng ∙ (9giờ 51phút)

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

Đánh giá

Tất cả

20 đánh giá

4.5

20 đánh giá

  • nyamnyamgood님의 프로필 이미지
    nyamnyamgood

    Đánh giá 14

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    Đây không phải là một khóa học sơ cấp chỉ dạy cách viết code đơn thuần. Nó đi sâu vào nền tảng triết học và phương pháp triển khai kỹ thuật của Next.js về định tuyến, tìm nạp dữ liệu và hiển thị. Đặc biệt, các chủ đề như "Định tuyến Next.js được triển khai như thế nào?", "Tại sao params của Dynamic Route lại được thay đổi thành promise?" không chỉ giúp bạn hiểu cách sử dụng mà còn lý giải được "tại sao" nó lại được thiết kế như vậy. Đây là khóa học duy nhất giúp tôi hiểu rõ bản chất và các điểm tối ưu hóa của Server Component, trong khi trước đây tôi chỉ sử dụng CSR với 'use client' một cách mù quáng trong công việc. Giờ đây, tôi cảm thấy mình có thể tận dụng Next.js một cách hiệu quả. Tôi thực sự mong chờ khóa học tiếp theo!

    • jihunkim6251444님의 프로필 이미지
      jihunkim6251444

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      Tôi đã thực hiện nhiều dự án bằng Next.js cho đến nay, nhưng tôi luôn có thắc mắc liệu sự hiểu biết của mình về framework đang sử dụng có còn thiếu sót không. Tuy nhiên, sau khi tham gia khóa học này, tôi cảm thấy mình đã khắc sâu vào tâm trí sự hiểu biết rõ ràng về lý do tại sao nên sử dụng framework dựa trên React là Next.js. Đặc biệt, các khái niệm về Server Routing và Server Components có nhiều phần tôi không hiểu dù đã xem tài liệu chính thức, nhưng tôi đã học được những phần đó thông qua các ví dụ code thực tế và dễ dàng hiểu được nhờ lời giải thích trực quan nhất có thể của giảng viên. Trước đây, khi làm dự án, tôi cảm thấy mình chỉ đang triển khai các chức năng một cách hời hợt. Tuy nhiên, giờ đây, khi triển khai bất kỳ chức năng nào, tôi đều có thể cùng suy nghĩ 'Tại sao cách này lại là lựa chọn tốt hơn?' và 'Ưu nhược điểm của cấu trúc này là gì?'. Nhờ đó, nỗi sợ hãi về Next.js của tôi đã biến mất, hơn nữa, tôi cũng có thêm sự tự tin rằng dù có bất kỳ phiên bản hay tính năng mới nào xuất hiện, tôi cũng có thể dễ dàng tiếp thu. Đây là một khóa học tôi thực sự muốn giới thiệu cho những ai muốn hiểu sâu về nguyên lý cốt lõi và ý đồ thiết kế, chứ không chỉ là cách sử dụng bề mặt. Nếu bạn là một nhà phát triển muốn hiểu đúng về Next.js, tôi tin chắc rằng khóa học này mà tôi đã tham gia có thể trở thành một bước ngoặt.

      • dlawnsdlekd7259님의 프로필 이미지
        dlawnsdlekd7259

        Đánh giá 1

        Đánh giá trung bình 5.0

        5

        20% đã tham gia

        Đây là khóa học tuyệt vời nhất. Lần đầu tiên tôi thấy một khóa học chuyên sâu đến mức này trên Inflearn. Tôi đã có thể hiểu được lý do tại sao Next.js lại được thiết kế như vậy. Nếu chỉ thử nghiệm cái này cái kia mà học một cách vô nghĩa thì chỉ sau một thời gian ngắn cũng không đọng lại gì trong trí nhớ. Nếu học bằng cách tìm hiểu lý do tại sao nó được thiết kế như vậy thì sẽ đọng lại lâu hơn trong trí nhớ. Tự nhiên là cũng chuẩn bị được cho phỏng vấn luôn. Là một người đã tốn kém nhiều tiền vào các khóa học dạng "học theo dự án", tôi thực sự khuyên dùng khóa học chuyên sâu này.

        • near님의 프로필 이미지
          near

          Đánh giá 25

          Đánh giá trung bình 5.0

          5

          10% đã tham gia

          Đây là một khóa học giúp nâng cấp từ việc chỉ đơn thuần sử dụng Next.js lên mức độ thấu hiểu nguyên lý hoạt động của nó. Công nghệ thay đổi nhanh chóng, nhưng khi hiểu được các nguyên lý cốt lõi, bạn có thể dễ dàng thích ứng với những thay đổi. Tôi khuyên dùng khóa học này cho những ai đang sử dụng Next.js nhưng vẫn có thắc mắc như "Tại sao lại cần cấu trúc này?". Cảm ơn vì khóa học hay ạ 🥰

          • hwang61559217님의 프로필 이미지
            hwang61559217

            Đánh giá 3

            Đánh giá trung bình 5.0

            5

            97% đã tham gia

            3.174.122 ₫

            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!