강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Webpack cho lập trình viên Frontend

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

(4.9) 346 đánh giá

3,840 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

  • captain
Webpack
Webpack
Webpack
Webpack

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

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

4.9

5.0

Sanghoon Bae

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

5.0

halphas

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)

5.0

코크

100% đã tham gia

Webpack hơi khó ㅠㅠ Chắc phải nghe đi nghe lại nhiều lần mới hiểu được... Cảm ơn bạn đã giải thích rất hay về điều khó khăn này!!

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

  • Front-End

  • Webpack

  • NPM

  • Hệ thống build frontend

  • Cú pháp Import và Export trong ES6

Học nhanh NPM và Webpack
trong hệ sinh thái phát triển frontend ngày càng phức tạp ✨

Cốt lõi của hệ thống build Frontend,
NPM và Webpack ✌

Bạn cần phải hiểu NPM và Webpack - những khái niệm được cho là khó nhất đối với cả người mới bắt đầu và người đi làm - thì mới có thể tự mình cấu hình dự án. Hãy học nhanh và dễ dàng hai khái niệm thiết yếu khi cấu hình dự án phát triển frontend hiện đại.

Ngày càng nhiều doanh nghiệp sử dụng các framework frontend hiện đại, và trung tâm của điều này chính là hệ thống build frontend sử dụng NPM và Webpack. Nhiều doanh nghiệp đang tìm kiếm những lập trình viên có thể hiểu chính xác hệ thống build này và tự mình xây dựng được nó, vì vậy thông qua khóa học này bạn sẽ có thể trở thành một lập trình viên frontend khác biệt.

Đặc điểm riêng của khóa học này ✏️

  • Để bạn có thể học NPM và Webpack ở bất cứ đâu, chúng tôi cung cấp giáo trình được tạo thành website.
    (Giáo trình được tạo bằng PWA nên bạn có thể cài đặt và xem thuận tiện trên cả thiết bị di động.)
  • Tôi đã thiết kế khóa học với phần lý thuyết ngắn gọn và phần thực hành đơn giản nhưng chi tiết, để cả những người làm việc thực tế cần học nhanh do áp lực thời gian ở công ty và những người mới tiếp xúc với webpack đều có thể hài lòng.


Các công cụ được đề cập trong khóa học 🔨

  1. VSCode
  2. Node.js phiên bản LTS (v10 trở lên)
  3. NPM
  4. Git

Trong khóa học sẽ sử dụng VSCode, nhưng nếu bạn có công cụ phát triển ưa thích khác thì có thể sử dụng công cụ đó cũng được.


Hỏi đáp dự kiến
🙋🏻‍♂️

C. Tôi không biết gì về các thuật ngữ như hệ thống build, module, bundling, liệu tôi có thể học được không?

Bundling là việc gộp nhiều file thành một file duy nhất, còn hệ thống build là hệ thống chuyển đổi ứng dụng mà bạn tạo ra thành dạng có thể phân phối cho người dùng. Tôi sẽ giải thích các thuật ngữ có thể khó hiểu một cách thân thiện từ góc độ của người không chuyên và người mới bắt đầu, nên đừng lo lắng và hãy thoải mái theo dõi nhé.
Nếu có phần nào bị mắc kẹt hoặc không hiểu trong quá trình học, hãy để lại câu hỏi trên bảng hỏi đáp, tôi sẽ trả lời chi tiết và tận tình :)

Q. Khóa học này có điểm đặc biệt nào không?

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

Q. Lý do bạn bắt đầu khóa học này là gì?

Tôi đã tiến hành khóa học offline về Webpack từ 3 năm trước. Khóa học này được cấu trúc lại hoàn toàn từ góc độ người mới bắt đầu dựa trên phản hồi của hơn 500 học viên offline. Tôi sẽ giúp bạn không còn cảm thấy cấu hình Webpack và hệ thống build frontend là khó khăn nữa!


Lộ trình liên quan 🚎

Lộ trình Frontend Developer hoàn thiện với Vue.js
Lộ trình được cấu trúc để bạn có thể thử thách bản thân với phát triển web thực tế
thông qua Vue.js dễ sử dụng và hiệu quả của Captain Pangyo.
Bao gồm khóa học này


Giới thiệu người chia sẻ kiến thức 👨‍🏫

Captain Pangyo

Phỏng vấn "Người mà Inflearn đã gặp"

"Tôi tài trợ cho mã nguồn mở Vue.js +
Saenghwalcoding bằng doanh thu từ khóa học 😁"

Chúng tôi cung cấp giảm giá khóa học!

Chuỗi bài "Lộ trình nhà phát triển Frontend
hoàn thiện với Vue.js" giảm giá 25% (Nhấp vào)

Giảm giá 50% cho học sinh
trung học, phổ thông và sinh viên đại học không có thu nhập (nhấp vào)

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Lập trình viên phải sử dụng framework frontend nhưng không biết NPM là gì

  • Người mới bắt đầu phát triển frontend

  • Nhà xuất bản

  • Lập trình viên Frontend Junior

  • Lập trình viên frontend chưa từng làm việc với Webpack

  • Người tò mò về hệ thống build frontend

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

  • HTML

  • CSS

  • Javascript

Xin chào
Đây là

49,267

Học viên

4,853

Đánh giá

3,816

Trả lời

4.9

Xếp hạng

19

Các khóa học

Tôi đã chia sẻ kiến thức trên Inflearn được 8 năm. 🏠 Blog kỹ thuật, 📣 Twitter, 💻 Github

📗 Do it! Nhập môn Vue.js, TypeScript cho người mới bắt đầu v.v. Tác giả của 3 cuốn sách
📖 Cracking Vue.js, TypeScript Handbook, Webpack Handbook. Tác giả của 3 cuốn sách hướng dẫn trực tuyến miễn phí
👨‍💻 Vận hành Kênh YouTube phát triển Front-end của Captain Pangyo - Nơi lắng nghe những trăn trở của các bạn đang tìm việc và các lập trình viên trẻ
🥤 Vận hành Phòng chat mở KakaoTalk của Captain Pangyo - Nơi cập nhật thông tin mới nhất về phát triển Front-end và lắng nghe suy nghĩ, trăn trở của các đồng nghiệp trong ngành

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ả

346 đánh giá

4.9

346 đá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

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

        • cokes님의 프로필 이미지
          cokes

          Đánh giá 19

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          Webpack hơi khó ㅠㅠ Chắc phải nghe đi nghe lại nhiều lần mới hiểu được... Cảm ơn bạn đã giải thích rất hay về điều khó khăn này!!

          705.360 ₫

          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!