바닐라 자바스크립트
- 1차 개강일
- 25년 07월 08일(화)
- 2차 개강일
- 25년 07월 22일(화)
고용24 국민내일배움카드 훈련과정명은
바닐라
자바스크립트입니다.

- 교육기간
- 정규 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
- 언어특성 활용하기
- 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 콘텐츠 디자인 취업완성패스
-
챗 GPT(ChatGPT)를 활용하여
웹 애플리케이션의 화면을 구현.UX/UI디자인 웹 프론트엔드개발 부트캠프 (생성형AI 활용/피그마)
-
UX 기획 및 설계부터
개발까지 마스터하는 부트캠프UXUI디자인&웹기획 프론트엔드 부트캠프(피그마,React.js)
-
피그마를 활용한 UI UX 기획과
설계부터 프론트엔드 구현까지!UIUX 웹디자인& 프론트엔드 (피그마,React.js)
-
사용자 니즈를 분석하여,
UI,UX 설계 등을 구현UI/UX 웹디자인 & Figma
-
고객 중심 UI/UX의 중요성,
디자인브랜드의 가치 상승웹 UI/UX 콘텐츠 디자인
-
서울시 뉴딜 사업으로
정규직 채용 전환![서울시 뉴딜] UX/UI 웹&모바일
-
서울시 뉴딜 사업으로
정규직 채용 전환![서울시 뉴딜] 프론트엔드 개발자
웹 UI/UX 콘텐츠 디자인 커리어패스
-
UI 디자인 스케치, 프로토타이핑 및
협업을 위한 사용법과 실무 활용법피그마 UI/UX 웹 & 앱 디자인
-
디자이너라면 가장 먼저 배워야할
필수 프로그램 포토샵&일러스트웹 그래픽(포토,일러)
-
HTML과 CSS를 기반으로 한
웹표준 웹사이트 만들기~!웹표준(HTML5/CSS)
-
화려하고 다채로운 콘텐츠 표현,
JavaScript&jQueryJavaScript&jQuery
-
UI와 UX를 근거로
전문성을 높은 클래스UI/UX 디자인 (Adobe XD)
-
자바스크립트 프레임워크의 혁신~!
프론트엔드 개발자의 필수요소React 프론트엔드개발
-
빠르게 변하는 트렌드에 맞는
인터렉티브한 디자인을 학습피그마(Figma) UIUX 웹포트폴리오
직장인교육문의
원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.