이젠아카데미DX교육센터 - 바닐라 자바스크립트

바닐라 자바스크립트

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 가이드합니다.
  • 웹 화면 상에서 동적인 부분들을 구현하고, 인터렉티브한 웹페이지를 만들 수
    있습니다.
  1. ES8 Javascript
    • 객체지향 프로그래밍 언어
    • 스크립트 활용하기
  2. Vanilla Script
    • 언어특성 활용하기
  3. JSON
    Plugin
    DOM
  4. 취업방향
      웹 디자이너 & 웹 퍼블리셔 & 프론트엔드 개발자 & 백엔드 개발자 & 풀스택 개발자

당신만의 특별한 프로젝트가 완성됩니다.

PREV
NEXT
  • Web Design/Publisher모바일 UIUX 반응형
    웹디자인(웹퍼블리셔)
    발표회 및 수료식

    모바일 UIUX 반응형 웹디자인
    수료를 축하드립니다.

    수강생 만족도
    4.7/5
    자세히 보기
  • [디지털디자인]모바일 UIUX 반응형
    웹디자인(웹퍼블리셔)
    발표회 및 수료식

    모바일 UIUX 반응형 웹디자인(웹퍼블리셔)
    수료를 축하드립니다.

    수강생 만족도
    4.7/5
    자세히 보기
  • 인터랙티브 웹디자인 &
    퍼블리싱
    발표회 및 수료식

    인터랙티브 웹디자인 & 퍼블리싱
    수료를 축하드립니다.

    수강생 만족도
    4.8/5
    자세히 보기
  • Interactive Web[NCS] 인터렉티브
    웹 디자인
    발표회 및 수료식

    [NCS] 인터렉티브 웹디자인
    수료를 축하드립니다.

    수강생 만족도
    4.6/5
    자세히 보기
  • Web UI/UX Design 웹UI/UX 디자인
    발표회 및 수료식

    [NCS]스마트기기 웹 UI/UX 디자인 과정
    수료를 축하드립니다.

    수강생 만족도
    4.6/5
    자세히 보기
Vanilla Script

디자이너부터 개발자까지-
동적 UI 구현 등을 활용하여
스킬들을 습득~!

웹의 동적 구현을 위한 트렌드와 시장 흐름에 따라,
개념을 이해하고 만들어보며, 다양하게 적용하는 방법을 학습합니다.
트렌드에 맞는 스킬과 실무 사례를 바탕으로 한
실습을 통해
전문성에 한 걸음 더 성장하세요.

관련 자격증 취득이 가능합니다.

  • 컴퓨터그래픽기능사Craftsman Computer Graphic

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • GTQi 일러스트Graphic Technology Qualification Illustrator

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 시각디자인산업기사/기사Industrial Engineer/Engineer Visual Communication Design

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 웹디자인개발기능사Craftsman Web Design Development

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • GTQ 포토샵Graphic Technology Qualification Photoshop

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 컬러리스트산업기사/기사Industrial Engineer Colorist

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
PREV
NEXT

선배에게 들어요!

