강의

멘토링

로드맵

BEST
Programming

/

Front-end

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

내가 만든 Vue.js trang web muốn được nhiều người biết đến hơn? Đây là khóa học phù hợp với những ai đã nghe hết loạt bài Vue.js của Captain Pangyo và muốn thử nghiệm cả tính năng render phía máy chủ. Khóa học Bắt đầu với Nuxt.js!

(4.9) 122 đánh giá

1,644 học viên

  • captain
Nuxt.js
Vue.js
ssr

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

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

  • Kết xuất phía máy chủ

  • Phát triển Vue.js

  • Phát triển giao diện người dùng

Kết xuất phía máy chủ với Nuxt.js!
Bây giờ, hãy thử Vue.js mạnh mẽ hơn.

Vue.js, bạn có muốn sử dụng nó tốt hơn không?

Nếu bạn là nhà phát triển front-end sử dụng Vue.js, bạn có thể triển khai kết xuất phía máy chủ bằng Nuxt.js.

Nếu bạn là nhà phát triển chế độ xem, bạn có thể sử dụng Knockst
Có thể triển khai kết xuất phía máy chủ .


Tuy nhiên,
Kết xuất phía máy chủ là gì? 🤔

Kết xuất phía máy chủ là một kỹ thuật trong đó một trang được vẽ trên máy chủ, gửi đến máy khách (trình duyệt) và sau đó hiển thị trên màn hình. Chúng tôi sử dụng công nghệ kết xuất phía máy chủ để truyền tải chính xác thông tin trang web của tôi về tối ưu hóa công cụ tìm kiếm (SEO) và phương tiện truyền thông xã hội.

Nuxt.js là một khuôn khổ được các nhà phát triển Vue.js sử dụng rộng rãi để triển khai kiểu kết xuất phía máy chủ này. Nó có tác dụng giới thiệu trang web tôi tạo ra đến nhiều người hơn.

Tuy nhiên, vì không có bài giảng chuyên sâu về Nuxt.js tại Hàn Quốc và không có nhiều tài liệu tham khảo nên tôi thường nhận được yêu cầu mở lớp học. Tôi hy vọng bài giảng này sẽ hữu ích cho những ai cần phát triển dịch vụ với Nuxt.js.


Dành cho những ai đang bắt đầu với Nuxt.js
Để giúp bạn.

Từ việc tạo dự án đến triển khai dịch vụ ,
Những điều bạn cần biết khi phát triển với Noxtro
Chúng tôi sẽ đề cập đến mọi thứ.

“Tôi phải thử Rust, nhưng nó khác gì so với phương pháp phát triển của Vue?”
Khóa học này phù hợp với những người mới làm quen với khái niệm kết xuất phía máy chủ hoặc những người cần phát triển với Nuxt.js tại nơi làm việc nhưng chưa từng sử dụng trước đây. Hãy cùng tìm hiểu sự khác biệt giữa phương pháp phát triển Nuxt.js và Vue.js hiện tại bằng cách tạo một số trang web trung tâm mua sắm đơn giản.

✅ Dành cho những người mới làm quen với Nuxt.js
✅ Những người biết các khái niệm cơ bản về phát triển Vue.js nhưng không quen thuộc với kết xuất phía máy chủ
✅ Những người đang làm việc trên một dự án Nuxt.js tại công ty của họ nhưng gặp khó khăn trong việc tìm ra nơi để bắt đầu
✅ Các nhà phát triển front-end quan tâm đến việc kết xuất phía máy chủ


Đã tạo khóa học này
Giới thiệu người chia sẻ kiến ​​thức 😎

Dành cho các học viên phát triển thực địa
Hãy để tôi cho bạn biết bí quyết nhé 🎁


Các tính năng độc đáo của khóa học này
Hãy xem thử nhé ✨

Chúng tôi cung cấp ghi chú bài giảng.

Các khái niệm chính liên quan đến Nuxt.js và kết xuất phía máy chủ được trình bày trong khóa học đều được trình bày dễ hiểu thông qua các ghi chú bài giảng và hình ảnh minh họa được viết rõ ràng.

Tạo trang web của riêng bạn.

Bạn có thể học được những ưu điểm và ngữ pháp của Nuxt.js khi tạo trang web trung tâm mua sắm. (70% hoặc hơn thời gian đào tạo thực tế)

So sánh các cấu trúc một cách tự nhiên.

Để kết nối nội dung của loạt bài Captain Pangyo Vue.js một cách tự nhiên với bài giảng Nuxt.js, chúng tôi sẽ giải thích bằng cách so sánh nó với cấu trúc của một trang duy nhất.

📢 Kiểm tra kiến ​​thức chơi game của bạn!


Học trong lớp
Để tôi kể cho bạn nghe nội dung nhé 🎈

