멀티캠퍼스 :: 과정상세보기

과정요약

과정요약
학습시간	34시간	난이도	초급
교육비 지원	고용보험 비환급	평가항목	출석률 100%
수료기준	총점 80점 이상시 수료	정원	24 명
교재정보

과정소개

JavaScript의 기본중의 기본, Vanilla JS
웹개발 Front-End 기본과 트렌드에 충실한

본 과정은 JavaScript 언어의 구조와 문법을 설명하는 과정입니다.

🚀 웹앱부터 Javascript 기반 대규모 애플리케이션까지,
JS기반 프로젝트를 개발하는데에 필요한 OOP의 개념을 제대로 학습하실 수 있습니다.

Vue, React, TypeScript 등 자바스크립트가 필요한 기술들에 앞서
👍 기본적인 자바스크립트 개념을 잡고자 하는 분들을 대상으로 추천드립니다.

JavaScript로 시작하는 웹개발

JavaScript의 핵심은 모두

ES6 vs. ESNext 문법, 객체지향 프로그래밍, 예외처리, DOM조작 등
JavaScript 개발에 필수적인 주제들을 모두 다룹니다.

체계적인 구성

환경설정, 기초문법, 객체지향 프로그래밍, DOM조작 등
체계적으로 구성된 과정을 단계별 학습으로 따라오도록 도와드립니다.

실무에 바로 쓰는 실습

esLint, Prettier와 같이 실제 개발에서 활용 가능한
기술을 알려드립니다.

학습목표

JavaScript의 특징적인 문법을 효과적으로 학습하여 개발자라면 반드시 숙지해야 될 JavaScript 핵심을 실무에 활용한다.
JavaScript식으로 생각할 수 있는 힘을 갖는다.
Document 내의 요소에 접근하고 요소를 생성하고 조작할 수 있다.

학습대상

Vue, React, TypeScript를 학습하기에 앞서 순수 자바스크립트 언어를 이해하고자 하는 분
웹개발을 할 때 JavaScript를 copy & paste 해서 쓰는 개발자
JavaScript 기초를 탄탄하게 다지고 싶은 초보 개발자

과정목차 34

1 일차
- 환경설정
  - 프로그램 설치 및 환경설정
- Start
  - JavaScript 개요
  - HTML에서의 JavaScript 사용법
    분리 사용 시 주의점
    Console 객체 이용방법
- Variable
  - var 변수 선언자
  - ESNext 변수 선언자(let, const)
    Operator
  - casting
- 팀개발을 용이하게 해주는 esLint/prettier
  - npm 사용법
    esLint 설치 및 설정
2 일차
- Object
  - Object
  - ProtoType
  - DefineObject
    Extensions
    Spread 연산자
  - destucturing
- Funtion
  - Function
    Argument
    rest parameter
  - Scope
    CallBack
  - Closure
    즉시 실행함수
3 일차
- OOP
  - 생성자 함수
    ProtoType
  - method override
    create
    instanceof
  - this
- Class
  - Class
  - 상속
- Array
  - Array
    기본 mothod
  - Filter
    map
    find
    findindex
    reduce
4 일차
- Array
  - Map
    Set
  - String
    Number
    Date
- 기타 객체
  - Error
    예외처리
    Promise
- 모듈
  - import
    export
- Browser
  - Location
    Navigator
    Screen
    Document
- Event
  - Cookie
    Event
  - Event Attribute
    Event this
    Event에서의 CallBack 함수
5 일차
- Event
  - 클로저 개요
  - 클로저 용법
- DOM
  - Node 탐색
  - 요소 생성 및 추가
    속성 추가 삭제
- Ajax
  - XMLHttpRequest vs. fetch
  - 조회, 추가, 변경, 삭제 구현