강의

멘토링

로드맵

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) 121 đá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,235

Học viên

4,702

Đánh giá

3,813

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ả

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

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

Đánh giá

Tất cả

121 đánh giá

4.9

121 đánh giá

  • fordev님의 프로필 이미지
    fordev

    Đánh giá 6

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    I am a backend developer. After listening to the best lectures by Jang Gi-hyo, I am becoming very interested in web development. But the final form of the system I want to implement is Nuxt3(SEO) + Vue3. I heard that Nuxt3 was recently released. I would like to request training based on Nuxt3. I watched the Vuetify2 YouTube video and it wasn't as difficult as I thought. I think Vuetify3 will be released in the first half of next year according to the official website. Thank you for the great training. ^^

    • dkaskgkdua님의 프로필 이미지
      dkaskgkdua

      Đánh giá 6

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      There are still no or rare books or lectures related to nuxt in Korea, so this was very helpful. Do you have any plans for a semi-practical level clone coding nuxt lecture?? For example, using a package like nuxt-auth to configure or configure an API module... I wonder how you would configure it in nuxt!!

      • sujin34731147님의 프로필 이미지
        sujin34731147

        Đánh giá 1

        Đánh giá trung bình 3.0

        3

        14% đã tham gia

        Since it's an old version, the project creation method is a little different. I think it would be good if you could upgrade it like the Vue 3 lecture.

        • chan9yu님의 프로필 이미지
          chan9yu

          Đánh giá 1

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          I'm a college student who has been studying hard for 2 months because I became interested in front-end! I studied vaguely on my own and didn't understand anything and it was so hard, but I happened to come across Captain Pangyo and I'm currently listening to all the lectures and reviewing them! Thanks to him, I feel like I'm studying in a good directionㅜㅜ The lectures are really good and this Nuxt lecture was also very helpful. I'm really grateful to you personally! I'll jump right in and take the new lectures as soon as they come out in the futureㅠㅠ

          • captain
            Giảng viên

            Oh my, Chan-gyu, thank you so much for the great review! Haha Please look forward to future lectures. I will prepare a real lecture! :)

        • rnlghdals7335님의 프로필 이미지
          rnlghdals7335

          Đánh giá 8

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          Since I only used Vue, there were a lot of things that had to be set up from the beginning, but since I use the Nuxt framework, there are a lot of things that are supported, and SSR is a big advantage.

          • captain
            Giảng viên

            Right, if you have some knowledge of views, I think it's actually easier to start with Nuxt.

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

        33 ₫

        23%

        1.164.217 ₫

        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!