Thumbnail
개발 · 프로그래밍 프로그래밍 언어
입문자를 위한 자바스크립트 기초 강의
27명이 수강하고 있어요.

22,000원

지식공유자 : 유노코딩
총 46개 수업˙총 7시간 5분
평생 무제한 수강
수료증 발급 강의
입문 대상 초급 중급이상
폴더에 추가 41 공유
입문자를 위해 준비한
[프로그래밍 언어, 웹 개발] 강의입니다.

웹 사이트를 움직이는 프로그래밍 언어, 자바스크립트의 주요 개념과 문법, 그리고 활용 방법을 소개합니다. 이제 막 HTML/CSS 걸음마를 떼신 분들도 부담 없이 소화하실 수 있는, 자바스크립트 입문 수업입니다.

✍️
이런 걸
배워요!
자바스크립트의 역할
자바스크립트 기본 문법
자바스크립트 활용 방법

웹 개발을 시작해보고 싶다면?
유노코딩과 자바스크립트 걸음마 떼기

📢 수강 전 확인해주세요!

  • 이 강의는 자바스크립트 입문을 위한 강의로 node.js나 React 같은 내용은 다루지 않습니다.

걸음마를 떼자!
자바스크립트 입문 강의

이 강의는 강의 소개와 마무리 인사를 포함, 총 40개 영상으로 구성된 입문자용 자바스크립트 강의입니다. HTML/CSS에 대한 기초 지식만 가지고 계시면 부담 없이 소화할 수 있는 강의입니다.

각 수업의 진행 흐름

  • 기초 이론 : 주요 개념들을 알기 쉽게 설명합니다.
  • 실습 안내 : 학습한 내용을 직접 실습하며 확인합니다.
  • 내용 정리 : 학습 내용을 정리하여 마무리합니다.

여기에 더해서!

  • 학습한 내용을 복습하고 응용력을 기를 수 있는 4개의 미니 프로젝트
  • 미니프로젝트 소스 코드 + 해설

이 강의를
이런 분들께 추천합니다

HTML/CSS는
배웠는데…

이제 막 웹 개발을
시작하신 분

자바스크립트
배워볼까?

자바스크립트를
시작하려는 입문자

내겐 너무 어려운
자바스크립트

자바스크립트에 도전
했으나 실패하셨던 분

nodeJS, React를
배워보고 싶은데…

자바스크립트로의
첫걸음을 시작하는 분

이 강의는
이런 목표를 가지고 있습니다

입문자 분들이 부담감을 느끼지 않고 빠르게 공부하실 수 있도록 하기 위해, 기초 다지기에 꼭 필요한 개념 위주로 내용을 구성했어요. 

이 강의를
들은 후 여러분은

  • 웹 개발 분야에서 자바스크립트의 역할이 무엇인지 이해할 수 있어요.
  • 자바스크립트가 일하는 방식에 대해 이해할 수 있어요.
  • 자바스크립트의 기본 문법과 작성 방법을 익혀볼 수 있어요.
  • 평소 즐겨 사용하는 웹 사이트의 동작이 어떤 식으로 만들어졌는지 이해할 수 있어요.
  • 다양한 예제 실습을 통해 원하는 기능을 구상하거나 직접 구현해 볼 수 있어요.

강의 내용
미리 확인해보기

기초 이론 설명

학습한 내용 실습

내용 정리

미니 프로젝트 4가지
소스 코드 + 해설문

디지털 시계
로또 번호 추첨하기
할 일 목록
포토 앨범

수강 전에
확인해주세요

하나, 다음과 같은 준비물을 챙겨주세요!

💻 컴퓨터
💻 코드 에디터 (수업에서는 Visual Studio Code를 사용해요)
💻 영타 능력 (속도가 느려도 괜찮아요)

둘, 수강 전 미리 알려드려요!

