강의

멘토링

로드맵

Programming

/

Web Development

[Web Development Full Stack Course] From Pure JavaScript Basics to Practice

This lecture is a lecture on JavaScript from the [Web Development Full Stack Course] lecture series for training full-stack web developers. This lecture is based on the contents of the book <Vanilla JavaScript> written by the knowledge sharer.

(4.5) 6 reviews

144 learners

  • realprogrammers
자바스크립트
javascript
vanillajs
vanilla-js
vanilla-javascript
프론트엔드
JavaScript

Reviews from Early Learners

What you will learn!

  • JavaScript Basic Syntax

  • ES latest syntax

  • Ajax, XMLHttpRequest, Fetch API

  • DOM Control

  • Implementing the CRUD pattern

Learning pure JavaScript
Grow into a proactive developer ✨

A lecture directly from the author of 'Vanilla JavaScript'!

Full-Stack Web Developer Roadmap 🖥️

  • This lecture is part of the [Web Development Full Stack Course] lecture series, which is designed to train full-stack web developers. It covers vanilla JavaScript .
  • The Web Development Full Stack Course covers the entire process of full stack web development, from HTML & CSS → Vanilla JavaScript → Bootstrap → Vue.js → Database → Node.js → Portfolio.
  • By completing this full-stack web development course, you'll learn not only the fundamentals of web development, but also practical skills that can be applied immediately in the workplace.

What is Vanilla JavaScript?

JavaScript logo and symbol, meaning, history, PNG

If you learn JavaScript properly
From front-end to back-end
You will be able to implement all programs.

Nowadays, most web development uses front-end frameworks like React, Vue, and Angular. Even if you don't use these front-end frameworks, you can still benefit from libraries like jQuery for the convenience of development.

Using a well-established front-end framework can improve development productivity and ensure a certain level of code quality. However, if web developers rely solely on these front-end frameworks and open-source libraries, they may eventually reach a point where they can no longer develop web applications without external assistance.

Many of the front-end frameworks and libraries we use were developed by someone using pure JavaScript. And even frameworks like React and Vue, which seem to be trending right now and seemingly eternal, could fall by the wayside at any moment. The web evolves faster than any other environment, so countless more frameworks and libraries will continue to emerge.

In this current, what should our developers focus on? That's pure JavaScript, or vanilla JavaScript. Pure JavaScript, without any libraries or frameworks, is called "vanilla JavaScript."


JavaScript, why should I learn it?

JavaScript is Everywhere .

With the advent of Node.js, JavaScript is no longer a language tied to web browsers. Its applications are expanding beyond web applications to desktop applications, mobile apps, kiosks, games, and even microcontrollers like Arduino.

Just mastering JavaScript as a language is expanding the possibilities. However, this also means you need to be able to code at a higher level than the old JavaScript, which was used to handle the HTML DOM in web browsers. Therefore, it's crucial to learn and use JavaScript properly.

Various development fields that can be done with JavaScript


Features of this course!

Easy and detailed
Focused on practical application
Even example code!
  • I'll teach you the basic grammar of JavaScript step by step.
  • I will teach you not only the features of JavaScript's built-in functions, but also how they are applied in actual development practices.
  • Rather than focusing on function, the lectures are focused on usage, so you can learn how to use them correctly.
  • Covers the latest ES syntax.
  • Learn XMLHttpRequest and FrontPage API for server communication.
  • Learn how to control the DOM directly.
  • Learn how to develop CRUD patterns.
  • All example code is available on GitHub .

What do you learn?

  • Visual Studio Code is used as the development IDE tool. You'll learn about development methods and useful extensions using Visual Studio Code.
  • You will gain a solid understanding of the basic grammar of JavaScript.
  • You can learn ES6 grammar that JavaScript developers must know.
  • You will learn how to use JavaScript to handle the HTML DOM.

Check your player knowledge!


Web Development Full Stack Course,

Check out other lectures too!

1. [Web Development Full-Stack Course - HTML & CSS Basics]

  • Learn HTML and CSS, the basic languages of the web, step by step.

2. [Web Development Full-Stack Course - Vanilla JavaScript] Current Course

  • You need to master pure JavaScript to become a leading developer.

3. [Web Development Full-Stack Course - Bootstrap Basics]

  • Anyone can easily create a responsive web with a great design.

4. [Web Development Full-Stack Course - A Week Before Deploying a Vue.js Project - From Basics to Practice ]

  • Learn Vue.js, the easiest and most powerful front-end framework.

5. [Web Development Full-Stack Course - Understanding Databases Through Netflix and Carrot Market Analysis]

  • By analyzing Netflix and Carrot Market, you will naturally come to understand how to design a database.

6. [Web Development Full-Stack Course - A Week Before Deploying a Node.js Project - From Basics to Practice ]

  • You can implement the backend in JavaScript, even with Node.js.

7. [Web Development Full-Stack Course - Portfolio]

  • Develop a mini-web site to sell your products, building on all the skills you've learned in the full-stack web development course.

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

Developer's Dignity

A 24-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.

Want to know more?

[Web Development Full-Stack Course] Series Collection

Recommended for
these people

Who is this course right for?

  • People who want to become web developers

  • People who want to learn the basics of JavaScript properly

Need to know before starting?

  • HTML

  • CSS

Hello
This is

11,021

Learners

252

Reviews

152

Answers

4.9

Rating

8

Courses

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

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

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

 

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

 

이메일 - seungwon.go@gmail.com

Curriculum

All

51 lectures ∙ (26hr 26min)

Published: 
Last updated: 

Reviews

All

6 reviews

4.5

6 reviews

  • bkm02152780님의 프로필 이미지
    bkm02152780

    Reviews 5

    Average Rating 5.0

    5

    45% enrolled

    It's good that I can faithfully learn the basics of JavaScript.

    • dydqjapc8747님의 프로필 이미지
      dydqjapc8747

      Reviews 1

      Average Rating 4.0

      4

      61% enrolled

      • sshan05094029님의 프로필 이미지
        sshan05094029

        Reviews 1

        Average Rating 3.0

        3

        94% enrolled

        • taegeunkim2252님의 프로필 이미지
          taegeunkim2252

          Reviews 25

          Average Rating 5.0

          5

          100% enrolled

          Rather than simply teaching grammar, this is the most practical JavaScript class because it teaches grammar based on how it is actually used in the real world.

          • it20676536님의 프로필 이미지
            it20676536

            Reviews 2

            Average Rating 5.0

            5

            61% enrolled

            !!!!!!!!!!!!!

            $203.50

            realprogrammers's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!