자바스크립트 프레임워크 프론트앤드 개발과정(React.js, Vue.js)
프론트앤드 개발을 위한 자바스크립트 기본 언어와 자바스크립트 프레임워크 React.js, Vue.js의 라이브러리 툴 사용에 대한 학습을 진행하여
다양한 화면에서 적합한 구현이 진행될 수 있도록 실습을 통해 학습을 진행합니다.
◆ 교육개강 - 주말반:10월7일~10월15일(4일)총30시간
◆ 교육과정 - 자바스크립트 프레임워크 프론트앤드 개발과정(React.js, Vue.js)
- 실업자,재직자 국비지원 및 사업주환급 적용
◆ 교육강의시간 -토요일:09:30~18:30 / 일요일: 09:30~18:30
◆대 표 :02-6925-4760
상세내용: https://www.oraclejava.co.kr/edu/index.php/curriculum/curri_detail?command=3871&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 파일을 읽어들여 컴포넌트로 연결
게시판 작성
* 자바스크립트 프레임워크를 활용한 게시판 구현 실습