직장인 초급 개발자를 위한 UI 자바스크립트 React.js, Vue.js 국비교육 무료과정

[정민이]

자바스크립트 프레임워크 프론트앤드 개발과정(React.js, Vue.js)

프론트앤드 개발을 위한 자바스크립트 기본 언어와 자바스크립트 프레임워크 React.js, Vue.js의 라이브러리 툴 사용에 대한 학습을 진행하여 다양한 화면에서 적합한 구현이 진행될 수 있도록 실습을 통해 학습을 진행합니다.


◆ 교육개강 - 평일:7월5일 ~7월8일
◆ 교육과정 - [자바스크립트 프레임워크 프론트앤드 개발과정]
            - 국비지원 적용혜택
◆ 교육강의시간 -09:30~18:30, (4일) 총 30시간 

◆대 표 :02-6925-4760
◆홈페이지:https://www.oraclejava.co.kr/edu/index.php/curriculum/curri_detail?command=3648&lp_type=G


교육목표
- 자바스크립트 언어를 활용하여 설계서를 기반으로 애플리케이션을 작성하고 오류 식별 및 수정을 할 수 있다. 
- 자바스크립트 언어의 라이브러리를 이해하고 활용할 수 있다.
- 자바스크립트 프레임워크(React.Js, Vue.Js)를 활용하여 화면을 구현할 수 있다.

교육대상
- 프론트앤드 개발을 담당하는 개발자
- 프론트앤드 개발을 해보고 싶은 디자이너
- 프론트앤드 개발자로 전향하고픈 퍼블리셔 
- 초보 웹 개발자 


교육과정
* React.Js 
- React 입문
- React 기본 사용
- React&JSX
- Vitual DOM


* 컴포넌트
- 컴포넌트 입력 폼
- 클래스형 컴포넌트
- 컴포넌트 연동
- Props
- State
- DOM 접근 및 Ajax 통신

* 이벤트 핸들링
- 리액트의 이벤트 시스템 이해
- 함수형 컴포넌트 작성

* 컴포넌트 반복
- map 함수
- key 사용

* 컴포넌트 라이프 사이클
- 컴포넌트 라이프 사이클 이해
- 컴포넌트 라이프 사이클 메서드 사용하기

* 컴포넌트 스타일링
CSS 스타일링
 반응형 디자인


Vue.Js 
* Vue.js 
- 설치 / 설정
- 데이터 표시
- 속성 지정

* 사용자 입력
-사용자 입력 연결
- 사용자 이벤트 연결

* 디렉티브
- v-show
- v-if
- v-for

* ToDo List만들기
- 임시 데이터로 Todo 리스트 표시
- 추가 / 삭제 하기
- 컴포넌트로 정리하기

* Json 데이터 다루기
- Json 파일을 읽어들이기
- Json 파일을 읽어들여 컴포넌트로 연결


* 게시판 작성 
- 자바스크립트 프레임워크를 활용한 게시판 구현 실습