강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Làm quen với Next.js - Hãy xem tài liệu chính thức

Tìm hiểu Next.js mới nhất với tài liệu chính thức. Bây giờ bạn có thể hiểu tại sao Next.js lại cần thiết như một công cụ giải quyết vấn đề!

(4.9) 70 đánh giá

732 học viên

  • hajoeun
3시간 만에 완강할 수 있는 강의 ⏰
next.js
next.js13
Next.js
공식문서
React
TypeScript

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

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

  • Hiểu nhu cầu về Next.js như một công cụ giải quyết vấn đề

  • Tìm hiểu và nắm vững các khái niệm cơ bản về Next.js và App Router

  • Hương vị của thành phần máy chủ (RSC) được giới thiệu trong React 18

Học với Carrot Engineer
Next.js 13! 💡

Nếu bạn là một nhà phát triển front-end, Next.js

Next.js là một công cụ mạnh mẽ để xây dựng và triển khai các ứng dụng web.
Next.js, công cụ cho phép xây dựng ứng dụng web nhanh chóng và hiệu quả, hiện đang được nhiều công ty như Netflix, Nike và TikTok sử dụng tích cực.

Xin chào! Tôi là Ha Jo-eun 👋

Sau khi làm việc tại Maple và Banksalad, hiện tại tôi đang làm kỹ sư front-end tại Carrot.

Các kỹ sư front-end thường cảm thấy choáng ngợp trước những công nghệ mới được giới thiệu mỗi ngày . Có lẽ bạn cũng đang cảm thấy áp lực từ Next.js. Áp lực này có thể đã tăng lên với bản phát hành gần đây của Next.js 13, tích hợp các tính năng mới nhất của React 18.

Tôi cũng từng như vậy. Tôi đã từng sử dụng Next.js trước đây, nhưng tôi không hiểu những khái niệm mới.

Tôi đã tạo ra khóa học này sau khi nỗ lực tìm hiểu một công nghệ mới. Có lẽ bạn cũng biết rằng mình học được nhiều nhất khi giảng dạy. Tôi đã chuẩn bị khóa học này với tâm thế học hỏi và chia sẻ những gì mình đã học được. Thông qua khóa học này, tôi hy vọng sẽ truyền tải đến bạn những giá trị sau.

  • 1️⃣ Hãy để tôi cho bạn biết lý do tại sao bạn nên học Next.js trong số rất nhiều framework khác.
    • Tôi hy vọng bạn sẽ có được chút kiến thức bổ ích để làm kim chỉ nam khi lựa chọn công cụ mới với tư cách là kỹ sư front-end trong tương lai.
  • 2️⃣ Chúng ta sẽ xem xét các khái niệm chính bạn cần biết trong Next.js phiên bản 13.
    • Khi chúng ta xem xét hệ thống định tuyến mới, App Router, các thành phần máy chủ, truy xuất dữ liệu, lưu trữ đệm và xác thực lại, tôi hy vọng bạn sẽ nghĩ, "Thực ra cũng không khó lắm đâu."
  • 3️⃣ Áp dụng các khái niệm cốt lõi bạn đã học khi tạo ứng dụng .
    • Tôi hy vọng rằng bạn sẽ mắc lỗi và gặp phải lỗi trong quá trình này, đồng thời thu được những thông tin có giá trị hữu ích trong thực tế.

Tôi làm điều này với suy nghĩ về người này 💁‍♂️

😢 Next.js... Tôi là người duy nhất không biết

Tôi đang học React và áp dụng nó vào công việc, nhưng tôi chưa thực sự hiểu rõ về Next.js. Mọi người đều nói về nó, nhưng tôi cảm thấy mình là người duy nhất không biết về nó, nên tôi rất lo lắng.

📌 Việc người khác bàn tán về một công nghệ mới không có nghĩa là bạn phải học nó. Không bao giờ là quá muộn để học khi bạn thực sự cần. Tuy nhiên, nếu bạn muốn thảo luận về Next.js với các nhà phát triển khác, khóa học của tôi sẽ rất hữu ích!

