강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Front-end

Javascript Beginner Real Web App Development - Part 1: Vue Concepts~Beginner

This course focuses on helping beginner Javascript developers become developers who can develop Real web apps. If you take this course, you can learn the basic concepts related to Vue.js and develop Real web apps. This course is Part 1, Basics, and through Parts 2 and 3, we will implement Real web apps. It is structured so that you can learn easily even if you only know basic simple HTML, without prior knowledge such as Javascript or CSS. By the end of the course, you will definitely be able to do basic coding for Vue.js.

(3.1) 14 reviews

209 learners

  • realdev91670
JavaScript
Vue.js
Web Application

Reviews from Early Learners

What you will learn!

  • Responsive Web Development

  • Web App Development

  • Vue.js Introduction ~ Beginner

  • Vue.js Official Guide Error Resolution

  • Frontend development

  • Javascript Development

  • Vue.js beginner development

  • Understand basic concepts related to Vue, such as Vue, PWA, SPA, and SFC

  • Understanding Vue instances and Vue basics and key grammar

[Notice] 1. There are many technical shortcomings in the lecture recording, including audio quality and editing. As this is my first lecture, there are also some shortcomings in the content.

2. During the lecture, we will guide you through the key grammar errors found in the official Vue.js guide and resolve them.

This is a basic course for beginners who want to learn actual web app development starting from Part 2.

If you have basic knowledge of Vue.js or have already studied it, you don't need to take this course.

thank you

Instructor Blog Lecture Preview -> https://plogger.tistory.com/category/Frontend/Vue

[Vue.js 2] Practical Web App Development Series

Part 1: Vue.js Concepts ~ Core 👈 Current Lecture
• Part 2 - Vue Cli Development Environment and Practical UI Library (In Progress)
• Part 3 - Development of a practical web app, "Studying History with an App" (in production)

📝 Course Introduction

Part 1: Vue.js Concepts ~ Core Practice

You can watch the lecture and code along right away using jsFiddle.

These exercises are different from just watching the lectures.

So that you can do some basic coding of Vue.js

It can definitely help. Try watching the lecture and coding along.

You can become a Vue developer right away.

While watching a documentary about the invasions of the great powers surrounding Joseon in the late Joseon Dynasty,
I learned that the history of Joseon during the Enlightenment period was very different from that of other great powers, including Japan.
We are now in the era of the 4th Industrial Revolution, but during the 1st Industrial Revolution (1760s) and the 2nd Industrial Revolution (1865s),
I wondered what Joseon was doing.
Why did Joseon fall so far behind other countries during the Industrial Revolution?
I became curious about the history of the great powers that threatened Joseon (Japan, China, Russia, the United States, the United Kingdom, France, etc.) during the same period.

