강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

Webpack dành cho nhà phát triển front-end

1000 người đã chọn khóa học Webpack! Khóa học này đã được cập nhật theo phiên bản Webpack mới nhất. Hãy học Webpack dễ dàng hơn với khóa học tập trung vào thực hành :)

(4.9) 338 đánh giá

3,795 học viên

  • captain
3시간 만에 완강할 수 있는 강의 ⏰
Webpack

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

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

  • Phía trước

  • Gói Webpack

  • NPM

  • Hệ thống xây dựng giao diện người dùng

  • Cú pháp Import và Export của ES6

Trong hệ sinh thái phát triển front-end ngày càng phức tạp,
Học NPM và Webpack nhanh chóng ✨

Cốt lõi của hệ thống xây dựng front-end,
NPM và Webpack ✌

Bạn cần biết NPM và Webpack, được cho là khó nhất đối với người thực hành và người mới bắt đầu, để có thể tự mình xây dựng một dự án. Tìm hiểu hai khái niệm thiết yếu để xây dựng một dự án phát triển front-end hiện đại một cách nhanh chóng và dễ dàng.

Ngày càng có nhiều công ty sử dụng các framework front-end hiện đại và cốt lõi của chúng là các hệ thống xây dựng front-end sử dụng NPM và Webpack. Nhiều công ty đang tìm kiếm các nhà phát triển có thể hiểu chính xác hệ thống xây dựng này và tự mình xây dựng nó, vì vậy khóa học này sẽ giúp bạn trở thành một nhà phát triển front-end khác biệt.

Các tính năng độc đáo của khóa học này ✏️

  • Chúng tôi cung cấp giáo trình được tạo dưới dạng trang web để bạn có thể học và thực hành NPM và Webpack ở bất kỳ đâu .
    (Ghi chú bài giảng được tạo trên PWA, do đó bạn có thể xem chúng một cách thuận tiện trên thiết bị di động của mình sau khi cài đặt.)
  • Chúng tôi đã trình bày phần giải thích lý thuyết ngắn gọn và các bài tập thực hành đơn giản nhưng chi tiết để cả những người thực hành bận rộn với công việc và những người mới làm quen với webpack đều có thể hài lòng.


Các công cụ được đề cập trong bài giảng 🔨

  1. Mã VS
  2. Phiên bản Node.js LTS (v10 trở lên)
  3. NPM
  4. Git

Trong lớp, chúng ta sẽ sử dụng VSCode, nhưng bạn có thể sử dụng công cụ phát triển mà mình thích.


QnA dự kiến
​​🙋🏻‍♂️

H. Tôi không biết một thuật ngữ nào như hệ thống xây dựng, mô-đun, gói, v.v. Tôi có thể nghe không?

Đóng gói là quá trình kết hợp nhiều tệp thành một và hệ thống xây dựng là cơ chế mà ứng dụng tôi tạo ra được chuyển đổi thành một biểu mẫu có thể phân phối cho người dùng. Tôi sẽ vui lòng giải thích những thuật ngữ có thể khó hiểu đối với những người không chuyên hoặc người mới bắt đầu, vì vậy đừng lo lắng và hãy lắng nghe một cách thoải mái.
Nếu bạn có bất kỳ câu hỏi hoặc thắc mắc nào về điều gì đó mà bạn không hiểu, vui lòng đăng lên bảng Hỏi & Đáp và chúng tôi sẽ cung cấp cho bạn câu trả lời chi tiết và thân thiện :)

H. Khóa học này có ưu điểm gì đặc biệt không?

Khóa học này được thiết kế để giải thích lý thuyết một cách đơn giản nhất có thể và sau đó giúp bạn tự hiểu lý thuyết bằng cách thực hành ngay. Thay vì đưa ra những lời giải thích dài dòng, tôi sẽ nhanh chóng truyền đạt kiến ​​thức bằng những lời giải thích ngắn gọn và súc tích, sau đó dạy các khái niệm một cách chính xác thông qua thực hành. Chúng ta có nên bắt đầu ngay bây giờ không?

