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

플러그인,라이브러리를
사용하지 않은 순수한 자바스크립트,
바닐라 자바스크립트(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 콘텐츠 디자인 커리어패스
-
급변하는 웹 트렌드에 맞는 언어
순수 자바스크립트, 바닐라JS바닐라
자바스크립트 -
HTML과 CSS를 기반으로 한
웹표준 웹사이트 만들기~!웹표준(HTML5/CSS)
-
UI 디자인 스케치, 프로토타이핑 및
협업을 위한 사용법과 실무 활용법피그마 UI/UX
웹 & 앱 디자인 -
디자이너라면 가장 먼저 배워야할
필수 프로그램 포토샵&일러스트웹 그래픽(포토,일러)
-
화려하고 다채로운 콘텐츠 표현,
JavaScript&jQueryJavaScript&jQuery
-
UI와 UX를 근거로
전문성을 높은 클래스UI/UX 디자인
(Adobe XD) -
자바스크립트 프레임워크의 혁신~!
프론트엔드 개발자의 필수요소React 프론트엔드개발
직장인교육문의
원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.