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

Not enough reviews.
Become the author of a review that helps everyone!