내가 만든 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!
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.
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ủ .
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.
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ủ
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!
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ả.
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ả.
“Vue.js mã nguồn mở + với doanh thu từ bài giảng
Hỗ trợ Life Coding 😁”
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)
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
49,022
Học viên
4,800
Đánh giá
3,815
Trả lời
4.9
Xếp hạng
19
Các khóa học
인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙
📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳
Tất cả
73 bài giảng ∙ (6giờ 11phút)
Tất cả
124 đánh giá
4.9
124 đánh giá
Đánh giá 6
∙
Đánh giá trung bình 5.0
5
Tôi là một nhà phát triển phụ trợ. Sau khi nghe những bài giảng xuất sắc ở cấp độ cao nhất của Giáo sư Jang Ki-hyo, tôi đã học được rất nhiều điều về phát triển web. Có sự quan tâm to lớn. Tuy nhiên, diện mạo cuối cùng của hệ thống tôi muốn triển khai là Đó là Nuxt3(SEO) + Vue3. Người ta nói rằng Nuxt3 cũng đã được phát hành gần đây. Chúng tôi muốn yêu cầu đào tạo dựa trên Nuxt3. Tôi đã nghe video YouTube Vuetify2 và nó không khó như tôi nghĩ. Theo trang web chính thức, Vuetify3 sẽ được phát hành vào nửa đầu năm tới. Tôi thấy nó. Cảm ơn bạn vì sự giáo dục tốt. ^^
Đánh giá 6
∙
Đánh giá trung bình 5.0
5
Hiện chưa có hoặc hiếm có sách hoặc bài giảng nào liên quan đến Nuxt ở Hàn Quốc, nhưng đây là một sự trợ giúp tuyệt vời. Có kế hoạch nào cho bài giảng nuxt mã hóa bản sao ở cấp độ bán thực tế không? Ví dụ: cấu hình bằng các gói như nuxt-auth hoặc cấu hình mô-đun API... Tôi tò mò về cách bạn định cấu hình nó trong nuxt!!
Đánh giá 1
∙
Đánh giá trung bình 3.0
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
Tôi là một sinh viên đại học đã học tập chăm chỉ được hai tháng vì tôi bắt đầu quan tâm đến front-end! Mình học mơ hồ không hiểu và thực sự rất khó khăn nhưng tình cờ gặp được đội trưởng Pangyo và bây giờ mình đang nghe tất cả các bài giảng và ôn tập! Nhờ có bạn mà tôi nghĩ mình đang học tốt và có định hướng tốt. Các bài giảng thực sự hay, và bài giảng tiếp theo này rất hữu ích. Cá nhân tôi cảm ơn bạn rất nhiều! Nếu một khóa học mới ra mắt trong tương lai, tôi sẽ tham gia ngay.
Ôi trời, Changyu, cảm ơn bạn đã đánh giá tuyệt vời! Haha, xin hãy chờ đợi những bài giảng tiếp theo. Chúng tôi sẽ chuẩn bị một bài giảng tuyệt vời! :)
Đánh giá 8
∙
Đánh giá trung bình 5.0
5
Vì mình chỉ dùng vue nên có rất nhiều thứ mình phải cấu hình ngay từ đầu, nhưng vì mình dùng nuxt framework nên có nhiều thứ được hỗ trợ và SSR là một lợi thế lớn.
Chà, tôi nghĩ sẽ dễ dàng hơn để bắt đầu với nuxt nếu bạn biết một chút về View.
Ưu đãi có thời hạn, kết thúc sau 8 ngày ngày
38.500 ₫
30%
1.162.670 ₫
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!
![Planner, học phát triển web ở cấp độ này thì sao? [Lý thuyết + Thực hành]Course Thumbnail](https://cdn.inflearn.com/public/courses/333579/cover/5bfdb903-721c-4e32-803b-ed0d4cfc28b7/333579.png?f=avif&w=420)