강의

멘토링

로드맵

BEST
Programming

/

Front-end

Want to learn Vue.js properly? (A week before starting a Vue.js project)

This lecture is based on the contents of the instructor's book <A week before starting a Vue.js project>. It thoroughly helps you understand Vue.js itself, Vue.js, and build a solid foundation more than any other Vue.js developer. This lecture will perfectly build the basics of Vue.js and build the basic capabilities to perform countless real-life situations you will face in a fun, useful, and effective way.

(4.7) 56 reviews

614 learners

  • realprogrammers
Vue.js
Vuex

Reviews from Early Learners

What you will learn!

  • Vue.js Development

  • How to create a project using Vue CLI

  • How to design a router

  • State management with Vuex

  • What's new in Vue 3.x

  • All features covered in Vue.js

Front-end development with a unique foundation!
Learn Vue.js properly ✨

Vue.js 프로젝트 투입 일주일 전 저자 직강

What is Vue.js?

모든 웹 브라우저에는 인터프리터(Interpreter)가 내장되어 있어서 자바스크립트를 실행할 수 있어요.

Front-end development that captures the benefits of web and native apps at once!
Experience the progressive framework Vue.js.

Vue.js is a progressive framework for user interface development. Progressive means it embraces the benefits of both web and native apps, and is developed using standard patterns.

The web offers exceptional accessibility, as it can be accessed with just a browser, without any separate installation. Meanwhile, native apps offer the advantage of being faster and offering a superior user experience than standard web apps.

Ultimately, the goal of Vue.js is to provide a framework that allows you to build advanced web apps that embrace both the best of the web and the best of apps .


Vue.js, why should you learn it?

If you want to become a front-end developer,
Must be something like Vue.js
You need to know the front-end framework.

Web applications are already achieving performance improvements comparable to native mobile applications. Therefore, the majority of service and business applications are being developed using front-end frameworks like Vue.
That's why, to become a front-end developer , you must learn a front-end framework like Vue.

You've probably also struggled with the choice between Vue.js, React, and Angular. Some argue React is better, others prefer Angular, and still others prefer Vue. As someone who's used all three front-end frameworks for years, I can tell you that once you master one, you'll be able to learn all the others with ease.

But if you have to choose between these three, I would boldly say to start with Vue.js first.

because,
Because it is the easiest to learn.

Vue has excellent readability of code because the area that implements HTML code, the area that implements JavaScript code, and the area that implements design CSS are completely separated.

Web designers, web publishers and
It's much more effective when you collaborate.

When developing an application, it's rare for a developer to work alone. Typically, developers receive HTML/CSS output from a UI designer or web publisher and then integrate it into their programs. Vue's complete separation of HTML and CSS code offers a significant advantage over React or Angular when working on collaborative projects.


Learn Vue.js properly from the basics.

In this lecture
Clone (follow) coding
Does not provide.

Instagram clones, Facebook clones, Netflix clones... Do you really think you can build these applications just by taking these clone coding classes? I'm not trying to be dismissive; it's the stark reality .
If you could take a cloning course like that and build an application like that, companies like Facebook and Netflix wouldn't need hundreds or thousands of developers, right?

Of course, cloning is very useful because it allows you to gain indirect experience building real-world service applications. However, the premise of this course is that you need a solid foundation to see the benefits. Furthermore, these applications actually have a lot more logic behind the scenes than what's visible in the UI. Therefore, simply mimicking the visible UI isn't enough to create such an application.

So, the important thing is
It's about building a solid foundation .

Nothing is more important than building a solid foundation . Those of you reading this are likely interested in programming languages and aspiring to become developers.

We're not just studying for a year or two to do this job. We're preparing to do it for at least several decades. So, we need to look further ahead and prepare diligently.

If you master the fundamentals, you'll be part of a team building such amazing applications in a few years. And in a few more years, you'll be a developer capable of building such amazing applications yourself.

Vue.js itself thoroughly!
More than any other developer, I know the basics
We help you build a solid foundation.

This course thoroughly covers Vue.js itself. While covering the fundamentals, it won't be boring, and it will also provide practical insights into what to consider in practice. To ensure even beginners can easily follow along, we break down concepts, syntax, and features as thoroughly as possible, providing example code for every topic.

By the end of this course, you'll likely have a more solid foundation than the Vue.js developer next to you. You might even learn more about Vue.js than any expert on its own. (But why would an expert be an expert? Because they have a lot of practical experience. 😉)

After mastering the fundamentals of Vue.js, this course will help you build the foundational skills to successfully execute the countless real-world scenarios you'll face in the future in a fun and informative way.


Features of this course!

Easy and detailed
Focused on practical application
Even example code!
  • We will teach you the basic grammar of Vue.js step by step.
  • We will cover in detail the features recently added to the latest version of Vue.js, Vue.3.x.
  • We break down the example code into its smallest units so that even beginners can easily follow along.
  • We will tell you what tasks need to be done at each stage in the order in which the practical project is carried out .
  • All example code is available on GitHub.

이미지를 클릭하면 github로 이동해요. Clicking on the image will take you to GitHub .


What do you learn?

  • Visual Studio Code is used as the development IDE tool. You will learn about development methods and useful extensions using Visual Studio Code.
  • Install Node.js and learn what Node.js is.
  • You can utilize numerous open source codes registered with NPM (Node Package Manager).
  • You will learn how to quickly create, manage, and deploy Vue projects using the Vue CLI .
  • Learn how to manage state using Vuex .
  • You'll learn how to structure your application menus with Vue Router and how to improve application performance by separating when your menu code loads.
  • You will learn all the syntax and features related to Vue component development .
  • You will learn about useful features added in Vue 3 , such as the Composition API and Plugins.

