강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Bắt đầu với Next.js

Framework Next.js mà bạn nhất định phải biết khi bắt đầu với React. Từ giải thích dễ hiểu cho người mới bắt đầu đến hiểu sâu về nguyên lý hoạt động khiến các lập trình viên thực tế hài lòng. Giải quyết Next.js một cách triệt để.

(4.8) 101 đánh giá

832 học viên

Độ khó Cơ bản

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

  • captain
Next.js
Next.js
React
React
JavaScript
JavaScript
Next.js
Next.js
React
React
JavaScript
JavaScript

Đá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.8

5.0

김민경

100% đã tham gia

Đây là lần đầu tiên tôi nghe bài giảng của Đại úy Pangyo. Tôi là một nhà phát triển đã làm việc mà không có người giám sát trong 3 tháng. Mình đã giảng nhiều bài rồi nhưng như người khác đã nói, lực hút rất tốt! Với nhịp thở nhanh, tôi đặt mục tiêu và hoàn thành khóa học đầu tiên chỉ sau vài ngày. Tất nhiên, lực hút rất tốt, nhưng cuối cùng, "Tôi sẽ kể cho bạn nghe về điều này trong bài giảng tiếp theo." Tôi tò mò nên tiếp tục nghe bài giảng tiếp theo. Bạn có thể thấy nhiều bài giảng dạy nextjs, nhưng tại sao? Tôi không nghĩ rằng thật dễ dàng để tìm được một bài giảng dạy bạn và đặt ra những câu hỏi. Cuối cùng, những điều cơ bản? Tôi bắt đầu nghĩ rằng tôi cần phải đào sâu vào nó! Trong bối cảnh đó, tôi coi mình như một game bắn súng trực tuyến và sử dụng các mẹo thực tế cũng như mã này để giải thích "tại sao" Thật tuyệt vời khi bạn bảo tôi nên viết gì. (Trong các bài giảng khác, có thể tôi đã không tìm thấy hoặc ăn được nó..) Theo nghĩa đó, giáo viên vui lòng nhanh chóng đưa ra bài giảng chuyên sâu tiếp theo bằng bộ định tuyến ứng dụng. Trong thời gian chờ đợi, tôi sẽ áp dụng những gì bạn đã dạy vào công việc của mình.

5.0

damin200369

100% đã tham gia

Tôi rất thích bài giảng! Tôi mong chờ những bài giảng tiếp theo :) Những điểm chính rất quan trọng, nhưng tôi thực sự thích cách bạn giải thích từng điều trong bài giảng và đặc biệt là những ghi chú bạn cung cấp để sắp xếp chúng!

5.0

Ara Jo

100% đã tham gia

Quả là Captain Pangyo! Phần giải thích không thừa thãi, chỉ đúng những chỗ cần thiết, tài liệu bổ trợ bài giảng phong phú, độ dài bài giảng vừa đủ để tập trung,... đúng là một bài giảng hoàn hảo. (Giọng đọc rõ ràng dễ nghe và giọng nói hay là điểm cộng) Đột nhiên tôi được giao dự án next.js nên cảm thấy rất hoang mang, nhưng bài giảng này đã giúp tôi rất nhiều. Mỗi khi nhớ đến anh, tôi sẽ lạy về hướng Pangyo một lạy. Hãy làm việc chăm chỉ như trâu nhé! Cố lên!

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

  • Next.js 14 (phiên bản mới nhất)

  • Cấu trúc thư mục dự án thực tế Next.js

  • Next và thiết kế component React

  • Mẹo lập trình thực tế với Next.js

  • React (Giữ nguyên vì "React" là tên riêng của thư viện JavaScript)

  • JavaScript

  • NPM

  • REST API

  • Mạng và giao thức HTTP

  • Tối ưu hóa hiệu suất

Next.js được dùng nhiều, nên học như thế nào? 🤔

Framework Next.js được chọn gần như là ưu tiên số 0 để bắt đầu dự án React. Vẫn chưa hiểu rõ về React thì nên học Next.js như thế nào?

