Vue 3 시작하기
장기효(캡틴판교)
Vue.js 최신 버전 Vue 3를 시작하는 분들을 위한 강좌입니다. Vue.js의 동작원리부터 실무 개발을 할 때 알아둬야 하는 기본 개념들을 배워보세요.
Basic
Vue.js, Vue 3, JavaScript
BEST
Webpack for Frontend Developers
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 :)
This course is prepared for Basic Learners.
What you will learn!
Front-End
Webpack
NPM
Frontend Build System
ES6 Import and Export Syntax
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 provide a coursebook created as a website so 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
Introducing the knowledge sharer 👨🏫
Jang Gi-Hyo (Captain Pangyo)
- Current front-end developer
- Author of "Do it! Introduction to Vue.js" and "TypeScript: Easy to Start"
- Vue.js lectures by Naver, eBay Korea, Samsung, LG, SK Group, etc.
- Fast Campus Vue.js Conquest Camp Lecture
- Translator of the official Google Web Technologies website
- Tech Blog , Github
Interview with "People Met by Inflearn"
“Vue.js open source + with lecture revenue
Support Life Coding 😁”
Recommended for
these people!
Who is this course right for?
Developers who don't know what NPM is but need to use a front-end framework
Front-end development beginner
publisher
Junior Frontend Developer
Front-end developers who have not tried Webpack
Anyone curious about the frontend build system
Need to know before starting?
HTML
CSS
Javascript
Hello
This is captain
47,442
Students
4,557
Reviews
3,812
Answers
4.9
Rating
17
Courses
인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙
📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳
Curriculum
All
64 lectures ∙ (3hr 27min)
Published:
Last updated:
Reviews
All
335 reviews
4.9
335 reviews
ybebee9Reviews 3
∙
Average Rating 4.7
- Sanghoon Bae
Reviews 1
∙
Average Rating 5.0
- halphas
Reviews 2
∙
Average Rating 5.0
5
98% enrolled이 강의 찐입니다. 보통 프론트엔드 초보(초년)개발자들은 개발환경 자체에대한 이해가 많이 없는데(저포함) 이 강의보고 아 이게 이거였구나, 이게 이래서 일케됐고 그럼 다음부턴 여기를 봐야되겠구나, 일케할려면 여기를 수정하면 되겠구나 등등 프론트엔드 개발환경에 대한 기초적이고 전반적인 흐름과 지식을 쌓는데 굉장히 도움 됩니다. 이미 블로그에서 무료로 정보를 공유해주시지만, 이 강의를 통해 지식을 함께 습득하시는게 훨씬 낫습니다 (참고로 저는 이 강의까지 캡틴판교님 강의 4번째 수강 중입니다 ==> 진짜 찐 수강생의 의견이라는 의미로 강조하고가용)
- 장기효(캡틴판교)Instructor
찐 강의라고 해주시니까 찐하게 감동이 오네요.. 찐한 수강평 넘 감사드립니다 halphas님 :) 웹팩 문서는 이후에도 꾸준히 업데이트 할 예정이니까 자주 놀러오세요~! :)
- 임수진
Reviews 9
∙
Average Rating 4.8
- 하재근
Reviews 1
∙
Average Rating 4.0
captain's other courses
Check out other courses by the instructor!
Similar courses
Explore other courses in the same field!