웹 디자이너란?
웹 브라우저가 해석하고 그래픽 사용자
인터페이스 (GUI)로 보여 주기에 알맞은
마크업 언어 형식으로 인터넷을 통해
전자 매체콘텐츠 전달의 개념을 정하고 계획하고
모델로 만들어 실행하는 과정이다.
웹 디자인의 목적은 웹 사이트를 만드는 것이다.
UX/UI란?
사용자 경험 디자인(User Experience Design, UX)은
사용자가 제품,서비스 혹은 시스템을 사용하거나
체험하는 데 있어 상호교감적인 모델을 창조하고
개발하는 디자인의 한 분야이다.
사용자 인터페이스 또는 유저 인터페이스(User Interface, UI)는 사람(사용자)과 사물
또는 시스템, 기계, 컴퓨터 프로그램 등 사이에서
의사소통을 할 수 있도록 일시적 또는 영구적인 가상적 매개체를 뜻한다.
프론트엔드 개발자란?
웹사이트나 앱 등의 사용자 인터페이스(UI)를
개발하는 분야로 사용자가 직접 보고
상호작용하는 웹사이트의 시각적 요소를
담당하는 개발자를 프론트엔드(Frontend)
개발자라고 하며, 이들은 HTML, CSS,
JavaScript와 같은 언어를 사용하여
사용자 인터페이스(UI)와 사용자 경험(UX)을 극대화하는 데 중점을 둡니다.
퍼블리셔와 프론트엔드의
차이는 무엇인가요?
보통 퍼블리셔는 HTML,css로 정적 페이지를
주로 다루는 경우가 많으며, 시안을 코드로
변환하고 반응형, 웹 접근성, 크로스 브라우징을
고려한 작업을 수행합니다.
프론트엔드는 HTML, CSS, JavaScript(ES6+) 등
웹 기술을 사용하며, React, Vue.js, Angular와
같은 프레임워크 등을 활용하여 데이터 처리와
클라이언트-서버 간의 통신을 다루는 등 상호작용을 구현합니다.
웹 에이전시와
인하우스
어떤곳이 좋나요?
웹 에이전시의 장점으로는 다양한 경험을 할수 있고, 사회초년생이나 1-2년차 일때 다양한 주제로 작업을 하면서 본인이 잘 맞는 분야를 찾을수 있고, 포트폴리오가 굉장히 다양해진다. 단점으로는, 야근이나 주말 출근등으로 업무강도가 높은 편이고, 급여가 적은편인것 같다 인하우스의 경우 장기프로젝트등을 경험 할수 있고, 에이전시에 비해서 급여가 좋은편이고, 워라밸을 누릴수 있다. 하지만, 에이전시에 비해 회의가 많고, 개인적인 공부가 필요하다. 파트별로 전문성을 높여야하기 때문에 공부를 많이해야한다.
디자이너는
대학교 졸업?
전공 필수인가요?
컴퓨터학원 웹 디자인반 6개월반 정도를 이수하면, 신입 디자이너 정도 역량은 갖추어 진다고 본다. 현업에서 대부분 포토샵과 일러스트로 작업을 하기때문이다. 미대 전공 또는 학력과는 전혀 상관이 없다. 그렇다고 학원만 다녀서 취업이 된다는 소리는 아니고, 취업에서 가장 중요한 포트폴리오를 열심히 만들어야 한다.
예술감각이 없어도
웹디자이너
가능한가요?
예술 감각이 꼭 필수 조건은 아니라고 본다. 충분한 연습을 통해 감각을 익힐수 있다고 생각한다. 신입일때 감각이 없어도, 포토샵이라는 프로그램을 통해 벤치마킹을 하여, 변형해서 조금씩 작업 스킬을 업 시켰었다.
포트폴리오 어떻게 준비해야 하나요?
신입의 경우에는 가고 싶은 회사를 정하고, 가고 싶어 하는 회사의 분야에 따라 포트폴리오를 제작하는게 경쟁력이 있다. 예를들어 광고회사의 웹디자이너를 지원하게 된다면, 그 회사에서 광고하였던 프로모션 페이지를 리디자인 한다거나, 홈페이지의 개선사항들을 적용해서 포트폴리오를 완성한다면, 면접관에게 임팩트를 줄수 있어 취업의 문에 더 가까워 지지 않을까 싶다.