👉🏻 웹을 위한 자바스크립트를 공부하는 수업입니다! node.js나 React와 같은 내용은 다루지 않아요!
👉🏻 대부분의 영상에는 코드를 작성하는 장면이 등장하는데, 자칫 영상이 지루해질 수 있다고 판단해 대부분 배속 처리하거나 타이핑 과정을 스킵하였습니다. 따라서 코딩 실습을 따라 하시는 경우 일시정지 기능을 적절히 활용해 가시면서 실습을 진행하시길 추천합니다!


유노코딩과
HTML/CSS 걸음마 떼기

입문자를 위한 HTML 기초 강의

웹 사이트의 기본이 되는 HTML의 주요 개념과 기본 문법을 소개합니다

입문자를 위한 CSS 기초 강의

웹 사이트를 꾸미기 위해 필요한 CSS의 주요 개념과 기본 문법을 소개합니다


지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
자바스크립트를 처음 배우는 사람
자바스크립트에 도전했다가 실패한 사람
HTML/CSS를 공부 중이거나 공부해 본 사람
📚
선수 지식,
필요한가요?
HTML
CSS
코드 에디터 (설치방법 안내 링크 제공)

안녕하세요
유노코딩 입니다.
유노코딩의 썸네일

배움의 과정에서 겪는 불필요한 고통들이 사라지길 바라고, 또 그래야만 한다고 믿습니다.

경험자의 진정성과 경험을 나누면 고통은 줄어들 수 있습니다.

저의 모든 강의 콘텐츠에서 그런 마음을 느끼실 수 있도록 노력하겠습니다.

많은 분들이 코딩을 재미있게 느끼고, 단순하게 이해할 수 있도록 돕기 위해 항상 노력하고 있습니다.

감사합니다^^

커리큘럼 총 46 개 ˙ 7시간 5분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강의 소개 & 자바스크립트 소개
섹션 1. 자바스크립트 기초
자바스크립트 코드는 어디에 작성하나 미리보기 07:07 객체란 무엇일까?! 미리보기 09:41 콘솔을 소개합니다 & 코드 작성 규칙 미리보기 12:33 변수와 숫자, 그리고 문자열 미리보기 17:19 상수 그리고 prompt 미리보기 13:40 템플릿 리터럴 미리보기 09:18 연산 그리고 연산자 미리보기 15:28 null, undefined 그리고 boolean 미리보기 08:15
Document Object Model, 줄여서 DOM 04:42
document & methods 14:27
비교 연산과 또 다시 boolean 10:41
조건문을 만들어보자 12:16
반복문을 만들어보자 1편 10:41
반복문을 만들어보자 2편 11:34
함수 1편 15:25
함수 2편 09:33
함수 3편 11:04
이벤트를 소개합니다 12:20
addEventListener & 이벤트 객체 13:37
createElement & appendChild 13:34
value 속성 외 11:42
삼항 연산 09:28
미니 프로젝트 섹션으로 넘어갑니다
섹션 2. 디지털 시계 만들기
섹션 3. 로또번호 추첨하기
Element.classList 07:31
배열 개념과 사용법을 소개합니다 10:40
배열 메소드 13:13
Math 객체 08:01
로또번호 추첨하기
섹션 4. 할일 목록 만들기
객체 리터럴로 객체 만들기 12:11
스프레드 연산자(전개 구문) 11:51
JSON 11:03
로컬스토리지(localStorage) 10:01
배열 메소드 2편 10:22
할일 목록 만들기
섹션 5. 포토 앨범 만들기
HTTP 06:38
XMLHttpRequest 그리고 Ajax 05:26
XMLHttpRequest 실습 16:04
포토 앨범 만들기
섹션 6. 강의 마무리
여기까지 오시느라 수고하셨습니다! 06:03
강의 게시일 : 2021년 10월 27일 (마지막 업데이트일 : 2021년 10월 27일)
수강평
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.

22,000원

폴더에 추가 41 공유
지식공유자 : 유노코딩
총 46개 수업˙총 7시간 5분
평생 무제한 수강
수료증 발급 강의
입문 대상 초급 중급이상
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스