BEST

Javascript Basics for Beginners

Name: Javascript Basics for Beginners
Price: 22000 KRW

We introduce the main concepts, grammar, and utilization methods of JavaScript, the programming language that runs websites. This is an introductory JavaScript course that even those who are just starting out with HTML/CSS can easily understand.

(4.9) 49 reviews

656 learners

uknow

비전공자도 할 수 있어요

기본부터 착실히

JavaScript

Reviews from Early Learners

What you will learn!

The Role of JavaScript
Basic JavaScript Grammar
How to use JavaScript

Want to get started with web development?
Learning JavaScript with Unocoding

📢 Please check before taking the class!

This course is for beginners to JavaScript and does not cover topics like node.js or React.

Let's take our first steps!
Introductory JavaScript Course

This introductory JavaScript course consists of 40 videos , including an introduction and closing remarks. Anyone with basic knowledge of HTML/CSS can easily follow this course.

The progress of each class

Fundamentals : Explains key concepts in an easy-to-understand manner.
Practical Guide : You will practice what you have learned and confirm it.
Summary : Conclude by summarizing the learning content.

In addition to this!

Four mini-projects to review what you've learned and develop your application skills.
Miniproject source code + explanation

This lecture
I recommend this to these people

HTML/CSS is
I learned it…

I'm just starting out with web development.
The person who started

JavaScript
Want to learn?

JavaScript
Beginners who want to get started

It's too difficult for me
JavaScript

Challenge JavaScript
But those who failed

nodeJS, React
I want to learn…

to JavaScript
Those who are taking their first steps

This lecture
I have this goal

To help beginners learn quickly and without feeling overwhelmed, the content is structured around concepts essential for building a solid foundation .

This lecture
After hearing this you will

Understand the role of JavaScript in web development.
You can understand how JavaScript works.
You can learn the basic grammar and writing methods of JavaScript.
You can understand how the websites you regularly visit work.
You can design or implement the desired function yourself through various example exercises.

Lecture contents
Check it out in advance

_{Explanation of basic theory}