Check your player knowledge.

  • You need to know HTML (HTML tags)
  • You need to know CSS . Just a little bit. (How to use classes, styles like width, height, and color)
  • You need to know JavaScript (at least the basic syntax: if, for, object, array, function declaration, etc.)
  • Among ES6 grammar, you need to know Arrow Function, Async & Await.

The person who created this course is
Who could it be?

A 22-year software developer who wants to make a positive impact on the world through software technology.
I love sharing my knowledge and always enjoy learning new skills.

I've worked as a consultant and developer, building ERP systems for over 60 global companies, both domestically and internationally. I also have experience selling software I developed myself to leading companies both domestically and internationally. I'm also the CEO of an IT startup.

Working not only as a developer, but also as a UX consultant and occasionally as a business consultant, I've gained extensive experience in all aspects of application and service development, from planning to development. Now, with over 20 years of practical experience, I'm dedicated to sharing my knowledge with my juniors, with a strong sense of mission to impart truly essential skills and truly relevant knowledge.

Released on the 'Developer's Dignity' YouTube channel
This is a lecture titled 'Vue.js Introduction in One Hour' .

See other lectures together

Want to learn JavaScript properly?
Learning JavaScript with a solid foundation

Recommended for
these people

Who is this course right for?

  • For those who want a solid foundation

  • Beginner to Frontend Development

  • Anyone who wants to do web front-end development properly

  • Anyone who has studied HTML, CSS, and JavaScript and wants to do proper front-end development

  • Anyone who needs to work on a Vue.js project next week

Need to know before starting?

  • HTML

  • CSS

  • JavaScript

Hello
This is

11,005

Learners

250

Reviews

152

Answers

4.9

Rating

8

Courses

소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 24년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고 항상 새로운 기술을 익히는 것을 즐겨요.

국내외 60개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동하였고, 직접 개발한 소프트웨어를 국내는 물론 해외 유수의 기업에 판매를 한 경험 또한 가지고 있어요. IT스타트업 대표이사 이기도 해요.

개발자 뿐만 아니라, UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전과정에 대한 수많은 경험을 쌓았고, 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식 나눔에 일을 하고 있어요.

 

  • (현)주식회사 더그레잇 대표이사
  • (현)주식회사 썬슈어 CTO
  • (현)주식회사 리턴밸류 CTO
  • (현)팬임팩트코리아 유한회사 기술전문위원

 

이메일 - seungwon.go@gmail.com

Curriculum

All

43 lectures ∙ (8hr 36min)

Published: 
Last updated: 

Reviews

All

56 reviews

4.7

56 reviews

  • radline000님의 프로필 이미지
    radline000

    Reviews 14

    Average Rating 4.8

    5

    100% enrolled

    Vui lòng cho tôi biết thêm về Good Google./;

    • realprogrammers
      Instructor

      Chúng tôi sẽ giải quyết yêu cầu của bạn thông qua kênh Nhân phẩm của Nhà phát triển YouTube. Cảm ơn

  • moretz09211951님의 프로필 이미지
    moretz09211951

    Reviews 64

    Average Rating 4.9

    5

    58% enrolled

    Rất tốt!!!

  • springstar9385님의 프로필 이미지
    springstar9385

    Reviews 1

    Average Rating 5.0

    5

    93% enrolled

    Tôi thích bài giảng thú vị này~! Tôi cũng thiết lập cài đặt đăng ký, thích và thông báo trên YouTube.

    • realprogrammers
      Instructor

      Cảm ơn Tôi sẽ tiếp tục đăng những bài giảng hay trên YouTube.

  • manbalboy님의 프로필 이미지
    manbalboy

    Reviews 50

    Average Rating 5.0

    5

    100% enrolled

    Đó thực sự là một bài giảng hay. Tôi nghĩ đó là cơ hội để suy nghĩ về cách thiết kế và phổ biến ứng dụng tổng thể, bao gồm API plugin/mixin/thành phần và phân tách mã bộ định tuyến.

    • realprogrammers
      Instructor

      Cảm ơn bạn rất nhiều vì đánh giá tuyệt vời. Chúng tôi sẽ làm những bài giảng tốt hơn trong tương lai.

  • twinklestyle7029님의 프로필 이미지
    twinklestyle7029

    Reviews 3

    Average Rating 4.7

    5

    100% enrolled

    Đây là trải nghiệm đầu tiên của tôi với vue.js qua bài giảng này và bài giảng được tổ chức tốt từ cài đặt đến ví dụ. Không có tài liệu không cần thiết, bài giảng được tiến hành nhanh chóng, thời gian giảng ngắn nên dễ nghe mà không bị căng thẳng. bướng bỉnh & amp; Nếu bạn tham gia tất cả các khóa đào tạo thực tế, bạn sẽ không cần phải học thêm bất kỳ bài giảng cơ bản nào nữa. (Để tham khảo, tôi là nhà phát triển web nâng cao và đây là lần đầu tiên tôi sử dụng vue.js.)

    • realprogrammers
      Instructor

      Cảm ơn bạn rất nhiều vì đã xem xét của bạn.

Access is restricted to non-public courses.
Private Course

realprogrammers's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!