While studying, I thought about making this into a web app and promoting it effectively.
I created a web app called 'Study History with an App' using Vue.js + Vuetify.
As I was building the app, there were times when I needed someone to code, as it was for me.
We decided to create a tool that can serve as a kit and manual as a service [ http://realcodecamp.com ].

Real Web App - I was planning to first conduct a video lecture on 'Developing History Study through Apps', but
I think it is difficult to develop practical skills without basic knowledge.
• Part 1 - Vue.JS Concepts ~ Core Practice
• Part 2 - Vue Cli Development Environment and Practical UI Library
I added it first.

This lecture is part 1 - Vue.JS concepts ~ core practice .

[Real Web Apps Included in the Lecture]
Preview of "Studying History with an App" 👀

🙌 Tools covered here

JSFiddle
• An online service for writing and testing web front-end related technical code (collaborative HTML, CSS, JavaScript code snippets).

Visual Studio Code
• A source code editor/debugger with Git control, syntax highlighting, and more, developed by Microsoft.

🙋🏻‍♂️ Lecture Q&A

Q. Can non-majors also take the course?
A. Yes, you can. Anyone with a passion for development can participate. I'm also not a developer.

Q. Why should I learn Vue.js?
A. As is the case now, future web development will likely take the form of Progressive Web Apps (PWAs, explained in detail in the lecture). Vue.js is a framework that makes it incredibly easy to develop these PWAs, in addition to standard web interfaces. With Vue.js, you can create a web app that satisfies both web and mobile needs with a single development effort.

Q. What can I do if I learn Vue.js?
A. Learning Vue.js will help you become a front-end developer and develop advanced web pages and web apps.

Recommended for
these people

Who is this course right for?

  • It helps with projects, career paths, and employment.

  • Vue.js Introduction, Beginner Developer

  • Frontend Developer

  • Anyone interested in Javascript development

  • Javascript Developer

  • Web Developer

  • Anyone interested in web app development

  • Web publisher or web designer

  • Anyone who has experience with angularjs or angular

Need to know before starting?

  • html

Hello
This is

209

Learners

14

Reviews

3.1

Rating

1

Course

국내 다수의 대기업(삼성, LG, SK, KT등) 에서 10년이상 웹 프로젝트 및 웹 솔루션 개발을 해왔습니다.

프론트앤드-백앤드 개발 및 AA 및 PL 역활을 담당하였습니다.

안드로이드 앱 개발을 통해 다양한 실전 앱(구글 플레이 10만명 이상 다운로드)을

개발 및 운영해 보았습니다.

최근 5년동안에는 Angular.js, Vue.js 와 같은 프론트앤드 개발을 메인으로 진행해왔습니다.

현재는 스타트업 에서 AA 및 웹앱 개발을 담당하고 있습니다.

  • 프로젝트의 생산성을 높이는 방법은 무엇일까요? 어떻게 하면 보다 더 빠르게 좋은 프로젝트를 구현할 수 있을까요?
  • 효율적인 서비스와 개발을 위해서는프론트 엔드와 백엔드 는 어떻게 바인딩 되어야 할까요?

강의를 통해, 프론트 엔드 개발과 백엔드 개발의  실전 가이드라인을 제시하고 싶습니다.

Curriculum

All

24 lectures ∙ (4hr 44min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

14 reviews

3.1

14 reviews

  • gorebab70114님의 프로필 이미지
    gorebab70114

    Reviews 1

    Average Rating 5.0

    5

    8% enrolled

    Overall, I have gained a lot of understanding of how to use views.

    • realdev91670
      Instructor

      Thank you for your good evaluation. We will prepare better lectures in the future. Also, we are currently editing existing lecture videos to fit the mobile environment. We will update as soon as it is done.

  • tommykjw0181님의 프로필 이미지
    tommykjw0181

    Reviews 1

    Average Rating 5.0

    5

    63% enrolled

    vue.js basic grammar is briefly explained

    • realdev91670
      Instructor

      Thank you for your good review. I will try to upgrade the recording quality and other areas that need improvement.

  • isunwoo06308400님의 프로필 이미지
    isunwoo06308400

    Reviews 1

    Average Rating 5.0

    5

    29% enrolled

    I think the audio quality and content of the lectures have improved while I was learning. It was a great help in learning Vue.

    • candys2aaa4158님의 프로필 이미지
      candys2aaa4158

      Reviews 4

      Average Rating 5.0

      5

      42% enrolled

      It was very easy to understand and all the Vue-related windows were shown well, so it was easy to understand.

      • realdev91670
        Instructor

        Thank you so much for your great review. If you continue to do so and send me an email, I will send you a discount coupon for the next intensive course.

    • jcpdh10041님의 프로필 이미지
      jcpdh10041

      Reviews 1

      Average Rating 5.0

      5

      13% enrolled

      When it comes to studying views, I think it's better to be able to build a foundation more quickly than studying alone.

      Limited time deal ends in 4 days

      $6.60

      25%

      $8.80

      Similar courses

      Explore other courses in the same field!