_{Practice what you've learned}

_Summary

4 mini projects and
Source code + commentary

_digital

_{Draw lottery numbers}

_{To-do list}

_{photo album}

Before class
Please check

First, please prepare the following items!

💻 Computer
💻 Code editor (we use Visual Studio Code in class)
💻 Typing skills (slow speed is okay)

Second, I will let you know in advance before taking the class!

👉🏻 This course covers JavaScript for the web ! It doesn't cover topics like Node.js or React!
👉🏻 Most videos feature coding, but to avoid making the video too tedious , I've sped up most of the video or skipped the typing part. Therefore, if you're following along with the coding exercises, we recommend using the pause function appropriately!

With Unocoding
Taking First Steps with HTML/CSS

HTML Basics for Beginners

Introduces the key concepts and basic grammar of HTML, the foundation of websites.

CSS Basics for Beginners

Introduces the key concepts and basic grammar of CSS needed to decorate a website.

Recommended for
these people

Who is this course right for?

For those who are new to JavaScript
People who tried JavaScript and failed
Anyone who is studying or has studied HTML/CSS

Need to know before starting?

HTML
CSS
Code editor (link to installation instructions provided)

Hello
This is

18,027

Learners

924

Reviews

Answers

5.0

Rating

Courses

개발자 출신 십잡스 크리에이터.
프로그래밍 강사 겸 작가로 활동하고 있습니다.
유튜브 <유노코딩> 채널 운영 중입니다.

배움의 과정에서 겪는 불필요한 고통들이 사라지길 바라고, 또 그래야만 한다고 믿습니다.
경험자의 진정성과 경험을 나누면 고통은 줄어들 수 있습니다.

저의 모든 강의 콘텐츠에서 그런 마음을 느끼실 수 있도록 노력하겠습니다.
많은 분들이 코딩을 재미있게 느끼고, 단순하게 이해할 수 있도록 돕기 위해 항상 노력하고 있습니다.

감사합니다^^

Curriculum

All

47 lectures ∙ (7hr 5min)

Course Materials:

Lecture resources

Section 1. Lecture Introduction & Introduction to JavaScript

3 lectures ∙ (7min)

Section 2. JavaScript Basics

23 lectures ∙ (4hr 14min)

4. Where do I write my JavaScript code?
07:07
5. What is an object?!
09:41
6. Introducing the Console & Code Writing Conventions
12:33
7. Variables, numbers, and strings
17:19
8. Constants and prompts
13:40
9. Template Literals
09:18
10. Operations and operators
15:28
11. null, undefined and boolean
08:15
12. Document Object Model, abbreviated as DOM
04:42
13. document & methods
14:27
14. Comparison operations and boolean again
10:41
15. Let's create a conditional statement
12:16
16. Let's create a loop, part 1
10:41
17. Let's create a loop, part 2
11:34
18. Function Part 1
15:25
19. Function Part 2
09:33
20. Function Part 3
11:04
21. Introducing the event
12:20
22. addEventListener & event object
13:37
23. createElement & appendChild
13:34
24. Other than value attribute
11:42
25. Ternary operation
09:28
26. Moving on to the mini projects section

Section 3. Making a digital clock

4 lectures ∙ (35min)

27. Constructor that creates an object
11:47
28. Default constructor Date
12:46
29. Timer related functions
10:37
30. Making a digital clock

Section 4. Draw lottery numbers

5 lectures ∙ (39min)

Section 5. Create a to-do list

6 lectures ∙ (55min)

Section 6. Create a photo album

5 lectures ∙ (28min)

Section 7. End of lecture

1 lectures ∙ (6min)

Published:

Last updated:

Reviews

All

49 reviews

4.9

49 reviews

리든이
Reviews 4
∙
Average Rating 4.8
5
32% enrolled
자바 스크립트의 j도 모르던 비전공자입니다. 국비 학원 강사님 강의 못 따라가서 이걸로 기초 잡았습니다 진짜 최고의 강의!! 유튜브에 있던 강의는 객체랑 배열이 부족해보여서 인프런 와서 유로 강의로 봤는데 뒤에 객체랑 배열 내용 충분히 있는 것 같아요 저는 정말 만족하는 강의입니다 한가지 아쉬운 건 프로젝트 부분 풀이 영상이 있어서 같이 보면서 풀면 좋을 것 같다는 생각이 있지만 없어도 구글링해서 하니 공부가 되는 것 같습니다 물론 잘못해서 맨날 답지 보고 하기는 하지만... 많은 도움 받았습니다 좋은 강의 감사합니다
이원
Reviews 2
∙
Average Rating 2.0
3
40% enrolled
무료 강의인 HTML과 CSS는 개념 이해가 잘 됐는데, 이건 처음에 나오는 객체와 메소드에 관한 설명이 너무 부실해요. 이후 영상에서도 객체나 메소드 얘기가 종종 나오는데 저 두 가지 개념이 뭔지 제대로 알 수 없으니 강의 이해에 어려움이 생깁니다.
바코드
Reviews 11
∙
Average Rating 4.5
5
100% enrolled
처음 듣기 좋습니다
alwayz0121
Reviews 2
∙
Average Rating 5.0
5
100% enrolled
독학으로 공부하면서 실습에 꼭 필요한 내용들을 알려주셔서, 자칫하면 '공부'만 하고 지쳐 중도에 포기할 수 있는 코딩 입문자들에게 필요한 강의라고 느꼈습니다! 그리고 강의 마지막에, 이후 공부 방향 등도 추가로 말씀해주셔서 참고해서 나아갈 방향 설계를 할 수 있을 것 같습니다! 감사합니다 :)
[SQL 실전반 12기] 수철
Reviews 1
∙
Average Rating 5.0
5
100% enrolled
유노선생님의 자바스크립트 기초강의를 듣고 자바스크립트에 대해서 조금은 알게 되었고 이것을 바탕으로 더욱더 심화된 자바스크립트 를 해보려고 합니다 명 강의 감사드립니다 고생하셨습니다!!

$17.60

uknow's other courses

Check out other courses by the instructor!

입문자를 위한 반응형 웹 기초 강의

유노코딩

다양한 기기와 화면에서 서비스를 제공할 수 있는 '반응형 웹사이트'를 만들기 위해 필요한 기본적인 스킬을 확실하게 익힐 수 있는 강의입니다.

초급

반응형 웹, HTML/CSS, JavaScript

입문자를 위한 반응형 웹 기초 강의

유노코딩

입문자를 위한 파이썬 기초 강의

유노코딩

프로그래밍 언어 파이썬의 주요 개념 및 기본 문법을 소개합니다. 아무런 관련 지식을 보유하지 않은 입문자들도 소화할 수 있도록 만든 부담없고 친절한 강의입니다.

입문

Python

