[자바 웹프로그래밍] 뷰제이에스(Vue.js) 프로그래밍 입문 과정

오라클왕 0 867 2018.12.13 14:43

[자바 웹 프로그래밍]  

  

 

뷰제이에스(Vue.js) 프로그래밍

입문과정




ë·°ì ì´ìì¤(Vue.js) íë¡ê·¸ëë° ì문 ê³¼ì 


★ 교육개요 ★

사용자 인터페이스를 만들기 위한 진보적인 Vue를 학습합니다. Vue는 정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있습니다. 경쟁적인 관계에 있는 프론트엔드 프레임워크 Angular & React 의 장점을 결합하여 만든 Vue.js의 기초를 학습하는 강좌입니다. 본 과정은 ATOM 에디터로 진행되는 실습위주의 교육이며 강사의 라이브 코딩을 바탕으로 직관적인 이해를 도모하는 수업입니다.


★ 수료조건 ★

출석률 80%이상

★ 교육목표 ★  

Vue 로 화면을 개발하기 위한 기본적인 구성요소와 실전 프로젝트 구성 팁 등 전반적인 내용을 다룹니다. 기초적인 내용부터 시작해서 많은 예제와 함께 Vue.js의 중용한 내용을 다룹니다. 교육이 끝날 때쯤이면 빠르게 프런트엔드 애플리케이션을 만들거나 기존 프로젝트의 성능을 향상시킬 수 있게 됩니다.

★ 교육대상 ★

프론트엔드 개발을 담당하는 개발자
프론트엔드 개발을 해보고 싶은 디자이너
프론트엔드 개발자로 전향하고픈 퍼블리셔
프론트엔드 개발자로 취업을 희망하는 대학생 및 입문자

★ 커리큘럼 ★ 
e.js 프로그래밍[1부] Vue.js 기초

1장: Vue.js 설치 
1.1 독립 실행 버전 
1.2 NPM 사용 
1.3 Bower 사용 

2장: 시작하기 
2.1 안녕하시나이까 전하! 
2.2 양방향 바인딩 
2.3 jQuery와의 비교 
2.4 연습 문제 

3장: 디렉티브 
3.1 v-show 
3.2 v-if 
3.3 v-else 
3.4 v-if vs. v-show 
3.5 연습 문제 

4장: 리스트 렌더링 
4.1 부트스트랩 설치와 사용 
4.2 v-for 
4.3 배열 렌더링 
4.4 v-for를 이용한 객체 프로퍼티 순회 
4.5 연습 문제 

5장: 상호작용 
5.1 이벤트 처리 
5.2 이벤트 한정자 
5.3 키 한정자 
5.4 계산된 프로퍼티 
5.5 연습 문제 

6장: 필터 
6.1 필터링된 결과 
6.2 결과 정렬 
6.3 사용자 정의 필터 
6.4 유틸리티 라이브러리 
6.5 연습 문제 

7장: 컴포넌트 
7.1 컴포넌트란? 
7.2 컴포넌트 사용하기 
7.3 템플릿 
7.4 프로퍼티 
7.5 재사용성 
7.6 종합 예제 
7.7 연습 문제 

8장: 사용자 정의 이벤트 
8.1 발생과 청취 
8.2 부모-자식 간 통신 
8.3 인자 전달 
8.4 비부모 자식 간 통신 
8.5 이벤트 리스너 제거 
8.6 이야기로 돌아가서 
8.7 연습 문제 

9장: 클래스와 스타일 바인딩 
9.1 클래스 바인딩 
9.2 스타일 바인딩 
9.3 바인딩 예제 
9.4 연습 문제 

[2부] API 사용하기

10장: API 사용하기 
10.1 CRUD 
10.2 API 

11장: 실제 데이터 활용하기 
11.1 비동기로 데이터 가져오기 
11.2 리팩터링 
11.3 데이터 갱신 
11.4 데이터 제거 

12장: HTTP 클라이언트 활용 
12.1 개요 
12.2 vue-resource 
12.3 axios 
12.4 axios 사용하기 
12.5 기능 개선 
12.6 자바스크립트 파일 
12.7 소스코드 
12.8 연습 문제 

