[HD]예제로 마스터하는 Vue.js 25제 입문 Part.2 Vue.js 폼 연결과 이벤트

[HD]예제로 마스터하는 Vue.js 25제 입문 Part.2 Vue.js 폼 연결과 이벤트

50,000원
  • 지원유형
    • 일반과정
    • 평생교육바우처
  • 학습기간
    수료여부 관계없이 복습 12개월 추가 제공
  • 수료기준 진도 80% 이상
주문금액
50,000원
연관강의

comment

Vue.js를 사용하여 폼 처리와 다양한 이벤트 처리를 학습하는 과정입니다.

미리보기
학습방법 : HTML5 ( PC
, 스마트폰, 타블렛
)
학습시간 : 8시간 23차시
난이도 : 향상
강의목표

핵심 예제 25개를 통해서 Vue.js의 기본적인 사용법과 핵심들을 학습합니다.

강의소개

본 과정은 핵심 예제 25개를 통해서 Vue.js의 기본적인 사용법과 핵심들을 학습합니다.Vue 프레임워크를 공부하는 입문자 및 초보자가 꼭 알아야할 필수사항들과 기능들을 학습합니다.어려운 개념을 실생활에서 볼 수 있는 예로 비유를 들어 초보자의 눈높이에 맞춰서 누구라도 이해할 수 있도록 설명합니다.

학습대상

1. Vue.js 기본과 필수 학습사항들을 학습해보고자 하는 자2. 예제를 통해서 하나하나씩 문법을 학습해가고자 하는 자

수료기준
필수평가 : 진도 (80% 이상)
총점 80 점 이상시 수료
학습목차
[HD]예제로 마스터하는 Vue.js 25제 입문 Part.2 Vue.js 폼 연결과 이벤트
1. 머스태시에 자바스크립트 사용해보기
15 분
2. 자바스크립트 배열과 객체 사용해보기
22 분
3. 뷰 인스턴스에서 사용할 데이터 미리 준비해놓고 사용해보기
15 분
4. 뷰 인스턴스 데이터 반복문으로 한꺼번에 출력하기
15 분
5. 요소의 속성을 뷰 인스턴스의 데이터로 지정하기 - 이미지 링크 정렬 지정하기
30 분
6. 케밥 카멜 파스칼 표기법 및 뷰 인스턴스 데이터로 CSS 스타일 지정하기
21 분
7. 뷰 인스턴스 데이터로 CSS 스타일 지정하기 - 복수 클래스 지정1
21 분
8. 뷰 인스턴스 데이터로 CSS 스타일 지정하기 - 복수 클래스 지정2
18 분
9. 온라인 시험문제에서 보기항목에 정답 표시하기 예제
32 분
10. 텍스트 폼 태그와 뷰 인스턴스 데이터 양방향 연결하기
25 분
11. 여러 줄 Textarea 폼 태그와 뷰 인스턴스 데이터 양방향 연결하기
22 분
12. 다중 체크박스 폼 태그와 뷰 인스턴스 데이터 양방향 연결하기
12 분
13. 동의하기 체크박스에 체크했을 때만 전송하기 버튼 활성화시키기
27 분
14. v-on 이벤트 연결과 추천하기 버튼 한 번만 클릭하게 하려면
21 분
15. 뷰 인스턴스의 메서드 실행시킬 때 파라미터 값을 전달하여 실행하기
10 분
16. Vue.js 이벤트들 정리
16 분
17. 키보드 입력과 뷰 메서드 연결하기 - 엔터키 눌렀을 때 알림 띄우기
15 분
18. 키보드 입력과 뷰 메서드 연결하기 - 탭키 눌렀을 때 실행시키기
17 분
19. 키 입력 시 문자열 수정하기 예제
30 분
20. 뷰 조건문 사용하기(1)
16 분
21. 뷰 조건문 사용하기(2)
10 분
22. Vue.js computed 속성이란 무엇인가
30 분
23. Vue.js computed 속성이란 무엇인가 - 실습
24 분