😵‍💫 Thậm chí còn khó để xem tài liệu chính thức

Tôi đang cố gắng học Next.js phiên bản 13, nhưng vẫn chưa hiểu tài liệu chính thức. Tôi rất mong ai đó có thể tóm tắt những điểm chính từ tài liệu chính thức để chúng ta có thể cùng nhau học tập.

📌 Mặc dù tài liệu chính thức chắc chắn là một nguồn học tập giá trị, nhưng khối lượng kiến thức đồ sộ của nó có thể gây choáng ngợp. Chẳng phải sẽ hiệu quả và tiết kiệm thời gian hơn nếu có một giảng viên giàu kinh nghiệm chỉ ra những điểm bạn cần học sao? Bài giảng này tóm tắt các khái niệm chính dựa trên tài liệu chính thức của Next.js.

🤔 Tôi thực sự nên viết nó như thế nào?

Tôi đã làm theo tài liệu chính thức, nhưng nó không hoạt động như mong đợi. Tôi không biết có vấn đề gì. Tôi đã tìm kiếm, nhưng khó tìm được kết quả tốt, có lẽ vì Next.js 13 mới được phát hành gần đây.

📌 Khi làm theo mã trong tài liệu chính thức, bạn sẽ thường gặp phải những trường hợp mã không hoạt động như mong đợi. Tôi đã bối rối vài lần khi chuẩn bị cho bài giảng này. Trong bài giảng này, tôi sẽ chia sẻ mã thực tế, hoạt động tốt.


Những gì bạn sẽ đạt được từ khóa học này 💎

1. Quan điểm về công nghệ đang thay đổi.

Giống như nhiều công nghệ khác, tôi tin rằng Next.js ra đời để giải quyết một vấn đề. Trong bài giảng này, tôi muốn truyền đạt các khái niệm cốt lõi và giải thích ý nghĩa của từng công cụ.

  • Hiểu cách các framework JavaScript đã phát triển để đưa Next.js đến với thế giới.
  • Bạn có thể thấy tại sao Next.js là một công cụ đáng để học như một công cụ giải quyết vấn đề.

2. Bạn sẽ có tài liệu học tập để sử dụng bất cứ lúc nào.

Tôi tin rằng một bài giảng hay sẽ đọng lại trong đầu bạn rất lâu. Tuy nhiên, trí nhớ của chúng ta có hạn. Tôi muốn cung cấp sự hỗ trợ thiết thực bằng cách cung cấp một cẩm nang và mã nguồn để bạn có thể truy cập bất cứ khi nào cần.

  • Chúng tôi cung cấp một sổ tay tóm tắt các khái niệm cốt lõi từ tài liệu chính thức của Next.js.
  • Chúng tôi cung cấp mã nguồn cho dự án mà chúng tôi đã cùng nhau tạo ra trong lớp.
  • Chúng tôi sẽ trả lời câu hỏi của bạn sớm nhất có thể. Khi số lượng đăng ký tăng lên, chúng tôi sẽ mở một kênh riêng.

Bạn sẽ học được gì? 📚

Tổng cộng nó bao gồm ba phần.

Mục 1.
Tại sao nên học Next.js?

Hãy cùng xem xét những gì đã xảy ra trước khi Next.js ra đời. Chúng tôi đã dành thời gian để tìm hiểu những thách thức mà các công cụ như jQuery, AngularJS và React đang cố gắng giải quyết, bắt đầu từ sự xuất hiện của JavaScript. Dĩ nhiên, bạn sẽ được tìm hiểu bối cảnh dẫn đến sự ra đời của Next.js!

Phần 2
Học những điều cơ bản về Next.js

Chúng tôi đã chắt lọc những kiến thức cốt lõi từ tài liệu chính thức của Next.js. Bạn sẽ tìm hiểu Next.js là gì và những điểm mới trong Next.js 13. Bạn sẽ hiểu rõ hơn về thành phần máy chủ mới được giới thiệu, định tuyến dựa trên hệ thống tệp, tìm nạp dữ liệu và siêu dữ liệu!