Framework Next.js thêm các quy tắc vào React vốn có phong cách phát triển tự do, và tự động xử lý routing cũng như hiệu suất mà các developer phải quan tâm. Bạn không cần phải tự mình lạc lối trước tài liệu chính thức đồ sộ của Next.js. Vì có giáo trình tiếng Hàn dễ hiểu hơn cả tài liệu chính thức của Next.js. ❤


Captain Pangyo, người đã giải thích các công nghệ khó một cách dễ hiểu từ góc độ người mới bắt đầu trong nhiều năm, lần này sẽ phá tan Next.js. Từ giải thích thuật ngữ dễ hiểu dành cho người mới bắt đầu và nguyên lý hoạt động được trình bày trực quan bằng mắt, đến giải thích các khái niệm thực tế như rendering, network, performance, hydration thu hút các lập trình viên chuyên nghiệp. Khóa học Bắt đầu với Next.js sẽ hỗ trợ bạn.

Đặc điểm của khóa học này

📌 Tích hợp REST API để xây dựng trang web thương mại điện tử, đồng thời nắm vững từ các khái niệm cơ bản đến nâng cao của Next.

📌 Chia sẻ không giới hạn các mẹo hữu ích từ lập trình viên Frontend 11 năm kinh nghiệm về cách viết code nhanh và chính xác trong thời gian ngắn

📌 Chúng tôi cũng sẽ chia sẻ những kiến thức cần thiết trong thực tế như Chrome DevTools, giao thức HTTP, tối ưu hóa hiệu suất

📌 Các bài thực hành được bố trí xuyên suốt khóa học để bạn có thể tiêu hóa kiến thức đã học.

📌 Tất cả các khái niệm như CSR, SSR, Hydration, Client Navigation đều được giải thích bằng cách mở trình duyệt và quan sát trực tiếp để hiểu rõ hơn.

📌 Tài liệu giảng dạy dựa trên trang web được cung cấp, giúp bạn dễ dàng truy cập mọi lúc mọi nơi.

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

Bắt đầu dự án Next.js.

Tôi không biết rõ về React nhưng phải làm dự án công ty bằng Next.js.
Để phát triển dễ dàng hơn thì cần biết những khái niệm và kỹ thuật nào?

Tôi đang chuẩn bị xin việc với React.
Mỗi tin tuyển dụng đều có
Next.js trong yêu cầu
nhưng năng lực thực sự mà công ty yêu cầu là gì?

Tôi tò mò về cách làm việc
của một lập trình viên frontend giỏi
Những lập trình viên được công nhận tại các công ty lớn có những năng lực gì?
Tôi muốn biết kiến thức và bí quyết mà những người làm việc có kinh nghiệm nắm được.

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

  • Việc xây dựng ứng dụng web bằng Next.js trở nên dễ dàng hơn.

  • Bạn sẽ có kỹ năng viết code chính xác và nhanh hơn.

  • Bạn sẽ không chỉ nắm được kiến thức ở cấp độ client mà còn hiểu về server, network và tối ưu hóa hiệu suất.

  • Bạn có thể tự tin chủ động từ việc tạo dự án đến toàn bộ quy ước như cấu trúc thư mục trong thực tế công việc.

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

Cấu trúc thư mục dự án thực tế và phương pháp thiết lập môi trường phát triển thực tế

Phương pháp thiết kế cấu trúc thư mục dựa trên các khái niệm cơ bản của Next.js và cách giảm thiểu việc gõ code cũng như tăng năng suất phát triển bằng cách sử dụng ESLint, Prettier.

Các khái niệm và cú pháp cần thiết của React + Next.js

Giải thích bằng sơ đồ chi tiết và dễ hiểu để bạn có thể nắm chính xác luồng hoạt động của code đã viết. Khóa học hào phóng giảng giải tất cả từ CSR, SSR, Hydration cho đến cú pháp JavaScript và React cần thiết 🎁

Hiểu sâu về mạng, HTTP và tối ưu hóa hiệu suất

