A Webpack class chosen by 1,000 people! This class has been renewed to match the new version of Webpack. Learn Webpack more easily with a focus on practice :)
In the increasingly complex front-end development ecosystem, Learn NPM and Webpack quickly ✨
The core of the front-end build system, NPM and Webpack ✌
You need to know NPM and Webpack, which are said to be the most difficult for practitioners and beginners, to be able to build a project on your own. Learn the two essential concepts for building a modern front-end development project quickly and easily.
More and more companies are using the latest front-end frameworks, and at the center of this are front-end build systems using NPM and Webpack. Many companies are looking for developers who can accurately understand these build systems and build them themselves, so this course will help you become a differentiated front-end developer.
Unique features of this course ✏️
We providea coursebook created as a websiteso you can learn and practice NPM and Webpack from anywhere . (The lecture notes are made in PWA, so you can view them conveniently on your mobile device after installing them.)
We made the theoretical explanations short and the practical exercises simple yet detailed so that both practitioners who are pressed for time at work and those who are new to webpack can be satisfied.
Tools covered in the lecture 🔨
VSCode
Node.js LTS version (v10 or later)
NPM
Git
In class, we will use VSCode, but you can use your preferred development tool.
Expected QnA🙋🏻♂️
Q. I don't know a single term like build system, modules, bundling, etc. Can I listen to it?
Bundling is the process of combining multiple files into one, and the build system is the system that converts the application I created into a form that can be distributed to users. I will explain the terms that may be difficult for non-specialists and beginners in a friendly manner, so don't worry and listen comfortably. If you have any questions or concerns about something you don't understand, please post them on the Q&A board and we will provide you with detailed and friendly answers :)
Q. Are there any special advantages to this course?
This lecture is a course where you can understand the theory you learned by explaining the theory as simply as possible and practicing it right away. Rather than a long explanation, I will quickly convey knowledge through short and concise explanations, and then learn the concepts accurately through practice. Shall we start right now?
Q. Is there a reason why you started this course?
I have been teaching offline webpack courses for 3 years. This course is a new course that was created based on feedback from over 500 offline students and from a beginner's perspective. I will help you configure webpack and make frontend build systems no longer difficult!
Associated Roadmap🚎
Front-end developer roadmap completed with Vue.js Captain Pangyo's easy-to-handle and productive Vue.js This is a roadmap designed to help you take on the challenge of practical web development.Included in this course
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.
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.)
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~! :)
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!