강의

멘토링

로드맵

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

3,800 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,239

Học viên

4,702

Đánh giá

3,813

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ả

342 đánh giá

4.9

342 đánh giá

  • windtail16님의 프로필 이미지
    windtail16

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    I've been eating kimchi made by others my whole life, but now I've learned how to make kimchi. Thank you.

    • a010414011600372님의 프로필 이미지
      a010414011600372

      Đánh giá 9

      Đánh giá trung bình 4.8

      3

      63% đã tham gia

      There are so many 2-minute lectures, so it feels like they start by explaining the course, then go into the main topic, and then summarize the content at the end, so it feels like a waste of time. I think it would be better if the lectures were 5-7 minutes long.

      • halphas0951님의 프로필 이미지
        halphas0951

        Đánh giá 2

        Đánh giá trung bình 5.0

        5

        98% đã tham gia

        This lecture is the real deal. Usually, front-end beginners (newbies) don't have much understanding of the development environment itself (including me). After watching this lecture, I thought, "Oh, this is it," "This is how it was, so I should look at this next time," "If I want to do it, I should modify this," etc. It is very helpful for building basic and overall flow and knowledge about the front-end development environment. Although you already share information for free on your blog, it is much better to acquire knowledge through this lecture. (For reference, I am taking Captain Pangyo's lecture for the fourth time. ==> I emphasize this as the opinion of a real student.)

        • captain
          Giảng viên

          I am deeply touched because you said it was a real lecture.. Thank you so much for the real class review, halphas :) We will continue to update the webpack documentation in the future, so please come visit often~! :)

      • ybebee92274님의 프로필 이미지
        ybebee92274

        Đánh giá 3

        Đánh giá trung bình 4.7

        4

        100% đã tham gia

        The lectures were faster than other lectures, so I had to go back and rewind and repeat them. ㅠ.ㅠ It felt more hectic than other Vue lectures. ㅠㅠ However, the lecture content was good for quickly understanding the concepts of webpack!

        • dhkdndksk2082님의 프로필 이미지
          dhkdndksk2082

          Đánh giá 1

          Đánh giá trung bình 4.0

          4

          100% đã tham gia

          It's a shame that the explanation about Babel is too short, but I think it was a good lecture.

          Ưu đãi có thời hạn, kết thúc sau 2 ngày ngày

          20 ₫

          25%

          716.237 ₫

          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!