Mục 3.
Làm quen với Next.js

Đây là quá trình áp dụng những kiến thức đã học ở chương trước vào mã nguồn thực tế. Bằng cách xây dựng một ứng dụng thời tiết, bạn sẽ có thể áp dụng những khái niệm mà trước giờ bạn chỉ nghĩ trong đầu vào thực tế. Bạn sẽ trực tiếp gọi API thời tiết và học cách lấy dữ liệu, lưu trữ đệm và xác thực lại dữ liệu, đồng thời thực hành với Next.js!


Xin lưu ý 📢

Để tôi giới thiệu cho bạn môi trường thực hành và tài liệu học tập! Tôi đã sử dụng MacBook Air M1 với bộ nhớ 8GB .

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

  • Hệ điều hành và môi trường: macOS, Node.js 18.17.0
  • Công cụ được sử dụng: VSCode
  • Dịch vụ được sử dụng: Vercel , WeatherAPI , TimeAPI

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

  • Một cuốn sổ tay được cập nhật liên tục dựa trên phản hồi
  • Mã nguồn của ứng dụng thời tiết mà chúng tôi đã cùng nhau tạo ra

Trước khi tham dự buổi thuyết trình

  • Tôi khuyên bạn nên nghe những bài giảng miễn phí trước.
  • Xem bài thuyết trình về mã sạch tại Banksalad cũng sẽ giúp bạn hiểu được phong cách bài giảng.

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

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

  • Những người muốn hiểu các khái niệm chính của Next.js

  • Những người muốn dùng thử các tính năng mới nhất của React

  • Những người quan tâm đến việc chọn khung JavaScript

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

  • HTML & CSS

  • JavaScript

  • Phản ứng

  • Bản đánh máy

Xin chào
Đây là

1,067

Học viên

83

Đánh giá

47

Trả lời

4.8

Xếp hạng

3

Các khóa học

마플, 뱅크샐러드 거쳐 현재는 당근에서 프론트엔드 엔지니어로 일하고 있습니다.

 

"난 네가 필요해", "너의 존재가 나에게 힘이 돼"라는 말을 좋아합니다. 이웃의 필요를 채워주고 힘이 되어 주는 것, 그게 사랑이라고 믿습니다. 좋은 강의로 여러분의 필요를 채우고 힘이 되어드릴 수 있도록 노력하겠습니다.

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

Tất cả

22 bài giảng ∙ (1giờ 54phút)

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

Đánh giá

Tất cả

70 đánh giá

4.9