Kết xuất phía máy chủ

Chúng tôi sẽ giải thích chi tiết sự khác biệt so với việc phát triển một dự án được tạo bằng View CLI hiện có, cách thức hoạt động của kết xuất phía máy chủ và những ưu điểm của nó.

Hiểu cách hoạt động của kết xuất phía máy chủ

Công cụ này giúp bạn dễ dàng hiểu các khái niệm đã học bằng cách so sánh các trang web có và không áp dụng SSR thực tế.

Hiểu các mẫu bố cục

Sơ đồ giúp bạn hiểu các thành phần bố cục trong Nuxt.js và nêu chi tiết sự khác biệt của chúng so với các ứng dụng một trang truyền thống.

Quy tắc ESLint cho Nuxt.js

Mô tả các quy tắc ESLint cho Nuxt.js mạnh mẽ hơn so với các quy tắc dành cho dự án Vue CLI. Hãy cùng xem ESLint thực sự được áp dụng như thế nào trong mã của chúng ta.

Cấu hình và kết nối máy chủ API phụ trợ

Chúng tôi sẽ hướng dẫn bạn cách cấu hình máy chủ API để phát triển trang web trung tâm mua sắm. Các bước cấu hình máy chủ được hướng dẫn để bạn có thể tự thực hiện ngay cả sau giờ học.

Phương pháp thiết kế thành phần

Chúng tôi sẽ hướng dẫn bạn các phương pháp thiết kế thành phần mà bạn nên cân nhắc trong các khuôn khổ dựa trên thành phần như React và Vue, đồng thời xem xét nội dung đã triển khai.

Tạo một trang web tương tự như một trung tâm mua sắm

Hãy tạo một trang web tương tự như một trung tâm mua sắm bằng cách liên kết nó với một API thực tế. Trong quá trình sản xuất, chúng ta sẽ áp dụng từng khái niệm của Nuxt.js và tìm hiểu về sự khác biệt so với các ứng dụng Vue.js hiện có.

Đánh dấu và tạo kiểu theo nhu cầu

Chúng tôi chỉ cung cấp đánh dấu và kiểu bố cục chính cho quá trình phát triển màn hình và cung cấp kiểu chi tiết dưới dạng mã nguồn kho lưu trữ GitHub. Bạn có thể tập trung vào việc học các khái niệm về Nuxt.js, cho phép học tập nhanh chóng và hiệu quả.


Những câu hỏi thường gặp 💬

H. Tôi mới làm quen với Vue.js. Tôi có thể tham gia khóa học này không?

Khóa học này phù hợp với những người biết các khái niệm cơ bản về Vue.js. Tôi nghĩ sẽ tốt hơn nếu coi Nuxt.js như một khuôn khổ bổ sung thêm một vài quy tắc vào kiến ​​thức cơ bản mà bạn cần biết khi phát triển với Vue.js. Tôi khuyên bạn nên xem hết bài giảng về Vue.js của Captain Pangyo từ đầu đến cuối trước khi nghe bài này.

H. Tôi không biết gì về kết xuất phía máy chủ. Tôi vẫn có thể tham gia lớp học chứ?

Vâng, bạn có thể nghe. Bài viết không chỉ đề cập đến API và cách sử dụng Nuxt.js mà còn đi sâu vào lý do tại sao kết xuất phía máy chủ lại tốt và nó khác với kết xuất phía máy khách truyền thống (ứng dụng một trang) như thế nào. Sau khi học lớp này, bạn sẽ có hiểu biết vững chắc về kết xuất phía máy chủ.

H. Tôi mới tham gia phát triển front-end. Tôi có thể tham gia khóa học này không?

Khóa học này không phù hợp với những người hoàn toàn mới làm quen với phát triển front-end. Bài giảng được thiết kế sao cho dễ nghe đối với những người có khái niệm cơ bản về HTML, CSS và JS. Tôi khuyên bạn nên nghe nó với ít nhất một hiểu biết cơ bản về Vue.js và khái niệm về ứng dụng một trang sử dụng bộ định tuyến.

H. Vue.js 3 đã được phát hành. Bạn có định tiếp tục với Vue 3 không? Bạn có đang chuyển sang Vue 2 không?

Khóa học này dựa trên Vue 2. Phiên bản chính thức của Nuxt.js dựa trên Vue 3 vẫn chưa ra mắt, đồng thời Vue 3 cũng có nhiều hạn chế khi sử dụng trong thực tế nên được xây dựng dựa trên Vue 2, có thể áp dụng ngay sau khi học. Xin lưu ý rằng chúng tôi cũng sẽ cập nhật nội dung Vue 3 khi hệ sinh thái dựa trên Vue 3 trở nên ổn định trong tương lai :)

