바닐라 자바스크립트
- 1차 개강일
- 23년 09월 26일(화)
- 2차 개강일
- 23년 10월 10일(화)
- JavaScript
- Vanilla JS
- 바닐라스크립트
- 인터랙티브
- DOM 이벤트
- Ajax
- 플러그인
- 이벤트핸들러

- 교육기간
- 정규 1개월 직장인/초보자/취준생
- 수강료
직장인·취업준비생
60% ~ 최대100% 지원
- 취업분야
-
웹 디자이너, 웹 퍼블리셔, 프론트엔드 개발자,
백엔드 개발자, 풀스택 개발자
플러그인,라이브러리를
사용하지 않은 순수한 자바스크립트,
바닐라 자바스크립트(Vanillia JS)

자바스크립트의 최신 트렌드인 바닐라스크립트를 이해하고 활용하는 능력과
자바스크립트 기반의 소프트웨어 개발에 사용되는 최신 ES8 문법을 활용하여
응용소프트웨어를 구현하는 능력을 함양할 수 있습니다.
Start now

- Javascript & Vanilla JS
- Javascript 환경구성
- 기본 연산자
- 함수의 이해
- 프로토타입의 이해
- 클래스와 객체의 이해
- 배열이해/재귀와 스택
- 내장함수·객체
- 스케쥴링,바운딩
- 에러 핸들링
- DOM, 브라우저 이벤트
인터랙티브한 콘텐츠 표현
최신 트렌드를 놓치지 않는
실무교육으로
UX, UI 를 향상시키자!
바닐라 스크립트의 장점과 중요성 ~!
- 가벼움 : 아무 것도 다운로드 받지 않아도 되어 가볍고 빠르며
태그로 DOM 요소 검색시 제이쿼리보다 425배 빠른 속도 - 최신언어 ES8 : 새로운 기술들이 도입되며 코드 작성시 높은 효율
- 바닐라 JS는 급변하는 웹 트렌드에 맞는 언어

- 개인별 작업을 통해 나만의 포트폴리오를 제작합니다.
- 트렌디한 예제로 학습합니다. 완성할 수 있도록 1:1 가이드합니다.
- 웹 화면 상에서 동적인 부분들을 구현하고, 인터렉티브한 웹페이지를 만들 수
있습니다.

- ES8 Javascript
- 객체지향 프로그래밍 언어
- 스크립트 활용하기
- Vanilla Script
- 언어특성 활용하기
- Ajax
JSON
Plugin
DOM - 취업방향
- 웹 디자이너 & 웹 퍼블리셔 & 프론트엔드 개발자 & 백엔드 개발자 & 풀스택 개발자
Vanilla Script 디자이너부터 개발자까지-
디자이너부터 개발자까지-
동적 UI 구현 등을 활용하여
스킬들을 습득~!
웹의 동적 구현을 위한 트렌드와 시장 흐름에 따라,
개념을 이해하고 만들어보며, 다양하게 적용하는 방법을 학습합니다.
트렌드에 맞는 스킬과 실무 사례를 바탕으로 한
실습을 통해
전문성에 한 걸음 더 성장하세요.

관련 자격증 취득이 가능합니다.
수강후기
커리큘럼
- 1
Day 1
- Javascript 개발 환경 구성
- Javascript 코드 구조
- 변수와 상수, 데이터 타입
- 2
Day 2
- 기본연산자
- 비교,논리,삼항연산자
- 형변환
- 3
Day 3
- 조건문
- 반복문(while)
- 반복문(for)
- 4
Day 4
- 함수의 이해
- 익명함수와 화살표함수
- 콜백함수
- 5
Day 5
- 프로토타입의 이해
- 프로토타입에서의 프로퍼티와 메서드
- 프로토타입에서 getter, setter 함수 정의하기
- 6
Day 6
- 클래스와 객체의 이해
- 클래스에서의 프로퍼티와 메서드
- 클래스에서 getter, setter 함수 정의하기
- 7
Day 7
- 옵셔널 체이닝
- 심볼형
- 가비지 컬렉션
- 8
Day 8
- 클래스의 상속과 메서드 Override, Super
- 정적 프로퍼티, 정적 메서드, 믹스인
- 참조에 의한 객체 복사
- 9
Day 9
- 배열의 이해
- iterable 객체
- 맵과 셋
- 10
Day 10
- JSON
- Object.keys, values, entries
- 구조 분해 할당
- 11
Day 11
- 재귀와 스택
- 변수의 유효범위와 클로저
- 전역객체
- 12
Day 12
- 자바스크립트 내장함수
- 13
Day 13
- 자바스크립트 내장객체
- 14
Day 14
- setTimeout과 setInterval을 이용한 스케쥴링
- call/aplly와 데코레이터, 포워딩
- 함수 바인딩
- 15
Day 15
- 에러 핸들링, 커스텀 에러와 에러 확장
- promise
- async와 await
- 16
Day 16
- 모듈화
- DOM구조 익히기
- DOM 속성과 프로퍼티
- 17
Day 17
- 브라우저 이벤트
- UI 이벤트
- 18
Day 18
- 폼 프로퍼트와 메서드
- 폼 이벤트
- 18
Day 19-21
- XmlHttRequest (Ajax) Part1
- XmlHttRequest (Ajax) Part2
- XmlHttRequest (Ajax) Part3
웹 UI/UX 콘텐츠 디자인
웹 UI/UX 콘텐츠 디자인 취업완성패스
-
고객 중심 UI/UX의 중요성,
디자인브랜드의 가치 상승웹 UI/UX
콘텐츠 디자인 -
웹 언어의 기본을 확실히!
웹 퍼블리셔의 모든것~웹퍼블리셔 취업완성
-
웹퍼블리셔 기초부터
프론트엔드 트렌디한 기술까지-웹 프론트엔드 퍼블리셔
-
웹디자인과 퍼블리싱을 학습해
실제 웹 포트폴리오 구현까지-인터랙티브 웹디자인
&퍼블리싱 -
영상 콘텐츠 제작부터,
웹디자인 구현까지 -영상을 활용한
UI/UX 디자인 -
서울시 뉴딜 사업으로
정규직 채용 전환![서울시 뉴딜]
UX/UI 웹&모바일 -
웹 콘텐츠의 기획 및 분석과 디자인,
프론트엔드(풀스택) 개발을 동시에!UI/UX & React,
node.js -
피그마를 활용한 UI UX 기획과
설계부터 프론트엔드 구현까지!UI UX 피그마
React.js
웹 UI/UX 콘텐츠 디자인 커리어패스
-
디자이너라면 가장 먼저 배워야할
필수 프로그램 포토샵&일러스트웹 그래픽(포토,일러)
-
HTML과 CSS를 기반으로 한
웹표준 웹사이트 만들기~!웹표준(HTML5/CSS)
-
화려하고 다채로운 콘텐츠 표현,
JavaScript&jQueryJavaScript&jQuery
-
UI와 UX를 근거로
전문성을 높은 클래스UI/UX 디자인
(Adobe XD) -
자바스크립트 프레임워크의 혁신~!
프론트엔드 개발자의 필수요소React 프론트엔드개발
-
빠르게 변하는 트렌드에 맞는
인터렉티브한 디자인을 학습웹 포트폴리오 완성
-
UI 디자인 스케치, 프로토타이핑 및
협업을 위한 사용법과 실무 활용법피그마 UI/UX
웹 & 앱 디자인 -
급변하는 웹 트렌드에 맞는 언어
순수 자바스크립트, 바닐라JS바닐라
자바스크립트
직장인교육문의
원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.