ExtJS4 강의 기초 부터 실무인강 알지오 IT전문교육

ExtJS4

강의구성
(20강) 전체 : 12시간 48분|평균 : 38분23초

이용기간/강사
2개월 / 알지오 R&D [IT]

수강료
330,000원
165,000원

ExtJS4 인강 평생교육원 교육 안내
자바스크립트 UI 프레임워크로 프론트개발을 원하는 웹개발자가 이용하면 좋습니다. javascript를 활용하기 때문에 상호활용적인 내용이 많아 기본개념을 학습한뒤 이용할것을 권장합니다. 크로스플랫폼 웹 애플리케이션 개발이 가능하기 때문에 웹표준을 활용한 애플리케이션개발을 원할때 활용하기 좋습니다.

단기 습득!

2년 연속 IT교육 인강부분 1위 알지오 (근거자료)

2003년부터 운영해온 수많은 데이터베이스를 기반으로

단기 습득할 강의

로 제공합니다!
늦지 않았습니다. 알지오에서 지금부터 시작하세요!

01.32분 클래스 part1
클래스 선언, 클래스 객체화, 클래스 내부 생성자, 클래스 상속, 전역 변수, 지역 변수, 이벤트 핸들러

기본 클래스 선언 방법/클래스 생성/config 선언/name 과 age 값 확인/onoff 메소드 추가/콘솔 값 확인/listener 선언
02.36분 클래스 part2
클래스의 동적로딩, Alias 선언하여 배치, 컴포넌트 쿼리, Panel 확장, 텍스트엘리먼트 삽입, 오버라이딩, 오버라이딩 텍스트필드

클래스의 동적 로딩/미리 선언한 클래스 살펴보기/컴포넌트 쿼리/결과 확인/결과 확인//last 메소드 사용/오버라이딩/결과 확인
03.31분 DOM
DOM 엘리먼트 선택, DOM 트리 순회, DOM 스타일 변경, DOM 엘리먼트 생성, DOM 이벤트 핸들링

DOM 엘리먼트 선택/DOM 엘리먼트 추가/쿼리 살펴보기/부모 객체 조회 방법/css 적용/get은 부모객체로부터 얻고 이벤트는 자식 엘리먼트에 일괄적용하기/여러 옵션 추가
04.52분 애니메이션
간단한 엘리먼트 애니메이션, 사용자 정의 애니메이션, 날짜데이터 분석, 형식화, 조작, Ajax를 이용한 데이터 로딩, Json 데이터 인코딩과 디코딩

애니메이션 효과 알아보기/애니메이션 구현될 모양 정의/애니메이션 효과 확인/애니메이션 효과 확인/backIn/backOut/직접 파라미터 내에서 구현해 날짜 출력하기/데이터에 디폴트 포맷 적용/파일 이름 변경 후 결과 확인/json 데이터 인코딩과 디코딩/encodeDate
05.36분 레이아웃 시스템과 컴포넌트 배치 part1
FitLayout으로 컴포넌트 확장, VBoxLayout으로 수직 레이아웃 생성, HBoxLayout으로 수평 레이아웃 생성, ColumnLayout으로 콘텐츠 나타내기, AccordionLayout으로 축소 가능한 레이아웃 생성

fitLayout으로 컴포넌트 확장/flex 옵션/레이아웃 구성/columnLayout 으로 콘텐츠 나타내기/AccordionLayout으로 축소 가능한 레이아웃 만들기/titleCollapse
06.31분 레이아웃 시스템과 컴포넌트 배치 part2
CardLayout으로 스택 컴포넌트 나타내기, 부모 크기에 비례하는 앵커 컴포넌트 만들기, BorderLatout으로 전체화면 어플리케이션 만들기, 다양한 레이아웃 조합