13장: 페이지 처리 
13.1 구현 
13.2 페이지 처리 링크 
13.3 연습 문제 

[3부] 대규모 애플리케이션 구축

14장: ECMAScript 
14.1 소개 
14.2 변수 선언 
14.3 화살표 함수 
14.4 모듈 
14.5 클래스 
14.6 기본 매개변수 값 
14.7 템플릿 리터럴 

15장: 고급 워크플로우 
15.1 Babel을 이용한 ES6 컴파일 
15.2 Gulp를 이용한 워크플로우 자동화 
15.3 Webpack을 이용한 모듈 번들링 
15.4 정리 

16장: 단일 파일 컴포넌트 
16.1 vue-cli 
16.2 Webpack 템플릿 
16.3. vue 파일 만들기 

17장: 중복 상태 제거 
17.1 프로퍼티를 이용한 공유 
17.2 전역 저장소 

18장: 컴포넌트 교체 
18.1 동적 컴포넌트 

19장: Vue 라우터 
19.1 설치 
19.2 사용법 
19.3 이름을 가지는 라우트 
19.4 히스토리 모드 
19.5 중첩 라우트 
19.6 자동 active 클래스 설정 
19.7 라우트 객체 
19.8 동적 세그먼트 
19.9 라우트 별칭 
19.10 라우트 푸시 
19.11 트랜지션 
19.12 내비게이션 가드 
19.13 연습 문제 

20장: 마무리하며 

21장: 참고 자료 
21.1 튜토리얼 
21.2 동영상 
21.3 책 
21.4 오픈소스 프로젝트 
21.5 Awesome Vue

Comments

