Khám phá Next.js: Từ "nhà phát triển biết dùng" thành "nhà phát triển hiểu rõ bản chất"

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

(4.7) 20 đánh giá

275 học viên

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

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

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.7

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 xuất hiện trong các buổi phỏng vấn kỹ thuật

  • Các nguyên tắc thiết kế có thể á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 nguyên giá trị trong kỷ nguyên AI

  • Tiêu chuẩn và quan điểm của riêng bạn để có thể lựa chọn và vận dụng framework tốt hơn

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

Đây là bài giảng giúp bạn có thể giải thích 'tại sao' lại sử dụng Next.js thay vì chỉ biết 'cách dùng' như thế nào.

Khuyên dùng cho những đối tượng sau

👨‍💻 Nhà phát triển đã từng sử dụng Next.js nhưng muốn hiểu nó một cách bài bản

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

🎙 Những người luôn giải thích một cách mơ hồ trong các buổi phỏng vấn kỹ thuật

Những người nắm rõ khái niệm nhưng gặp khó khăn trong việc đưa ra câu trả lời mạch lạc khi nhận được câu hỏi.

🧭 Người làm thực tế đang cảm thấy bất an về tiêu chuẩn lựa chọn công nghệ trong thời đại AI

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

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

  • Bạn sẽ không chỉ dừng lại ở mức độ sử dụng các khái niệm cốt lõi của Next.js (routing, rendering, xử lý lỗi, v.v.) mà còn 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 các buổi phỏng vấn kỹ thuật, bạn sẽ có đủ khả năng để trả lời một cách rõ ràng và logic bằng chính ngôn ngữ của mình.

  • Bạn có thể xây dựng 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 nếu chỉ dựa vào tài liệu chính thức hay hướng dẫn.

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

  • Trong dòng chảy công nghệ frontend luôn thay đổi, bạn sẽ có được sự tự tin để tự mình thiết lập tầm nhìn và tiêu chuẩn lựa chọn công nghệ.

Điểm mạnh cốt lõi của bài giảng này

Mã nguồn được mổ xẻ và phân tích nguyên lý hoạt động.

Phân tích mã nguồn bên trong của Next.js và giải thích nguyên lý hoạt động. Thông qua đó, bạn sẽ nắm bắt được các tính năng mình đang sử dụng hoạt động như thế nào ở bên trong.

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

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

Bạn sẽ học được những nội dung này

Theo sát trình tự của tài liệu chính thức, chúng ta sẽ cùng tìm hiểu về bối cảnh ra đời và nguyên lý hoạt động của các tính năng thông qua những câu hỏi chuyên sâu.

Phần (1) Routing

Next.js routing, liệu có đơn thuần chỉ là tính năng chia thư mục?
Trong phần này, chúng ta sẽ cùng khám phá sâu sắc về bản chất và ý đồ thiết kế của Next.js routing, từ triết lý của routing dựa trên thư mục cho đến cấu trúc của App Router, template.tsx, layout.tsx, <Link /> và nguyên lý hoạt động của chúng.

Phần (2) Data fetching

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

Phần (3) Rendering

Từ CSR, SSR, SSG, ISR cho đến Streaming.. Càng có nhiều phương thức rendering, dường như càng dễ bị nhầm lẫn về việc "đâu là câu trả lời đúng".
Trong phần này, chúng ta sẽ cùng tổng hợp lại chiến lược rendering của Next.js đã ra đời trong bối cảnh nào,
và cách mỗi phương thức có thể được ứng dụng trong các dự án thực tế ra sao.

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

Hỏi: Khóa học này người mới bắt đầu tiếp cận Next.js có thể học được không?

Khóa học này dành cho các nhà phát triển frontend thực chiến trình độ trung cấp trở lên. Nó phù hợp nhất với những ai đã từng sử dụng Next.js một vài lần và đang trăn trở về việc 'tại sao phải sử dụng theo cách này' thay vì chỉ dừng lại ở mức độ 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 trang bị năng lực giải thích các câu hỏi phỏng vấn kỹ thuật thường gặp với độ sâu vượt xa tài liệu chính thức, dựa trên cấu trúc và mã nguồn thực tế.

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

Trả lời những câu hỏi thường gặp trong thực tế là cách mà mỗi chương được xây dựng. Thông qua đó, khóa học cung cấp quan điểm và triết lý giúp bạn thiết lập các tiêu chuẩn đánh giá khi thiết kế cấu trúc hoặc cân nhắc việc xây dựng các component.

Hỏi: 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 thấu hiểu nguyên lý hoạt động và triết lý thiết kế hơn là một hướng dẫn thực hành viết mã theo từng bước để triển khai tính năng. Do đó, chúng tôi cung cấp mã mẫu để hỗ trợ việc 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 bắt sâu sắc các khái niệm, cấu trúc và ứng dụng chúng vào thực tế.

Hỏi: Đây là khóa học về App Router phải không? Có bao gồm cả Pages Router không?

Nội dung chính được xây dựng xoay quanh App Router, đi sâu vào triết lý và sự khác biệt trong thay đổi cấu trúc định tuyến, 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, nó sẽ giúp ích rất nhiều cho việc chuyển sang App Router.

Lưu ý trước khi khóa học bắt đầu

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

  • Nodejs và Trình duyệt

  • #Next.js #React #Typescript


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

Hỏi và Đáp

  • https://discord.gg/fpCrBJWCtz :

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

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

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

  • Những người đã và đang sử dụng Next.js nhưng lại cứng họng mỗi khi bước vào phỏng vấn kỹ thuật.

  • Những người muốn phát triển từ một 'nhà phát triển chỉ biết sử dụng' thành một 'chuyên gia hiểu sâu và áp dụng'.

  • Những ai muốn phân tích mã nguồn Next.js nhưng cảm thấy mông lung không biết nên bắt đầu từ đâu

  • Những người muốn trang bị năng lực cạnh tranh cốt lõi của một kỹ sư Frontend trong kỷ nguyên AI.

Xin chào
Đây là Boaz

275

Học viên

20

Đánh giá

19

Trả lời

4.7

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 😄

Thêm

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.7

20 đánh giá

  • 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

      • 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.

        • 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.

            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!

            3.217.439 ₫