강의

멘토링

커뮤니티

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) 345 đánh giá

3,832 học viên

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

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

Bạn sẽ nhận được điều này sau khi học.

  • 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à

49,015

Học viên

4,799

Đá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권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

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ả

345 đánh giá

4.9

345 đánh giá

  • windtail16님의 프로필 이미지
    windtail16

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Đây là món kim chi tôi đã ăn vì người khác đã làm nó suốt cuộc đời tôi. Bây giờ tôi đã học được cách làm kim chi. Cảm ơn

    • a010414011600372님의 프로필 이미지
      a010414011600372

      Đánh giá 9

      Đánh giá trung bình 4.8

      3

      63% đã tham gia

      Có quá nhiều bài giảng dài 2 phút nên tôi cảm thấy như mình giải thích nội dung ngay từ đầu, đi sâu vào nội dung chính một chút rồi tóm tắt lại nội dung ở cuối, nên tôi nghĩ sẽ rất lãng phí thời gian. sẽ tốt hơn nếu bài giảng dài 5-7 phút.

      • halphas0951님의 프로필 이미지
        halphas0951

        Đánh giá 2

        Đánh giá trung bình 5.0

        5

        98% đã tham gia

        Bài giảng này thực sự rất hay. Thông thường, các nhà phát triển front-end mới làm quen (năm đầu tiên) không có nhiều hiểu biết về bản thân môi trường phát triển (bao gồm cả tôi). Sau khi xem bài giảng này, tôi nghĩ: "Ồ, nó thế này, nó được thực hiện như thế này, lần sau tôi sẽ phải xem ở đây, và nếu tôi muốn nó hoạt động được thì tôi có thể chỉnh sửa chỗ này." vân vân. Nó rất hữu ích trong việc xây dựng quy trình và kiến ​​thức cơ bản và tổng thể về môi trường phát triển front-end. Bạn đã chia sẻ thông tin miễn phí trên blog của mình, nhưng tốt hơn hết là bạn nên cùng nhau tiếp thu kiến ​​thức thông qua bài giảng này. tốt hơn nhiều (Cho bạn biết thông tin, tôi hiện đang nghe bài giảng thứ 4 của Đội trưởng Pangyo ==> Tôi nhấn mạnh đây là ý kiến ​​​​của một học sinh thực sự có kinh nghiệm)

        • captain
          Giảng viên

          Vì bạn nói đây là một bài giảng thú vị nên tôi vô cùng xúc động. Cảm ơn bạn rất nhiều vì bài đánh giá tuyệt vời, halphas :) Chúng tôi sẽ tiếp tục cập nhật tài liệu webpack trong tương lai, vì vậy hãy ghé thăm thường xuyên nhé! :)

      • ybebee92274님의 프로필 이미지
        ybebee92274

        Đánh giá 3

        Đánh giá trung bình 4.7

        4

        100% đã tham gia

        Tốc độ nói nhanh hơn các bài giảng khác nên tôi nghĩ mình phải xem đi xem lại nhiều lần, cảm giác sôi nổi hơn các bài giảng Vue khác. Tuy nhiên, nội dung bài giảng rất tốt để nắm bắt nhanh các khái niệm về webpack!

        • dhkdndksk2082님의 프로필 이미지
          dhkdndksk2082

          Đánh giá 1

          Đánh giá trung bình 4.0

          4

          100% đã tham gia

          Thật tiếc là phần giải thích về Babel quá ngắn, nhưng tôi nghĩ đó là một bài giảng hay.

          Ưu đãi có thời hạn

          19 ₫

          29%

          715.490 ₫

          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!