Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

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

React bắt đầu với Next.js framework mà bạn nhất định phải biết. Giải thích dễ hiểu từ góc nhìn người mới bắt đầu và hiểu sâu sắc về nguyên lý hoạt động mà người làm thực tế hài lòng. Giải quyết Next.js một cách trọn vẹn.

(4.8) 93 đánh giá

732 học viên

  • captain
next
캡틴판교
Next.js
React
JavaScript

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

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

  • 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

  • Thiết kế thành phần Next và React

  • Mẹo lập trình thực tế của Next.js

  • Phản ứng

  • JavaScript

  • NPM

  • Giao diện lập trình ứng dụng REST

  • Mạng và giao thức HTTP

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

Tôi đã sử dụng Next.js rất nhiều. Tôi nên học nó như thế nào? 🤔

Next.js gần như luôn là lựa chọn hàng đầu khi bắt đầu một dự án React. Tôi vẫn chưa quen với React, vậy tôi nên học Next.js như thế nào?

Framework Next.js bổ sung các quy tắc vào phong cách phát triển linh hoạt của React, đồng thời tự động xử lý các vấn đề như định tuyến và hiệu suất. Không cần phải loay hoay trong bộ tài liệu chính thức đồ sộ của Next.js. Có một hướng dẫn bằng tiếng Hàn dễ hiểu hơn cả tài liệu chính thức của Next.js.


Đại úy Pangyo, người đã dành nhiều năm để giải thích các công nghệ khó hiểu từ góc nhìn của người mới bắt đầu, giờ đây sẽ đi sâu vào Next.js. Từ thuật ngữ đơn giản và các minh họa trực quan được thiết kế cho người mới bắt đầu đến các khái niệm thực tế như kết xuất, kết nối mạng, hiệu suất và hydrat hóa sẽ thu hút các học viên, khóa học Bắt đầu với Next.js này sẽ giúp bạn bắt đầu.

Các tính năng của khóa học này

📌 Bạn sẽ học mọi thứ từ khái niệm cơ bản đến nâng cao của Next trong khi tạo trang web trung tâm mua sắm bằng cách liên kết với REST API.

📌 Mẹo từ một nhà phát triển front-end kỳ cựu 11 năm về cách viết mã nhanh chóng và chính xác trong thời gian ngắn.

📌 Chúng tôi cũng cung cấp kiến thức thiết yếu để sử dụng thực tế, chẳng hạn như công cụ dành cho nhà phát triển Chrome, giao thức HTTP và tối ưu hóa hiệu suất.

📌 Có các bài tập thực hành trong suốt khóa học để giúp bạn hiểu rõ hơn những gì đã học.

📌 Hãy cùng tìm hiểu tất cả các khái niệm như CSR, SSR, Hydration và điều hướng máy khách bằng cách mở trình duyệt và tận mắt chứng kiến.

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

Tôi giới thiệu điều này cho những người này

Hãy bắt đầu một dự án Next.js.

Tôi thậm chí còn không biết nhiều về React, nhưng tôi phải làm việc trong một dự án của công ty với Next.js.
Tôi cần biết những khái niệm và công nghệ nào để phát triển dễ dàng hơn?

Tôi đang chuẩn bị cho công việc với React.
Mỗi vị trí tuyển dụng đều có yêu cầu về trình độ riêng.
Next.js được bao gồm
Công ty thực sự cần những kỹ năng gì?

Một nhà phát triển front-end giỏi là
Tôi tò mò nó hoạt động thế nào
Các nhà phát triển được Nekaraku Cup công nhận sở hữu những kỹ năng gì?
Tôi tò mò về kiến thức và bí quyết mà những người hành nghề có kinh nghiệm có được.

Sau giờ học

  • Việc xây dựng ứng dụng web trở nên dễ dàng với Next.js.

  • Bạn sẽ phát triển kỹ năng viết mã chính xác và nhanh hơn.

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

  • Trong thực tế, bạn có thể tự tin dẫn dắt từ khâu tạo dự án đến các quy ước chung như cấu trúc thư mục.

Tìm hiểu về những điều này.

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

Tìm hiểu cách 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 sử dụng ESLint và Prettier để giảm việc nhập mã và cải thiện năng suất phát triển.

Các khái niệm và cú pháp cơ bản của React + Next.js

Bài giảng này cung cấp những giải thích chi tiết, dễ hiểu về luồng mã, giúp bạn hiểu chính xác. Bài giảng bao gồm mọi thứ, từ CSR, SSR và Hydration đến React và cú pháp JavaScript thiết yếu. 🎁

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

Chúng tôi sẽ hướng dẫn bạn qua các yêu cầu tài nguyên và quy trình render trước khi một trang web được render, đồng thời minh họa trực tiếp. Chúng tôi sẽ giải thích tất cả các thuật ngữ chưa quen thuộc, chẳng hạn như máy chủ, CDN, HTTP và tối ưu hóa hiệu suất, từ góc nhìn của người mới bắt đầu .

Cách viết mã nhanh chóng và chính xác trong thời gian ngắn cùng các mẹo viết tắt từ những người có kinh nghiệm.

Kỹ năng lập trình và khả năng triển khai rất quan trọng đối với người thực hành. Chúng tôi sẽ tiết lộ 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 nhanh chóng và chính xác trong thời gian ngắn . 🚀

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

Jang Gi-hyo (Đội trưởng Pangyo)