fitLayout으로 컴포넌트 확장/기본 패널 구성/flex 옵션/레이아웃 구성/center 값 지정/패널에 프레임 적용/레이아웃 생성/titleCollapse
07.36분 트리와 패널
서버에서 트리 노드 가져오기, 트리 노드 정렬, 드래그 앤 드롭으로 노드 이동, 다른 패널로 콘텐츠 가져오기, 패널 가장자리로 아이템 고정, 윈도우로 간단한 폼 나타내기

서버에서 트리노드 가져오기/트리 노드 정렬/첫번째 트리 구성/탭 속성 지정/결과 확인/윈도우 구성
08.52분 패널과 데이터뷰
탭에 툴팁 나타내기, 탭 패널의 탭바 조작, XTEMPLATE에서 인라인 자바스크립트 실행, EXT.XTEMPLATE 멤버 함수 만들기, EXT.XTEMPLATE에 로직 추가, EXT.XTEMPLATE의 날짜 형식화, 데이터 스토어와 연결된 데이터뷰의 생성, 데이터뷰 클릭으로 상세 정보 표시

탭에 툴팁 나타내기/tool tip 사용자 정의/동적으로 아이콘 변경//내용 살펴보기/파라미터 구성해서 템플릿 적용/XTemplate의 날짜 형식화/데이터 스토어 구성/상세 정보의 폼 생성/selectionchange
09.36분 폼 로딩과 제출과 유효성 검사
복잡한 폼 레이아웃 구성, 폼 데이터 채우기, 폼 데이터 제출, VTYPE으로 폼 필드 유효성 검사, 사용자 정의 VTYPE 만들기, 서버에 파일 업로드, 예외 처리와 콜백 함수 다루기

복잡한 폼 레이아웃 구성/전체 폼 채우기/서브밋 버튼 추가/vtype으로 폼 필드 유효성 검사, 사용자 정의 vtype/패스워드 필드 추가/예외처리와 콜백 함수/결과 확인
10.45분 폼 필드 사용과 설정 part1
라디오 버튼 나열, 체크박스 그룹 덧붙이기, JSON으로부터 체크박스 그룹을 동적으로 만들기, 날짜 필드에서 선택 가능한 범위 설정, 날짜 필드 로딩과 구문 분석, 스피너 필드를 사용한 숫자 입력

폼 필드 사용/라디오 버튼 나열/세로방향 정렬/체크박스 아이템 배치/불리언 값 사용하기/체크박스 그룹 생성/특정 요일 비활성화/스피너필드를 사용한 숫자 입력/두 기능 제거한 결과 확인
11.35분 폼 필드 사용과 설정 part2
슬라이드 필드 값 조정하기, 콤보박스에 서버 데이터 로드하기, 콤보박스 자동완성하기, 콤보박스 아이템 렌더링하기, 리치 에디터 생성하기, 반복되는 폼 필드와 필드셋 생성하기, 폼 필드 결합하기

슬라이더 필드값 조정/slider.single/결과 확인/업데이트 부분 추가/콤보박스 자동 완성/데이터 모델 정의/반복되는 폼 필드와 필드셋 생성/v 타입 코드 정의
12.38분 데이터 패키지 part1
데이터 객체 모델링하기, 프록시를 이용한 모델 로딩과 저장하기, 스토어로 크로스 도메인 데이터 로드하기, 모델 관계 설정과 중첩 데이터 로딩하기

데이터 객체 모델링/객체 필드 출력/php 파일 이용하기//book id 없이 book 모델 인스턴스를 생성하고 세이브 메소드 호출하기/모델 관계 설정과 중첩 데이터 로딩/모델 인스턴스 생성/결과 확인
13.36분 데이터 패키지 part2
모델 필드의 유효성 검사하기, 스토어 데이터 그룹핑하기, 스토어 예외 처리하기, HTML5 로컬 저장소의 데이터 저장과 로딩하기

