내가 만든 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ủ 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 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.
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?
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. ^^
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!!
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ㅠㅠ
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.