입문자를 위한 파이썬 기초 강의

유노코딩

CSS 레이아웃 - flex & grid

유노코딩

CSS 레이아웃 기술의 대표 주자 flex와 grid의 개념 및 사용법을 공부할 수 있는 강의입니다.

초급

HTML/CSS, Flex

CSS 레이아웃 - flex & grid

유노코딩

초보자를 위한 Sass 기초 강의 & 자몽톡 클론코딩

유노코딩

Sass는 CSS의 확장 언어입니다. CSS의 단점을 보완해 뛰어난 생산성을 보장하며, 강력하고 간결합니다. 기초 구문을 배우고, 배운 내용을 활용한 클론코딩을 즐기면서 Sass를 배워보세요. 재미는 더하고 부담은 덜었습니다!

초급

Sass, 클론코딩, HTML/CSS

초보자를 위한 Sass 기초 강의 & 자몽톡 클론코딩

유노코딩

입문자를 위한 CSS 기초 강의

유노코딩

웹 사이트를 예쁘게 꾸미기 위해 반드시 필요한 언어, CSS의 주요 개념과 기본 문법을 소개합니다. 이제 막 HTML로 코딩 걸음마를 떼신 분들도 부담없이 소화하실 수 있습니다.

입문

HTML/CSS, Visual Studio Code

입문자를 위한 CSS 기초 강의

유노코딩

입문자를 위한 HTML 기초 강의

유노코딩

웹사이트 만드는 데 가장 기본이 되는 HTML의 주요 개념과 기본 문법을 소개합니다. 아무런 관련 지식을 보유하지 않은 입문자들도 소화할 수 있도록 만든 강의입니다.

입문

HTML/CSS

입문자를 위한 HTML 기초 강의

유노코딩

Similar courses

Explore other courses in the same field!

자바스크립트 입문자를 위한 강의

JeongTaeHyun

자바스크립트 입문을 하시고 싶으신가요? 그럼 저의 강의를 선택해 주세요.

초급

JavaScript

자바스크립트 입문자를 위한 강의

JeongTaeHyun

자바스크립트부터 리액트까지 [PART3/4] 포기하지 않고 리액트로 가는 길

영코디 킴쌤

혹시, 리액트를 공부하다가 좌절하신 적이 있나요? 리액트의 기초가 되는 자바스크립트의 기본을 탄탄히 다진 후에 단계적으로 학습하여 포기하지 않고 리액트로 가는 길을 열어드립니다.

입문

JavaScript, vanilla-javascript, ES6

자바스크립트부터 리액트까지 [PART3/4] 포기하지 않고 리액트로 가는 길

영코디 킴쌤

jQuery 입문자를 위한 강의

JeongTaeHyun

[이벤트 - 쿠폰 소진 시까지] 9747-bf77d34f7f5d 많이 들으세요. :) Javascript를 편리하게 사용할 수 있는 library인 jQuery에 대해 학습합니다.

초급

jQuery, JavaScript

jQuery 입문자를 위한 강의

JeongTaeHyun

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

효빈 Hyobin

기본 문법부터 심화 개념까지 학습하면서, 바닐라 자바스크립트로 SPA를 개발해 봅시다🔥

초급

JavaScript, SPA, DOM

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

효빈 Hyobin

뉴비를 위한 자바스크립트

얄팍한 코딩사전

코딩을 자바스크립트로 시작하시는 분들을 위한, 가장 쉬운 자바스크립트 강의입니다.

입문

JavaScript

뉴비를 위한 자바스크립트

얄팍한 코딩사전

제대로 배우는 JavaScript: 초보자부터 실무자까지 완벽 정복 Part1 - [기초편]

nhcodingstudio

이 강의를 통해 수강생은 개발 환경 설정부터 변수, 조건문, 함수, 객체, 배열 등 JavaScript의 기초와 심화 개념을 폭넓게 학습합니다. 실습과 퀴즈로 꼼꼼히 복습하여, 웹·모바일 실무에 바로 적용 가능한 문제 해결 능력을 갖출 수 있습니다.

입문

JavaScript, HTML/CSS, 웹앱

제대로 배우는 JavaScript: 초보자부터 실무자까지 완벽 정복 Part1 - [기초편]

nhcodingstudio

JavaScript 서버 프로그래밍 기초

zdpk

