Inflearn English brand logo
Inflearn English brand logo

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 students

JavaScript
Vue.js
Web Application

This course is prepared for Beginners.

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 terms of audio quality and editing when recording lectures. There are also some shortcomings in terms of content as this is the first lecture.

2. During the lecture, we will find errors in the core grammar of the official Vue.js guide and guide you through the solutions.

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 production)
• 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 Vue.js coding.

It can definitely help. Just watch the lecture and code 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 and that of other great powers, including Japan, were very different.
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 effectively communicating it.
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 service [ http://realcodecamp.com ] that can serve as a tool and a manual.

Real Web App - I was planning to first conduct 'Development of History Study through App' as a video lecture, 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 who has a passion for development can listen. I am also a non-major.

Q. Why should I learn Vue.js?
A. Even now, web development in the future will be in the form of PWA (Progressive Web App, explained in detail in the lecture). Vue.js is a very easy framework for developing this PWA in addition to general web screens. With Vue.js, you can create a web app that can satisfy both web and mobile with one development.

Q. What can I do if I learn Vue.js?
A. By learning Vue.js, you can 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 realdev91670

209

Students

14

Reviews

3.1

Rating

1

Course

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

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

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

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

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

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

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

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

More

Curriculum

All

24 lectures ∙ (4hr 44min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

14 reviews

3.1

14 reviews

  • Sun님의 프로필 이미지
    Sun

    Reviews 1

    Average Rating 5.0

    5

    29% enrolled

    학습중에 강의의 음질이나 내용이 개선이 된 것 같습니다. Vue 학습에 많은 도움이 되었어요.

    • 지투엘지님의 프로필 이미지
      지투엘지

      Reviews 1

      Average Rating 5.0

      5

      8% enrolled

      전체적으로 뷰사용에있어 많은 이해가 되었습니다.

      • 배동훈
        Instructor

        좋은 평가 감사합니다. 앞으로 더 좋은 강의를 준비해 보도록 하겠습니다. 그리고, 현재 모바일 환경에 맞게 기존 강의 동영상을 편집하고 있습니다. 진행되는데로 바로 업데이트 진행하겠습니다.

    • 유니TV [UNee TV]님의 프로필 이미지
      유니TV [UNee TV]

      Reviews 4

      Average Rating 5.0

      5

      42% enrolled

      이해가 너무 잘되고 Vue관련 창도 모두 잘 보여주셔서 이해가 쉬웠어요.

      • 배동훈
        Instructor

        좋은 평가 정말 감사합니다. 완강하시고 메일 주시면 다음 번 심화 강좌 할인 쿠폰도 보내드리겠습니다.

    • S W님의 프로필 이미지
      S W

      Reviews 1

      Average Rating 5.0

      5

      13% enrolled

      뷰를 공부하는데 있어, 혼자 공부하는 것보다, 빠르게 기초를 다질 수 있어 좋은 것 같습니다.

      • tommykjw님의 프로필 이미지
        tommykjw

        Reviews 1

        Average Rating 5.0

        5

        63% enrolled

        vue.js 기본 문법이 간략하게 설명해 줍니다

        • 배동훈
          Instructor

          좋은 수강평 감사합니다. 녹화음질이나 개선이 필요한 부분은 좀 더 업그레이들를 해보겠습니다.

      Similar courses

      Explore other courses in the same field!

      $8.80