Tìm hiểu và thực hành về môi trường phát triển frontend (webpack, babel, eslint..)
jeonghwan
Tôi có thể hiểu môi trường phát triển đã được thiết lập. Tôi có thể tự mình tạo môi trường phát triển từ đầu.
중급이상
Node.js, Webpack, Babel
BEST
Learn pure javascript and VueJS development through hands-on UI development
We will learn VueJS development by creating a shopping mall search page using pure JavaScript and a UI library called VueJS. You can learn the differences between each development and the differences between MVC and MVVM design patterns by developing with pure JavaScript and VueJS respectively.
Reviews from Early Learners
What you will learn!
How to develop Javascript in real life
Vue.JS Basics
MVC/MVVM Architecture
Component Development
Differences in development methodology between pure JS and Vue.js
Practice implementing functions in pure JS
Front-end development that goes one step further,
Compare pure JavaScript and Vue directly!
1. Lecture Introduction
This course covers the UI library Vue.js, and you'll create an online shopping mall search page! First, you'll implement the widely used MVC design pattern using pure JavaScript. Then, you'll explore the library's advantages by developing the MVVM design pattern with Vue.js. Finally, you'll explore components, learning how to modularize and assemble UI elements to create screens. Each lesson is short, under 10 minutes long. Practice problems are included at the end of each chapter. Develop your coding skills through hands-on practice!
2. Learning Objectives
The goal is to understand why you should use the MVVM architecture and study its implementation, Vue.js. This isn't simply an introduction to the library; it's to understand the limitations of traditional UI development methods and then study Vue.js as a solution. We'll also explore the benefits of component-based web front-end development.
3. People who can help
- Beginner to web front-end development
- Anyone who wants to understand the meaning of JavaScript design patterns
- Anyone who wants to learn Vue.js development
- Anyone who wants to know the difference between pure JavaScript and Vue.js technology
4. Things to learn
| 
| 
| 
|
|---|
- Vue.JS Basics
- MVC/MVVM architecture
- Component Development
5. Introduction of knowledge sharers
Kim Jeong-hwan
I'm a JavaScript developer who builds server/client applications using web technologies. I enjoy learning and sharing my knowledge. ^^
- Blog: https://jeonghwan-kim.github.io/
- Elegant Brothers Front-end Developer
Recommended for
these people
Who is this course right for?
Beginner JavaScript Development
Beginner to web front-end development
Anyone who wants to understand the meaning of JavaScript design patterns
Anyone who wants to learn VueJS development
Beginner developer who wants to grow but feels lost
Anyone who wants to try developing with pure JS
Need to know before starting?
Javascript Basics
Knowledge of HTML, CSS markup
13,878
Learners
871
Reviews
593
Answers
4.8
Rating
9
Courses
수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.
Curriculum
All
59 lectures ∙ (3hr 57min)
Published:
Last updated:
Reviews
All
127 reviews
4.7
127 reviews
hyukster90666Reviews 20
∙
Average Rating 4.8
5
100% enrolledƯu điểm của bài giảng 1. Biên tập rất hay nên thời gian giảng ngắn nên đọc lại hai ba lần cũng không bị áp lực. Việc biên tập không phải chuyện đùa, giống như bài giảng một lần cho kỳ thi công chức hay kỳ thi tuyển sinh đại học. Nó không làm mất thời gian của người dùng và các bài giảng ngắn nhưng chứa đựng tất cả nội dung chính. 2. Giáo trình bài giảng được cấu trúc hoàn hảo. Nếu học Vuejs ngay từ đầu thì sẽ khó hiểu được điểm mạnh và lợi ích của Vuejs. Kỹ thuật chữa bệnh ung thư này bằng cách trải qua rất nhiều rắc rối khi triển khai một chức năng bằng JavaScript thuần túy và sau đó triển khai chức năng tương tự với Vuejs, thực sự đáng kinh ngạc. điều bất lợi không tồn tại. Tôi đã học 4-5 bài giảng ở Infron, nhưng đây là lần đầu tiên tôi viết rằng mình không có bài giảng nào. Dành cho những ai muốn bắt đầu Bạn có thể dễ dàng tiếp thu bài giảng này nếu bạn đã hoàn thành chương trình giảng dạy cơ bản ES6. Trong trường hợp của tôi, tôi không thực sự biết về Es6 và chỉ tham gia một khóa học JavaScript cơ bản nên lần đầu tiên tôi tham gia khóa học này khá khó khăn vì tôi không thể hiểu cách triển khai JavaScript đầu tiên. từng khái niệm một, nhưng hóa ra tôi ước mình đã tham gia một khóa học ES6 cơ bản. Đó là một vấn đề có thể giải quyết được. Cuối cùng xin cảm ơn thầy vì bài giảng rất hay. Tôi chắc chắn nghĩ rằng tôi cũng sẽ tham gia các khóa học khác. (__) Đánh giá một dòng: Tiếp cận người hướng dẫn đầu tiên & Đây là một bài giảng.
- jeonghwanInstructor
Tôi không thể tin được là tôi vừa xem bài đánh giá này... Cảm ơn bạn. 🙇♂️
Tôi đoán tôi sẽ phải nghiên cứu một số điều cơ bản về JavaScript và sau đó quay lại.
- re1ee
Reviews 7
∙
Average Rating 4.4
5
100% enrolledKhóa học thực sự tốt. Tôi nghĩ mình muốn chuyển sang phát triển web sau khi làm việc tại một nhà xuất bản nên tôi đã tìm một khóa học ở Infron và nghe nói rằng vue.js là framework nhẹ nhất nên tôi đã theo học bài giảng của người hướng dẫn... Tôi thích nó... vậy nên nhiều... Tôi cảm thấy như nội dung bị rời rạc khi nghe bài giảng trên Internet. Tôi thường nhận được điều này, nhưng nó không giống bài giảng của người hướng dẫn chút nào... Thật tuyệt vời... Bạn cũng nhanh chóng trả lời các câu hỏi. Cảm ơn Tôi muốn nghiên cứu sâu hơn về vue.js.
- jeonghwanInstructor
Tôi cũng có kinh nghiệm làm việc với một nhà xuất bản và Viewjs đã nghĩ đến tôi rất nhiều vào thời điểm đó. Tôi nghĩ sẽ rất tốt cho sự hợp tác nếu chúng ta sử dụng nó tốt, vì vậy cảm ơn bạn đã tham gia khóa học này.
- harper
Reviews 3
∙
Average Rating 5.0
5
100% enrolledTrong thực tế, tôi vẫn chỉ sử dụng ES5 và JQuery, nhưng tôi cảm thấy cần phải học nên đã tham gia khóa học. Trong phần vanilla script của bài giảng, có các API và ngữ pháp ES6 mà tôi không biết, vì vậy tôi đã tra cứu và nghiên cứu chúng, và bây giờ tôi đang chuyển sang phần vue và học, và tôi nghĩ là tôi đã làm được. một công việc tốt tham gia bài giảng này. Cảm ơn!
- jeonghwanInstructor
Tôi nghĩ việc có thể tra cứu những điều bạn chưa biết cũng là một khả năng. Chắc hẳn ban đầu sẽ khó khăn nhưng cảm ơn các bạn đã theo dõi.
- myfuturetechnolo0353
Reviews 107
∙
Average Rating 3.3
5
100% enrolledĐó là một khóa học thực sự tốt. Vì đây là khóa học được giảng dạy thông qua các dự án nên nó không hề nhàm chán và rất dễ hiểu. Đây là khóa học đầu tiên tôi hoàn thành sau khi mua cả năm khóa học. Tôi dự định học tất cả các khóa học còn lại. Tôi hy vọng sẽ có thêm những khóa học nữa. Đó là về việc sử dụng các thư viện khác như nuxt hay vuetify? Tôi đang nghiên cứu ionic và phiên bản vue beta đã được phát hành và sẽ sớm có phiên bản đầy đủ với vue, nhưng nó không phải là ionic khi sử dụng vue. nhiều nhà phát triển mới bắt đầu mong muốn, nhưng việc phát triển không hề dễ dàng và nội dung cũng không dễ dàng. Tôi nghĩ sẽ tốt hơn nếu nó được phân phối. Ngoài ra, tôi ước có những lời khuyên ngắn gọn về những lỗi liên quan đến nội dung vào thời điểm đó. Một lần nữa, đó là một khóa học rất thỏa mãn.
- ejdnj100552
Reviews 4
∙
Average Rating 5.0
5
100% enrolledTôi thích rằng mỗi bài giảng đã được chỉnh sửa để không quá dài. Đây là khóa học trả phí đầu tiên tôi thanh toán tại Infrun và tôi nghĩ đó là một lựa chọn tốt. Cảm ơn bạn vì khóa học tuyệt vời. Tôi đã gặp khó khăn khi tự học nhưng điều đó đã giúp ích rất nhiều.
- jeonghwanInstructor
Thật vinh dự khi được trở thành giảng viên đầu tiên tại Infron.
$34.10
jeonghwan's other courses
Check out other courses by the instructor!
![[React Phần 2] Các chủ đề nâng cao và Hook강의 썸네일](https://cdn.inflearn.com/public/courses/332123/cover/62407827-5375-47cf-91fa-4877bf72c139/332123-eng.png?f=avif&w=420)
![[React Phần 1] Học React thông qua việc tạo ra và so sánh강의 썸네일](https://cdn.inflearn.com/public/courses/326905/cover/739f7b4b-1a9f-478f-a6a8-1a13bf58cae3/326905-eng.png?f=avif&w=420)
Similar courses
Explore other courses in the same field!
![Sự phát triển phía trước của VueJS ngay bây giờ [Saju Mansepower]강의 썸네일](https://cdn.inflearn.com/public/courses/329751/cover/fae58a61-263c-48b9-aa1a-01e137a89eea/329751-eng.png?f=avif&w=420)
![Học JavaScript đúng cách: Lập trình hướng đối tượng hoàn chỉnh & Thực chiến AI Tic-Tac-Toe chiến lược Part2 [Phần trung cấp]강의 썸네일](https://cdn.inflearn.com/public/files/courses/336946/cover/01jv48md3p02hgkwt4yh1svf3j?f=avif&w=420)
![[Code Camp] Lý thuyết + thực hành về thuật toán Javascript dành cho người mới bắt đầu강의 썸네일](https://cdn.inflearn.com/public/courses/330604/cover/9c8dddcb-bd3b-4f3d-93af-ea382b6835c0/thumbnail.png?f=avif&w=420)