JavaScript 기반의 웹 프레임워크 Express.js를 사용하여 서버 코드를 작성해보며 기초적인 사용법 및 서버의 동작 원리를 이해합니다. 프론트엔드 역시 본질적으로는 서버가 필요하며, static serving, dynamic rendering 등의 다양한 기법이 생겨나는 과정을 공부하며 이해도를 높입니다.

입문

JavaScript

JavaScript 서버 프로그래밍 기초

zdpk

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩

왕초보도 할 수 있는 웹, 서버, 모바일 앱, 머신러닝까지 익히는 끝판왕 풀스택 강의!! 개발을 어디서부터 시작할지 막막했다면 이 강의를 강력 추천할게요. Javascript 하나로 진행합니다!

입문

JavaScript, React, Node.js

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩

코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)

제주코딩베이스캠프

제주에서 진행하는 부트캠프를 온라인으로! 빠르게 자신만의 서비스를 만들어보세요! :)

입문

Django, Bootstrap, HTML/CSS

코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)

제주코딩베이스캠프

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

입문

HTML/CSS, JavaScript, ES6

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

자바스크립트 머신러닝 TensorFlow.js

김영보

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

중급이상

Tensorflow, JavaScript, 머신러닝

자바스크립트 머신러닝 TensorFlow.js

김영보

입문자를 위한 반응형 웹 기초 강의

유노코딩

다양한 기기와 화면에서 서비스를 제공할 수 있는 '반응형 웹사이트'를 만들기 위해 필요한 기본적인 스킬을 확실하게 익힐 수 있는 강의입니다.

초급

반응형 웹, HTML/CSS, JavaScript

입문자를 위한 반응형 웹 기초 강의

유노코딩

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

김태원

자바스크립트(JavaScript)로 코딩테스트를 준비하시는 분을 위한 강좌입니다. 재미있게 풀 수 있는 기초 단계 문제부터 고급 알고리즘까지 단계별로 차근차근 배우도록 설계된 강좌입니다.

입문

JavaScript, 코딩 테스트

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

김태원

클린업 JavaScript: 베이스 빌드업!

김영보

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

초급

JavaScript, 면접, 기술면접

클린업 JavaScript: 베이스 빌드업!

김영보

이거 하나로 종결-스프링 기반 풀스택 웹 개발 무료 강의

그린코딩

꽉 찬 40시간 스프링 기반 풀스택 웹 개발 전면 무료 강의

입문

HTML/CSS, JavaScript, JSP

이거 하나로 종결-스프링 기반 풀스택 웹 개발 무료 강의

그린코딩

[코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습

코드캠프

너무나 어렵게만 느껴지는 알고리즘... 수학과 친하지 않은 수강생이라도 이 강의 하나로 알고리즘 기초를 한 번에 끝낼 수 있을 거예요! 알고리즘을 푸는 데 필요한 기초 개념을 차근차근 배우고, 더 나아가 문제에 적용하는 코드캠프의 노하우까지 싹 다 알려드릴게요 :)

초급

JavaScript

[코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습

코드캠프

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

Node.js로 웹 크롤링하기

제로초(조현영)

아무도 알려주지 않는 WebRTC를 사용한 P2P통신

July

WebRTC를 활용하여 구현하는 웹캠과 피어간 통신에 대해서 학습할 수 있습니다.

입문

Go, webrtc, p2p

아무도 알려주지 않는 WebRTC를 사용한 P2P통신

July

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

초급

HTML/CSS, JavaScript, 클론코딩

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

현직 스타트업 CTO가 실제 서비스와 여러 외주를 통해서 얻은 바이브코딩 지식 전수해드립니다.

입문

HTML/CSS, JavaScript, Next.js

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

Javascript Basics for Beginners

Reviews from Early Learners

What you will learn!

Let's take our first steps! Introductory JavaScript Course

The progress of each class

In addition to this!

This lecture I recommend this to these people

This lecture I have this goal

This lecture After hearing this you will

Lecture contents Check it out in advance

4 mini projects and Source code + commentary

Before class Please check

First, please prepare the following items!

Second, I will let you know in advance before taking the class!

With Unocoding Taking First Steps with HTML/CSS

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

uknow's other courses

Similar courses

Let's take our first steps!
Introductory JavaScript Course

This lecture
I recommend this to these people

This lecture
I have this goal

This lecture
After hearing this you will

Lecture contents
Check it out in advance

4 mini projects and
Source code + commentary

Before class
Please check

With Unocoding
Taking First Steps with HTML/CSS

Recommended for
these people

Hello
This is