Giải thích trực quan bằng mắt về quá trình yêu cầu tài nguyên và render cho đến khi trang web được hiển thị. Tất cả các thuật ngữ xa lạ từ góc độ người mới bắt đầu như Server, CDN, HTTP, tối ưu hóa hiệu suất đều được giải thích chi tiết

Phương pháp viết code nhanh chóng và chính xác trong thời gian ngắn cùng các mẹo phím tắt hữu ích từ chuyên gia thực chiến

Kỹ năng lập trình và năng lực triển khai là một trong những kỹ năng quan trọng của người làm thực tế. Chúng tôi sẽ chia sẻ không giới hạn các phím tắt và mẹo lập trình giúp bạn triển khai nhiều tính năng một cách chính xác và nhanh chóng trong thời gian ngắn🚀

Người tạo ra khóa học này 👨‍💻

Captain Pangyo

Phỏng vấn "Người mà Inflearn đã gặp"


Lưu ý trước khi học

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

  • Hệ điều hành và phiên bản (OS): Trong khóa học sử dụng Mac nhưng cũng giải thích đầy đủ các phím tắt liên quan đến Windows.

  • Công cụ sử dụng: VSCode

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

  • Giáo trình website có thể xem thoải mái bất cứ lúc nào đều được cung cấp 😄

  • Kho lưu trữ GitHub để kiểm tra mã nguồn cũng được cung cấp 📘

  • Chúng tôi cũng cung cấp nhiều video giáo dục và tài liệu miễn phí để bạn có thể bổ sung thêm nhiều kiến thức hơn ❤

Kiến thức tiên quyết và lưu ý

위즈 띠배너 모음
도라 띠배너 모음 (3)

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

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

  • Người mới bắt đầu học Next.js

  • Người mới bắt đầu muốn học React và Next.js cùng một lúc

  • Lập trình viên frontend tò mò về phát triển thực tế với Next.js

  • Nhà phát triển web quan tâm đến Next.js

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

  • Cú pháp cơ bản của React (Khuyến nghị bạn nên học các khóa học được hướng dẫn trong phần kiến thức tiên quyết ở trên)

  • Cú pháp cơ bản của JavaScript

Xin chào
Đây là

49,267

Học viên

4,853

Đánh giá

3,816

Trả lời

4.9

Xếp hạng

19

Các khóa học

Tôi đã chia sẻ kiến thức trên Inflearn được 8 năm. 🏠 Blog kỹ thuật, 📣 Twitter, 💻 Github

📗 Do it! Nhập môn Vue.js, TypeScript cho người mới bắt đầu v.v. Tác giả của 3 cuốn sách
📖 Cracking Vue.js, TypeScript Handbook, Webpack Handbook. Tác giả của 3 cuốn sách hướng dẫn trực tuyến miễn phí
👨‍💻 Vận hành Kênh YouTube phát triển Front-end của Captain Pangyo - Nơi lắng nghe những trăn trở của các bạn đang tìm việc và các lập trình viên trẻ
🥤 Vận hành Phòng chat mở KakaoTalk của Captain Pangyo - Nơi cập nhật thông tin mới nhất về phát triển Front-end và lắng nghe suy nghĩ, trăn trở của các đồng nghiệp trong ngành

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

Tất cả

70 bài giảng ∙ (7giờ 57phút)

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

Đánh giá

Tất cả

101 đánh giá

4.8

