
Vue.js 끝장내기 - 실무에 필요한 모든 것
장기효(캡틴판교)
Vue.js로 실무 하시는 분들께 필요한 모든 것을 담았습니다. 실제 백엔드 API로 구현하는 학습 노트 CRUD 애플리케이션. 생산성 높은 프로젝트 환경 구축과 백엔드 개발자와 협업하는 방법에 대한 메시지를 꼭 확인해보세요 :)
中級以上
JavaScript, Vue.js, Vuex
내가 만든 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
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권 집필
👨💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳
Tất cả
73 bài giảng ∙ (6giờ 11phút)
Tất cả
122 đánh giá
4.9
122 đánh giá
Đánh giá 6
∙
Đánh giá trung bình 5.0
Đánh giá 6
∙
Đánh giá trung bình 5.0
Đánh giá 1
∙
Đánh giá trung bình 3.0
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
프론트엔드에 관심이 생기면서 2개월 동안 열심히 공부 중인 대학생입니다! 혼자서 막연하게 공부하다가 이해도 안 되고 너무 힘들었는데 우연히 캡틴 판교님을 접해 지금 강의까지 다 듣고 복습도 하는 중이에요! 덕분에 방향 잘 잡고 공부해 가는 것 같아요ㅜㅜ 진짜 강의들 너무 좋고 요번 nuxt강의도 도움 많이 되었어요 개인적으로 정말 감사드립니다! 앞으로 새로운 강의 나오면 바로 뛰어가서 수강하겠습니다 ㅠㅠ
아이고 찬규님 너무 좋은 평가 감사드려요! ㅋㅋ 앞으로 강의도 많이 기대해 주세요. 찐 강의 준비해 오겠습니다! :)
Ưu đãi có thời hạn
41.250 ₫
25%
1.163.731 ₫
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!