70 đánh giá

  • petercha900526님의 프로필 이미지
    petercha900526

    Đánh giá 8

    Đánh giá trung bình 4.6

    5

    45% đã tham gia

    Nếu tôi bắt đầu với khóa học này khi học Next.js thì tôi đã bớt nản lòng hơn rất nhiều..! Đây là bài giảng luôn nhắc nhở tôi về điều này. Tôi đã biết người hướng dẫn này một thời gian qua các bài giảng bên ngoài và video trên YouTube của anh ấy, và tôi nghe nói rằng anh ấy đang giảng một bài giảng như thế này nên tôi quyết định nghe nó. Sau khi nghe bài giảng, tôi cảm thấy như nó đã che đậy được những khuyết điểm của phương pháp học tập trung vào học tập thực tế, chẳng hạn như “Nếu làm được điều này thì bạn có thể có được chức năng này mà không cần đọc kỹ tài liệu chính thức!” Nó rất dễ nghe vì có cảm giác như một học sinh cuối cấp thân thiện ở trường đang giải thích cho tôi khi nói chuyện bên cạnh, và tôi nghĩ đó là CSR khi nó nói 'sử dụng khách hàng', nhưng phần trong đó nó bắt đầu bằng cách giải thích ngay rằng đó không phải là điều mà mọi người có xu hướng bỏ qua. Tôi cảm thấy đây là một khóa học tốt sẽ giúp bạn củng cố các kỹ năng cơ bản của mình.

    • milktea님의 프로필 이미지
      milktea

      Đánh giá 26

      Đánh giá trung bình 4.8

      5

      91% đã tham gia

      Tôi là một nhà phát triển cấp dưới với ít hơn 1 năm kinh nghiệm. Tôi đột nhiên thấy mình đang làm việc như một nhà phát triển tự do. Vì đây là dự án dựa trên Next 13 nên tôi chỉ tham gia sau khi xem bài giảng này. Những phần thiết yếu phải biết được giải thích rõ ràng dựa trên các tài liệu chính thức, đồng thời đưa ra câu trả lời rõ ràng, chi tiết cho các câu hỏi thay vì trả lời mơ hồ. bài giảng tôi đã nghe. Tôi có cảm giác rằng anh ấy đang chân thành giúp tôi lấp đầy sự thiếu tự tin bằng kiến ​​thức. Tất cả những gì tôi có thể đáp lại bạn là bài đánh giá khóa học không mấy quan trọng này. Đánh giá này có liên quan đến việc tham gia khóa học không? Nếu bạn có thời gian rảnh, tôi khuyên các nhà phát triển tiềm năng/cấp dưới hãy xem bài đăng trên blog của người hướng dẫn. Nó giống như một tập hợp những mối quan tâm mơ hồ mà chúng tôi với tư cách là nhà phát triển đã được viết ra và khi đọc nó, bạn có thể thấy mình đang suy nghĩ về việc mình sẽ trở thành loại nhà phát triển nào và bạn có thể gián tiếp trải nghiệm quá trình của công ty và tôi lựa chọn. nhau thông qua chữ viết. Thật thú vị, khi đọc bạn sẽ có cảm xúc và nó trở nên sâu sắc(?). Chỉ cần đọc bài viết của bạn, bạn có thể thấy rằng bạn là một nhà phát triển giỏi. Cảm ơn bạn rất nhiều vì đã khiến tôi đặt một dấu hỏi lớn cho chính mình, người đang tự trách mình khi chỉ nhìn vào những tựa game như Nekaraku Dividend Tot. Tôi nên trở thành một nhà phát triển như Ha Jo-eun, người biết cách suy ngẫm về bản thân và xác định hoàn cảnh cũng như khả năng của mình thông qua việc viết lách. Và tôi đặt ra mục tiêu. Bạn là một giáo viên tốt.

      • hoho952791님의 프로필 이미지
        hoho952791

        Đánh giá 6

        Đánh giá trung bình 4.3

        5

        45% đã tham gia

        Không có gì giống như thế này đối với người biết một chút về React. Đó là điều tốt nhất. Thật tốt vì không có những lời giải thích không cần thiết và chỉ những phần bạn tò mò mới được giải đáp.

        • seaweeddragonvic3619님의 프로필 이미지
          seaweeddragonvic3619

          Đánh giá 1

          Đánh giá trung bình 5.0

          5

          32% đã tham gia

          Khi tôi học next.js lần đầu tiên, thật khó để hiểu những gì được nói ngay cả khi tôi xem tài liệu chính thức, nhưng tôi nghĩ nó thực sự giúp ích cho tôi rất nhiều khi giải thích những điểm chính một cách ngắn gọn. đã học vài lớp ở Infrun, nhưng đây là lần đầu tiên tôi để lại nhận xét. Đây sẽ là một lớp học tốt trong tương lai. Hãy cho tôi nhiều nhé~.

          • stu님의 프로필 이미지
            stu

            Đánh giá 15

            Đánh giá trung bình 4.9

            5

            73% đã tham gia

            Có phải nó quá ngắn không? Tôi tưởng nội dung sẽ nhẹ nhàng nhưng tôi nghĩ thật tốt khi có thể xem xét tổng thể các nét chính, mặc dù chưa đầy đủ. Tôi còn hào hứng hơn vì họ nói sẽ có bài giảng tiếp theo!

            Ưu đãi có thời hạn, kết thúc sau 8 ngày ngày

            17.710 ₫

            30%

            536.617 ₫

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

            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!