강의

멘토링

커뮤니티

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á

728 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

Dịch cái này sang tiếng Việt

  • 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,061

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

    This is a lecture that makes me think, "If I had started with this lecture when I was learning Next.js, it would have been much less frustrating..!" I knew the lecturer from his external lectures and YouTube videos, but I listened to this lecture because he said he would do it. After listening to the lecture, I felt that it covered the shortcomings of the learning method that I had learned only by focusing on practical work, such as not reading the official documentation properly and only learning by doing this and then this function! It was easy to listen to because it felt like a kind senior from school was talking right next to me, and I thought 'use client' was CSR, but he immediately explained that it wasn't, and I felt like it was a good lecture that solidified the basics by filling in the points that people tend to overlook.

    • milktea님의 프로필 이미지
      milktea

      Đánh giá 26

      Đánh giá trung bình 4.8

      5

      91% đã tham gia

      I am a junior developer with less than 1 year of experience. I suddenly started working as a freelance developer. Since it was a Next 13-based project, I was assigned to it after watching this lecture. The essential parts that I absolutely must know were explained well based on the official documentation, and the answers to questions were not vague but clear and detailed, so when I looked through the answers given to the students, I felt like I was looking at a separate appendix to the lecture. I felt that they were sincerely helping me fill my lack of confidence with knowledge. As a thank you, I have nothing but this insignificant review. This review is not related to the lecture, but. If you have time, I recommend that prospective/junior developers take a look at the instructor's blog posting. It seems like he has collected and written down the foggy worries that we as developers have, and as you read, you will think about what kind of developer you will become, and you can indirectly experience the process of the company and I choosing each other through the writing. It is fun, and as you read, you empathize and become profound(?). Just by reading the article, you can see that you are a good developer. I am really grateful that you made me question myself, who used to blame myself by just looking at titles like Nekaraku Baedangto. I set a goal to become a developer like Hajo Eun who knows how to reflect on herself and define her own situation and abilities through her writing. You are a good teacher.

      • hoho952791님의 프로필 이미지
        hoho952791

        Đánh giá 6

        Đánh giá trung bình 4.3

        5

        45% đã tham gia

        For someone who knows a little about React, there's nothing better than this. It's the best. There's no useless explanation, and it's good because it only tells you the parts you're curious about.

        • seaweeddragonvic3619님의 프로필 이미지
          seaweeddragonvic3619

          Đánh giá 1

          Đánh giá trung bình 5.0

          5

          32% đã tham gia

          When I first started learning next.js, I had a hard time understanding what was being said even when I looked at the official documentation, but it was really helpful that you explained the key points concisely. I have taken many classes at Inflearn, but this is my first time leaving a comment. I hope you will continue to provide great lectures in the future.

          • stu님의 프로필 이미지
            stu

            Đánh giá 15

            Đánh giá trung bình 4.9

            5

            73% đã tham gia

            I thought it would be light because it was too short, but I think it was good because I was able to look at the main functions of Next.js, although not all. I am even more excited because you said there will be a follow-up lecture!

            536.974 ₫

            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!