수강후기

  • 강남캠퍼스uiux프론트엔드 강사님 수업 백퍼 추천합니다.
    - 김○영

    황병숙강사님께서 정말로 친절히 알려주십니다. 처음 공부하는 사람도 잘 이해할수 있도록 알려드립니다. 강사님 수업 백퍼 추천합니다.

  • 강사님이 친절하게 잘 가르쳐 주셔서 좋았다
    - 신○섭

    강사님이 친절하게 잘 가르쳐 주셔서 좋았다

  • 감사합니다
    - 이○영

    정말감사했습니다. 최고였어요!

  • UXUI프론트엔드
    - 박○O

    황병숙쌤께 배운다면 기초를 탄탄히 가지고 시작할 수 있습니다

  • UIUX프론트엔드 강남캠퍼스
    - J○S

    이 훈련과정을 통해서 더 자세히 공부할 수 있었습니다. 강사님도 무척 잘 가르쳐주셔서 만족스러운 수업이었습니다.

  • 강남캠퍼스 UIUX프론트엔드 황병숙T 추천
    - 황○영

    아주 만족스러운 과정이였습니다 강사님도 너무 잘만나서 즐거운 마음으로 끝까지 수강 할 수 있었던 거 같습니다 하나라도 도 알려주시려는 강사님 덕분에 기초부터 탄탄하게 배울 수 있었습니다 감사드립니다!!!

  • UIUX프론트엔드 과정
    - 이○아

    확실히 온라인 부트캠프에 비해 오프라인 좋은 강사님을 만나 질문에 대한 피드백이 빠른게 좋았습니다 덕분에 종강전에 좋은곳으로 취업 잘했습니다. 황병숙쌤 감사합니다

  • 강남 UXUI 디자인 프론트엔드 황병숙선생님수업
    - 김○현

    황병숙강사님도 열정적으로 꼼꼼하게 알려주시고 수강생들에게 하나라도 더 알려주시고 싶은 모습이 좋았습니다, 고민하면서 신청했는데 후회없는 선택이었고, 부족한 실력으로 수강했지만 수료 후에는 자신감도 많이 붙었고 실제로도 구현할 수 있는 것도 많아져서 매우 만족스럽습니다 ㅎ

  • 황병숙선생님 수업 추천합니다.
    - 김○o

    강사님도 열정적인 태도로 임해주시고 실무적인 부분들을 세세히 잘 알려주셔서 너무 유용한 강의가 되었습니다 6개월동안 긴시간이었지만 절대 아깝지 않은 시간이었습니다 황병숙 강사님 너무 감사합니다 많이 배웠습니다 !

  • 기획부터 디자인과 코딩 모두 탄탄하게 가르쳐주시는 임자영 강사님
    - 김○람

    이 수업과 강사님 덕분에 취업했습니다. 최소 3년 이상 경력직을 모집하는 자리였는데도 코딩 실력도 있고 디자인이 정말 마음에 들어서 신입으로 채용 결정하셨다고 합니다. 처음 수업 시작할때는 디자인 조금이라도 배워가겠다는 마음이었는데, 열정적이고 실력있으신 임자영 강사님을 만나서 이렇게 기획과 디자인과 코딩 다 체계적으로 배울 수 있을거라고는 예상 못했습니다. 강사님 덕분에 디자인 뿐만 아니라 기획 과정도 이해하고 퍼블리싱도 가능하고 개발자와도 소통할 수 있는 디자이너가 될 수 있었습니다. 특히 저는 기획에 관심이 많았는데 수업에서 체계적으로 UI/UX 기획 과정을 배우고 프로젝트를 진행할 수 있는 경험이 도움이 많이 되었어요. 그리고 항상 꼼꼼하게 피드백해주신 덕분에 디자인 색감과 가독성을 깔끔하게 작성해서 합격할 수 있었습니다. 항상 배우고 싶던 디자인과 기획과 코딩을 강사님께 배울 수 있어서 정말 행운이었어요. 어느 면접을 가도 디자인이 깔끔하다고 하시고 코딩을 템플릿이나 가이드 없이 정말 스스로 직접 다 한건지 여러 번 질문하시더라구요. 정말 감사합니다. 제대로 많이 배웠습니다.

수강후기 더보기