※ Mọi thứ bạn học được ở Vue 2 đều có thể áp dụng cho Vue 3. Sự khác biệt giữa Vue 2 và Vue 3 chỉ là một điểm khác biệt chính về API, do đó không có sự khác biệt đáng kể nào cả.


Thuyền trưởng Pangyo
Bạn có tò mò về các bài giảng khác không?

Giới thiệu người chia sẻ kiến ​​thức 👨‍🏫

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

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

“Vue.js mã nguồn mở + với doanh thu từ bài giảng
Hỗ trợ Life Coding 😁”

Chúng tôi cung cấp chiết khấu cho bài giảng!

Series "Hoàn thiện Frontend với Vue.js
Developer Roadmap" giảm giá 25% (nhấp vào)

Học sinh trung học cơ sở và trung học phổ thông không có thu nhập,
Giảm giá 50% cho sinh viên đại học (nhấp vào)

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

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

  • Nếu bạn mới bắt đầu sử dụng Nuxt.js

  • 서버 phía máy chủ muốn học cách render

  • Vue.js bằng cách tạo ra các trang web được nhiều người truy cập

  • Nhà phát triển phần mềm phía trước

  • nhà xuất bản

  • Người chuẩn bị xin việc

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

  • Bắt đầu với Vue.js

  • Vue.js trung cấp

  • Hướng dẫn hoàn chỉnh về Vue.js

  • Hoàn thành Vue.js

Xin chào
Đây là

48,280

Học viên

4,710

Đánh giá

3,813

Trả lời

4.9

Xếp hạng

18

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ả

73 bài giảng ∙ (6giờ 11phút)

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

Đánh giá

Tất cả

122 đánh giá

4.9

122 đánh giá

  • toki moki님의 프로필 이미지
    toki moki

    Đánh giá 6

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    저는 백앤드 개발자입니다. 장기효 선생님의 최고 수준의 좋은 강의를 듣고 Web 개발에 엄청난 관심이 생기고 있습니다. 그런데 제가 구현 하고 싶은 시스템의 최종 모습은 Nuxt3(SEO) + Vue3 입니다. Nuxt3도 최근 Release 되었다고 합니다. Nuxt3 기반으로 교육 요청 드립니다. Vuetify2 유튜브 동영상을 들었는데 생각 보다 어렵지 않더군요 Vuetify3는 공식홈페이지를 보니 내년 상반기 Release 되나 봅니다. 좋은 교육 감사했습니다. ^^

    • mj Song님의 프로필 이미지
      mj Song

      Đánh giá 6

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      아직 한국에 nuxt 관련 서적이나 강의가 없거나 드문데 많은 도움이 되었습니다. 혹시 준 실무수준의 클론코딩 nuxt 강의는 계획이 없으실까요?? 예를 들면 nuxt-auth 같은 패키지를 이용해서 구성이나 api 모듈 구성 같은... nuxt에서는 어떻게 구성하실지 궁금합니다!!

      • sujin3473님의 프로필 이미지
        sujin3473

        Đánh giá 1

        Đánh giá trung bình 3.0

        3

        14% đã tham gia

        예전 버전이라 프로젝트 생성 방법부터 조금 다르네요 ㅠ vue 3 강의처럼 업그레이드 해주시면 좋을 것 같아요..

        • 찬규님의 프로필 이미지
          찬규

          Đánh giá 1

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          프론트엔드에 관심이 생기면서 2개월 동안 열심히 공부 중인 대학생입니다! 혼자서 막연하게 공부하다가 이해도 안 되고 너무 힘들었는데 우연히 캡틴 판교님을 접해 지금 강의까지 다 듣고 복습도 하는 중이에요! 덕분에 방향 잘 잡고 공부해 가는 것 같아요ㅜㅜ 진짜 강의들 너무 좋고 요번 nuxt강의도 도움 많이 되었어요 개인적으로 정말 감사드립니다! 앞으로 새로운 강의 나오면 바로 뛰어가서 수강하겠습니다 ㅠㅠ

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

            아이고 찬규님 너무 좋은 평가 감사드려요! ㅋㅋ 앞으로 강의도 많이 기대해 주세요. 찐 강의 준비해 오겠습니다! :)

        • 민귀홍님의 프로필 이미지
          민귀홍

          Đánh giá 8

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          vue만써서 처음 부터 환경설정 해줘야하는 부분이많았는데 nuxt 프레임웍을 쓰니 지원해주는것도많고 SSR이 장점이 크네요

          • 그쵸 뷰를 어느정도 알고 있으면 nuxt로 시작하는게 오히려 편한 부분이 많은 것 같아요 ㅋㅋ

        Ưu đãi có thời hạn

        41.250 ₫

        25%

        1.163.731 ₫

        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!