101 đánh giá

  • minkyungs2님의 프로필 이미지
    minkyungs2

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Đây là lần đầu tiên tôi nghe bài giảng của Đại úy Pangyo. Tôi là một nhà phát triển đã làm việc mà không có người giám sát trong 3 tháng. Mình đã giảng nhiều bài rồi nhưng như người khác đã nói, lực hút rất tốt! Với nhịp thở nhanh, tôi đặt mục tiêu và hoàn thành khóa học đầu tiên chỉ sau vài ngày. Tất nhiên, lực hút rất tốt, nhưng cuối cùng, "Tôi sẽ kể cho bạn nghe về điều này trong bài giảng tiếp theo." Tôi tò mò nên tiếp tục nghe bài giảng tiếp theo. Bạn có thể thấy nhiều bài giảng dạy nextjs, nhưng tại sao? Tôi không nghĩ rằng thật dễ dàng để tìm được một bài giảng dạy bạn và đặt ra những câu hỏi. Cuối cùng, những điều cơ bản? Tôi bắt đầu nghĩ rằng tôi cần phải đào sâu vào nó! Trong bối cảnh đó, tôi coi mình như một game bắn súng trực tuyến và sử dụng các mẹo thực tế cũng như mã này để giải thích "tại sao" Thật tuyệt vời khi bạn bảo tôi nên viết gì. (Trong các bài giảng khác, có thể tôi đã không tìm thấy hoặc ăn được nó..) Theo nghĩa đó, giáo viên vui lòng nhanh chóng đưa ra bài giảng chuyên sâu tiếp theo bằng bộ định tuyến ứng dụng. Trong thời gian chờ đợi, tôi sẽ áp dụng những gì bạn đã dạy vào công việc của mình.

    • captain
      Giảng viên

      Ôi trời... thật là một bài ôn tập cảm động. Tôi đang làm việc không ngừng nghỉ. Tôi sẽ tặng nó cho bạn như một món quà khi bài giảng tiếp theo ra mắt! Cảm ơn :)

  • damin2003694581님의 프로필 이미지
    damin2003694581

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi rất thích bài giảng! Tôi mong chờ những bài giảng tiếp theo :) Những điểm chính rất quan trọng, nhưng tôi thực sự thích cách bạn giải thích từng điều trong bài giảng và đặc biệt là những ghi chú bạn cung cấp để sắp xếp chúng!

    • captain
      Giảng viên

      Cảm ơn bạn đã chỉ ra những điểm đặc biệt của khóa học. Tôi sẽ mang bài giảng tiếp theo tới nhanh chóng! :)

  • iamjjoal5302님의 프로필 이미지
    iamjjoal5302

    Đánh giá 10

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Quả là Captain Pangyo! Phần giải thích không thừa thãi, chỉ đúng những chỗ cần thiết, tài liệu bổ trợ bài giảng phong phú, độ dài bài giảng vừa đủ để tập trung,... đúng là một bài giảng hoàn hảo. (Giọng đọc rõ ràng dễ nghe và giọng nói hay là điểm cộng) Đột nhiên tôi được giao dự án next.js nên cảm thấy rất hoang mang, nhưng bài giảng này đã giúp tôi rất nhiều. Mỗi khi nhớ đến anh, tôi sẽ lạy về hướng Pangyo một lạy. Hãy làm việc chăm chỉ như trâu nhé! Cố lên!

    • modify님의 프로필 이미지
      modify

      Đánh giá 2

      Đánh giá trung bình 5.0

      5

      84% đã tham gia

      Tôi là một nhà phát triển mới đang bối rối vì đột nhiên phải làm việc trên Next.js... ㅜㅜ Vị trí của tôi là back-end nên trước đây tôi không liên quan nhiều đến front-end framework nên tôi đã Tôi không biết nên bắt đầu từ đâu nhưng nó rất thú vị với mức giá phải chăng cho người mới bắt đầu. Tôi đã tham gia khóa học!! (Chất lượng không giảm chỉ vì rẻ!!) Một số người nói rằng họ không hài lòng với các chi tiết trong các bài đánh giá khóa học khác, nhưng tôi giới thiệu nó cho những người đã nghiên cứu trước đó... Cá nhân tôi cảm thấy rằng nó ít không cần thiết hơn và nó nhắc nhở tôi về những chi tiết cần thiết. rất vui vì bạn đã nhận được nó!! Lời cầu nguyện sâu sắc Bắt đầu từ hôm nay, tôi sẽ cầu nguyện cho bạn!!

      • nataek2159님의 프로필 이미지
        nataek2159

        Đánh giá 15

        Đánh giá trung bình 3.3

        4

        100% đã tham gia

        911.091 ₫

        Khóa học khác của captain

        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!