커리큘럼

  1. 1

    Day 1

    • Javascript 개발 환경 구성
    • Javascript 코드 구조
    • 변수와 상수, 데이터 타입
  2. 2

    Day 2

    • 기본연산자
    • 비교,논리,삼항연산자
    • 형변환
  3. 3

    Day 3

    • 조건문
    • 반복문(while)
    • 반복문(for)
  4. 4

    Day 4

    • 함수의 이해
    • 익명함수와 화살표함수
    • 콜백함수
  5. 5

    Day 5

    • 프로토타입의 이해
    • 프로토타입에서의 프로퍼티와 메서드
    • 프로토타입에서 getter, setter 함수 정의하기
  6. 6

    Day 6

    • 클래스와 객체의 이해
    • 클래스에서의 프로퍼티와 메서드
    • 클래스에서 getter, setter 함수 정의하기
  7. 7

    Day 7

    • 옵셔널 체이닝
    • 심볼형
    • 가비지 컬렉션
  8. 8

    Day 8

    • 클래스의 상속과 메서드 Override, Super
    • 정적 프로퍼티, 정적 메서드, 믹스인
    • 참조에 의한 객체 복사
  9. 9

    Day 9

    • 배열의 이해
    • iterable 객체
    • 맵과 셋
  10. 10

    Day 10

    • JSON
    • Object.keys, values, entries
    • 구조 분해 할당
  11. 11

    Day 11

    • 재귀와 스택
    • 변수의 유효범위와 클로저
    • 전역객체
  12. 12

    Day 12

    • 자바스크립트 내장함수
  13. 13

    Day 13

    • 자바스크립트 내장객체
  14. 14

    Day 14

    • setTimeout과 setInterval을 이용한 스케쥴링
    • call/aplly와 데코레이터, 포워딩
    • 함수 바인딩
  15. 15

    Day 15

    • 에러 핸들링, 커스텀 에러와 에러 확장
    • promise
    • async와 await
  16. 16

    Day 16

    • 모듈화
    • DOM구조 익히기
    • DOM 속성과 프로퍼티
  17. 17

    Day 17

    • 브라우저 이벤트
    • UI 이벤트
  18. 18

    Day 18

    • 폼 프로퍼트와 메서드
    • 폼 이벤트
  19. 18

    Day 19-21

    • XmlHttRequest (Ajax) Part1
    • XmlHttRequest (Ajax) Part2
    • XmlHttRequest (Ajax) Part3

웹 UI/UX 콘텐츠 디자인

웹 UI/UX 콘텐츠 디자인 취업완성패스

웹 UI/UX 콘텐츠 디자인 커리어패스

 
 

바닐라 자바스크립트

07.08(화)
전화문의공식
1544-8147

직장인교육문의

원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.

지점선택

학과 및 교육과정 선택

지점을 선택해 주세요.

신청자

빠른 안내 전화 문의 1544-8147
개인정보수집 및 이용에 대한 동의

(주)이젠아카데미가 운영하는 이젠아카데미컴퓨터학원 및 계열 브랜드 웹&모바일 사이트에 대하여 상담 및 이용자가 원하는 서비스를 충족시키기 위해 아래와 같은 개인정보를 수집하고 있습니다.

1. 수집하는 개인정보 항목 및 수집방법
(1) 수집항목
필수: 캠퍼스, 상담과목, 이름, 전화번호
선택입력: 아이디, 생년월일, 성별, 제목, 내용, 사진 등
(2) 개인정보 수집 방법 : 웹&모바일 홈페이지(온라인상담신청, 수강료조회, 내일배움카드제(계좌제)조회, 고용보험환급, 재직자국비과정조회, 시간표조회, 지점별 위치조회, 위탁교육문의 등), 서면양식 외


2. 수집한 개인정보의 이용
(1) 이용자가 제공한 모든 정보는 교육 서비스 제공, 이벤트 안내 등 필요한 용도로만 사용되며, 목적이 변경될 시에는 사전에 동의를 구합니다.


3. 개인정보의 보유 · 이용기간 및 폐기
모든 검토가 완료된 후 5년간 이용자의 조회를 위하여 보관하며, 이 후 해당정보를 지체없이 파기합니다.


4. 동의를 거부할 권리가 있다는 사실과 동의 거부에 따른 불이익 내용
이용자는 (주)이젠아카데미가 운영하는 컴퓨터학원 및 계열 브랜드 웹&모바일 사이트에서 수집하는 개인정보에 대해 동의를 거부할 권리가 있으며 동의 거부 시에는 회원가입 및 인터넷 수강료 조회, 온라인 상담 등의 홈페이지 서비스가 일부 제한됩니다.

그 밖의 사항은 <개인정보 처리방침>을 준수합니다.