모델 필드 유효성 검사/필드 채워넣기/이메일 체크용 데이터 생성/xml 살펴보/결과 확인/ajax 프록시에 공통 응답 핸들러 추가하기/결과 확인/userinfo.load 사용/결과 확인
14.50분 표 데이터 다루기 part1
간단한 표 데이터 나타내기, RowEditor 로 그리드 데이터 편집하기, 페이징 툴바 추가하기, 스크롤 기능이 제공된 그리드에서 데이터 다루기, 드래그 앤 드롭으로 그리드 간 레코드 이동하기, 그리드 그룹 생성하기

간단한 표 데이터 나타내기/스크립트 문 추가/roweditor로 그리드 데이터 편집/스크립트 지정/스토어 생성/trailingBufferZone 옵션//그리드 패널 생성/행 데이터 갱신하기/기본 그리드 생성/그룹 클릭 이벤트 구현
15.43분 표 데이터 다루기 part2
그리드 셀의 사용자 지정 렌더링하기, 그리드 데이터의 합계 행 만들기, RowBody 기능 사용하기, 컨텍스트 메뉴 추가하기, 선택한 행으로 폼 채우기, 그리드 액션 컬럼에 버튼 추가하기

템플릿 컬럼을 사용한 그리드 셀의 사용자 지정 렌더링 방법/tpl 명시/css스타일 적용/ftype옵션에 rowwrap 추가/defaults 옵션/viewButton 구현/그리드 액션 컬럼에 버튼 추가/두번째 icon 추가/컬럼을 감추는 기능
16.31분 버튼과 메뉴 다루기
스플릿 버튼 생성하기, 컨텍스트 메뉴 사용하기, 콤보박스를 툴바에 추가해 그리드 필터링하기, 메뉴에서 색상 선택기 사용하기

스플릿 버튼 생성 실습/스플릿 버튼-하위메뉴 나타내기/이벤트 핸들러 추가/status필드/컬럼 배치/해시코드 추가/컬러 값 배치
17.34분 그리기와 차트 다루기 part1
기본 도형 그리기, 그라데이션 적용하기, 패스 그리기, 스프라이트 전환과 상호작용하기, 외부 데이터로 막대 차트 만들기

기본 도형 그리기 실습/스프라이트의 type옵션/그라디언트 집합체 구성/직사각형/스프라이트의 전환과 상호작용/애니메이션 옵션/panel에 아이템 집합체로 차트 추가
18.40분 그리기와 차트 다루기 part2
로컬 데이터로 파이 차트 만들기, 연속으로 갱신되는 데이터로 선형 차트 만들기, 레이블, 색상, 축 서식 사용자 정의하기, 차트 컴포넌트의 이벤트 사용하기, 그리드 편집으로 차트 갱신하기

로컬 데이터로 파이 차트 만들기/모델 생성/마우스가 가리키는 슬라이스를 강조하는 효과/필드를 두가지로 지정/setInterval 함수/스토어 생성/theme 제거/itemmouseup동작 제거 후 세부적인 동작 추가/플러그인 추가
19.36분 SASS, 고급 애플리케이션 설계 part1
컴퍼스로 SASS 컴파일하기, SASS 소개, 플러그인의 고급기능 사용하기, MVC 패턴으로 애플리케이션 설계하기

ssas와 컴퍼스 설치/컴퍼스/예제파일 만들기/config.rb 파일 만들기/html파일 스타일 지정/initEventHandlers/필드의 현재 값 저장/controller파일 작성/LegacyBrowsers를 지원하는 이미지 만들기/명령어 알아보기
20.38분 고급 애플리케이션 설계 part2
사용자 동작을 제어하는 컨트롤러 액션 추가하기, MVC 패턴으로 실전 애플리케이션 만들기, 센차 SDK 도구로 애플리케이션 만들기, Ext Direct 시작하기, Ext Direct 를 사용한 폼 로딩과 제출하기, 애플리케이션의 전반적인 예외 처리하기

사용자 동작을 제어하는 컨트롤러 액션 추가/로그인 과정 구현/refs필드/애플리케이션에서 로드하는 동작 구현/액션 이벤트 구현/예제/하나의 축소된 파일로 빌드

강의목록 다운로드

Since 2003 IT전문교육!