Phỏng vấn với "People Met by Inflearn"


Những điều cần lưu ý trước khi tham gia khóa học

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

  • Hệ điều hành và Phiên bản (OS): Tôi sẽ sử dụng máy Mac trong khóa học này, nhưng tôi cũng sẽ đề cập đến tất cả các phím tắt liên quan đến Windows.

  • Công cụ được sử dụng: VSCode

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

  • Chúng tôi cung cấp các bài học trên trang web mà bạn có thể xem bất cứ lúc nào bạn muốn 😄

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

  • Chúng tôi cũng cung cấp nhiều video và tài nguyên giáo dục miễn phí mà bạn có thể xem để tìm hiểu thêm

Kiến thức và biện pháp phòng ngừa của người chơi

Bộ sưu tập biểu ngữ Wiz Ribbon
Bộ sưu tập biểu ngữ Dora Ribbon (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 sử dụng Next.js

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

  • Các nhà phát triển front-end muốn tìm hiểu về quá trình phát triển thực tế của Next.js

  • Các 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 (tôi khuyên bạn nên tham khảo các bài giảng được hướng dẫn trong bài viết trên)

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

Xin chào
Đây là

48,014

Học viên

4,651

Đánh giá

3,812

Trả lời

4.9

Xếp hạng

17

Các khóa học

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

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ả

93 đánh giá

4.8

93 đánh giá

  • 김민경님의 프로필 이미지
    김민경

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    판교 캡틴님 강의는 처음 수강하네요 저는 사수 없이 일하고 있는 3개월 차 개발자입니다. 제가 많은 강의를 들어보았지만 다른 분들 이야기 하시는 것처럼 흡입력이 굉장히 좋으시네요! 빠른 호흡으로 몇 일만에 목표를 잡아두고 1차 완강을 해내었습니다. 물론 흡입력도 좋았지만 궁극적으로 "이건 다음 강의에서 알려드릴게요." 하시는데 궁굼해서 계속적으로 다음 강의를 듣게 되네요. nextjs 를 가르치는 강의는 많이 보실 수 있지만, 왜? 를 가르쳐 주고 궁굼증을 일으키게 하는 강의는 찾기 쉽지 않다고 생각합니다. 궁극적으로 원론? 을 파헤쳐야 한다고 점점 생각이 드는데요! 그런 맥락에서 제 온라인 사수 라고 생각하고 현업에서의 꿀팁과 이 코드를 "왜" 작성해야 하는지 알려주셔서 너무 좋았습니다. (여타의 강의에서는 제가 못 찾거나 떠먹지 못할 수도 있었겠지만요 ..) 그런 의미에서 선생님 얼른 앱라우터를 이용한 심화 next 강의 가져와주세요 .. 쉬지말고 일해주십시오.. 그 동안 저는 가르쳐 주신 것을 현업에 녹아내고 있겠습니다..

    • 장기효(캡틴판교)
      Giảng viên

      세상에.. 감동적인 수강평이네요 ㅋㅋ 쉬지 않고 일하고 있습니다. 다음 강의 나오면 선물로 드릴게요! 감사합니다 :)

  • damin200369님의 프로필 이미지
    damin200369

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    강의 잘 들었습니다! 후속으로 나올 강의들도 기대하겠습니다 :) 핵심도 핵심이지만, 강의에서 하나하나 설명해주시고 특히 정리해서 제공해주시는 노트가 너무 좋습니다!

    • 강의 특장점들을 잘 짚어주셔서 감사합니다. 다음 강의도 빨리 들고 올게요! :)

  • Ara Jo님의 프로필 이미지
    Ara Jo

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    역시 캡틴판교! 필요한 부분을 딱 짚어주는 군더더기 없는 설명에 강의 보충 자료도 풍부하고 집중하기 딱 좋은 강의 길이 등등 정말 완벽한 강의였습니다 (귀에 딱딱 박히는 딕션에 멋진 목소리는 덤) 갑자기 next.js 안건을 맡게 되어 막막했는데 정말 많은 도움이 되었어요 생각날때마다 판교쪽으로 절 한번씩 올릴게요 앞으로도 소처럼 일해주세요 화이팅!

    • 퇴근하고싶어님의 프로필 이미지
      퇴근하고싶어

      Đánh giá 2

      Đánh giá trung bình 5.0

      5

      84% đã tham gia

      갑자기 Next.js를 할 일이 생겨서 막막했던 신입 개발자 입니다...ㅜㅜ 포지션도 백엔드라 기존에 프론트 관련 프레임워크를 다룰일이 별로 없어서 뭐부터 접근해야할까 막막했는데 사회 초년생에게 부담 없는 가격으로 너무 재밌게 수강했습니다!! (저렴하다고 퀄리티가 떨어지지 않습니다!! ) 다른 수강평에서 디테일에 대한 아쉬움을 말씀하시는 분들도 있는데, 어느정도 사전 학습이 되어있는 분들이 듣기를 추천드립니다... 저는 개인적으로 오히려 군더더기가 없고 필요한 디테일을 다시 상기시켜주신다는 느낌으로 잡아주시고 가주셔서 너무 좋았습니다!! 심화편 기원 오늘부터 물떠놓고 기도합니다!!

      • 민경언님의 프로필 이미지
        민경언

        Đánh giá 12

        Đánh giá trung bình 3.3

        4

        100% đã tham gia

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

        41.250 ₫

        25%

        1.164.107 ₫

        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!