H. Có lý do gì khiến bạn bắt đầu khóa học này không?

Tôi đã giảng dạy các khóa học webpack ngoại tuyến trong 3 năm qua. Khóa học này là khóa học mới được tổ chức lại dựa trên phản hồi từ hơn 500 học viên ngoại tuyến và từ góc nhìn của người mới bắt đầu. Chúng tôi sẽ giúp bạn thiết lập webpack và hệ thống xây dựng giao diện người dùng một cách dễ dàng!


Lộ trình liên quan 🚎

Lộ trình phát triển front-end hoàn thành với Vue.js
Vue.js dễ sử dụng và hiệu quả của Captain Pangyo
Đây là lộ trình được thiết kế để giúp bạn giải quyết vấn đề phát triển web thực tế.
Bao gồm bài giảng này


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?

  • NPM là gì nhưng các nhà phát triển phải sử dụng khung công tác front-end

  • Người mới bắt đầu phát triển phía trước

  • nhà xuất bản

  • Nhân viên phát triển front-end cấp junior

  • Webpack là gì?

  • Bất kỳ ai tò mò về hệ thống xây dựng front-end

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

  • HTML

  • CSS

  • Javascript

Xin chào
Đây là

48,094

Học viên

4,668

Đánh giá

3,812

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ả

64 bài giảng ∙ (3giờ 27phút)

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

Đánh giá

Tất cả

338 đánh giá

4.9

338 đánh giá

  • Sanghoon Bae님의 프로필 이미지
    Sanghoon Bae

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    평생 남이 해줘서 먹던 김치인데, 이제는 김치 담그는 방법을 배웠습니다. 감사합니다.

    • 임수진님의 프로필 이미지
      임수진

      Đánh giá 9

      Đánh giá trung bình 4.8

      3

      63% đã tham gia

      너무 강의가 2분짜리가 많아서 처음에 강좌 설명하고 조금 본론들어가고 마지막에 다시 그 내용 정리하는거 같아서 시간이 아까워요 강의가 5-7분은 되야 좋을거같아요

      • halphas님의 프로필 이미지
        halphas

        Đánh giá 2

        Đánh giá trung bình 5.0

        5

        98% đã tham gia

        이 강의 찐입니다. 보통 프론트엔드 초보(초년)개발자들은 개발환경 자체에대한 이해가 많이 없는데(저포함) 이 강의보고 아 이게 이거였구나, 이게 이래서 일케됐고 그럼 다음부턴 여기를 봐야되겠구나, 일케할려면 여기를 수정하면 되겠구나 등등 프론트엔드 개발환경에 대한 기초적이고 전반적인 흐름과 지식을 쌓는데 굉장히 도움 됩니다. 이미 블로그에서 무료로 정보를 공유해주시지만, 이 강의를 통해 지식을 함께 습득하시는게 훨씬 낫습니다 (참고로 저는 이 강의까지 캡틴판교님 강의 4번째 수강 중입니다 ==> 진짜 찐 수강생의 의견이라는 의미로 강조하고가용)

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

          찐 강의라고 해주시니까 찐하게 감동이 오네요.. 찐한 수강평 넘 감사드립니다 halphas님 :) 웹팩 문서는 이후에도 꾸준히 업데이트 할 예정이니까 자주 놀러오세요~! :)

      • ybebee9님의 프로필 이미지
        ybebee9

        Đánh giá 3

        Đánh giá trung bình 4.7

        4

        100% đã tham gia

        다른 강의들보다 말씀하시는 속도가 빨라서 뒤로 돌려보고 돌려보고 반복했던거같아요 ㅠ.ㅠ 다른 Vue 강의들보다 정신없는 느낌이 강했어요 ㅠㅠ 그치만 강의 내용은 빠르게 웹팩 개념 잡기에 좋았습니다!

        • 하재근님의 프로필 이미지
          하재근

          Đánh giá 1

          Đánh giá trung bình 4.0

          4

          100% đã tham gia

          바벨에 관한 설명이 너무 짧아 아쉽지만 좋은 강의였던 것 같습니다.

          717.461 ₫

          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!