번호 제목 글쓴이 날짜 조회
299 (블록체인학원/이더리움학원)이더리움을 활용한 블록체인 네트워크 구축 및 솔리디티(Solidity)를 이용한 … 오라클왕 2019.01.03 889
298 (스프링고급 + UI고급)스프링부트,Spring Data JPA, Security & 앵귤러, 뷰(Angul… 오라클왕 2018.12.17 1643
297 [국비지원] 안드로이드 앱 인터페이스구현 재직자 향상과정 오라클왕 2018.12.14 1168
296 [자마린학원/자마린교육] 자마린(Xamarin) 크로스 플랫폼 앱개발 과정_C#으로 안드로이드, iOS 네이… 오라클왕 2018.12.14 1255
295 [국비지원// UI /UX 프로그래밍] 앵귤러(Angular) & 자바스크립트(ECMA, TypeScript… 오라클왕 2018.12.13 1136
294 [IT국비무료 취업교육] UI/UX 개발전문가(웹퍼블리싱 & 모바일앱) 구직자 양성과정_자바서버프로그래밍 +… 오라클왕 2018.12.13 1626
293 [자바 웹프로그래밍] 스프링부트(Spring Boot), JPA, Querydsl, Angular 풀스택개발… 오라클왕 2018.12.13 1466
292 [국비지원/자바 웹 프로그래밍] 스프링&마이바티스&웹스퀘어(WebSquare) 통합구현 실무 재직자 향상과정 오라클왕 2018.12.13 1454
291 [자바 웹프로그래밍] 스프링 부트 & 시큐리티 & 소셜(Spring Boot & Security & Spri… 오라클왕 2018.12.13 1182
290 [자바 웹프로그래밍] IT개발자를 위한 깃허브(GihHub) 이해하기 오라클왕 2018.12.13 974
열람중 [자바 웹프로그래밍] 뷰제이에스(Vue.js) 프로그래밍 입문 과정 오라클왕 2018.12.13 868
288 [자바 웹 프로그래밍] 스프링부트, Spring Data JPA, Querydsl 쇼핑몰 실무프로젝트과정 오라클왕 2018.12.13 1585
287 (닷넷,C#/미취업자/신입사원교육)C#기초에서 윈폼, WPF, 자마린앱, 웹개발자과정(C#.NET, ADO.… FSP 2018.12.11 4009
286 GitHub교육_IT개발자를 위한 깃허브(GihHub) 이해하기(평일주간/주말주간) FSP 2018.12.06 955
285 [닷넷,C#/취업/신입사원교육]C#기초에서 윈도우, 스마트폰 앱, 웹 개발자과정(C#.NET, ADO.NET… FSP 2018.11.01 2736
284 스프링부트(Spring Boot), JPA, Querydsl, Angular 풀스택개발자 실무프로젝트 과정 FSP 2018.11.01 1624
283 [스프링부트/스프링학원] 스프링 부트 & 시큐리티 & 소셜(Spring Boot & Security & Sp… 오라클왕 2018.10.31 1310
282 (뷰제이에스학원/Vue.js학원) 뷰제이에스(Vue.js) 프로그래밍 입문과정 FSP 2018.10.18 1287
281 [자마린학원/자마린교육] 자마린(Xamarin) 크로스 플랫폼 앱개발 과정 C#으로 안드로… 오라클왕 2018.09.14 1510
280 [국비무료 자격증과정] 정보처리기사 취득 양성과정 *수강후기/만족도/수강평 한번 확인 해보세요 정보처리교육은… 오라클왕 2018.09.12 1138
279 [국비전액무료교육]UI/UX 개발전문가_자바/JSP/스프링/마이바티스/JS/ECMA/Angular/React… 오라클왕 2018.09.07 2522
278 [자바학원/C#교육] 프로그래밍언어기초, C언어, 자바(JAVA) 오라클왕 2018.08.01 1284
277 웹스퀘어5(WebSquare5) 웹퍼블리싱, 퍼블리셔 실무과정(주말주간(토/일)) FSP 2018.07.05 1259
276 (런칭기념 재직자무료, 0원/일반 50%)스프링&마이바티스&웹스퀘어(WebSquare) 통합구현 실무 재직자… FSP 2018.07.05 1729
275 (구로디지털단지역)정보처리기사, 정보처리산업기사 실업자/구직자 교육과정(재직자 참여가능) FSP 2018.07.04 1271
274 (IT국비지원무료교육/무료취업교육)자바,C#,모바일,IoT,UI/UX,웹퍼블리싱,정보처리기사,아두이노 무료교… 오라클왕 2018.07.02 2360
273 [자바학원/앵귤러교육]앵귤러(Angular) & 자바스크립트(ECMA, TypeScript) 화면구현 재직자… 오라클왕 2018.07.01 1284
272 [안드로이드학원/안드로이드교육] 안드로이드 앱 인터페이스구현 재직자 향상과정 오라클왕 2018.07.01 1701
271 [React학원/React교육]앵귤러(Angular) & 자바스크립트(ECMA, TypeScript) 화면구… 오라클왕 2018.06.30 1344
270 [Android학원/Android교육] 안드로이드 앱 인터페이스구현 재직자 향상과정 오라클왕 2018.06.30 1449
269 [재직자전액무료/웹스퀘어학원/스프링교육] 스프링&마이바티스&웹스퀘어(WebSquare) 통합구현 실무 재직자… 오라클왕 2018.06.29 2070
268 (자바학원) 자바스크립트(JavaScript), ECMA, jQuery, Node 프로그래밍 실무과정 오라클왕 2018.06.07 1332
267 (스프링학원/스프링교육) 스프링 개발자를 위한 웹스퀘어5 실무프로젝트과정(Spring MVC + REST +… 오라클왕 2018.06.05 2466
266 (스프링학원/스프링교육) 스프링부트(Spring Boot), JPA, Querydsl, Angular5 풀스… 오라클왕 2018.06.05 2405
265 (자바학원) 자바(Java) & 서블릿, JSP 프로그래밍언어 활용 재직자 향상과정 오라클왕 2018.06.05 1359
264 (뷰제이에스학원/Vue.js학원) 뷰제이에스(Vue.js) 프로그래밍 입문 오라클왕 2018.06.05 1394
263 (닷넷학원/C#학원) C#기초, Xamarin 앱 개발과정 오라클왕 2018.06.05 4356
262 (Angular/React학원)앵귤러(Angular), 리액트(React) 기반 웹 & 앱 UI개발 재직자 … 오라클왕 2018.06.05 1436
261 (닷넷학원/Xamarin학원) Xamarin 크로스 플랫폼 앱개발 과정 오라클왕 2018.06.05 1972