선수학습: JavaScript/ECMAScript Angular
교육기간: 3일 총 21시간(자세한 일정은 상담 URL참고)
수강료: 580,000원
교재: (교재무료)아이오닉 인 액션 웹 기반 기술로 신속하게 하이브리드 앱 만들기
| 교육개요 | 아이오닉 2는 Angular 2, 타입스크립트, SASS 같은 기술 위에 개발된 아이오닉 모바일 SDK의 최신 버전이며 이전 버전에 비해 구조 개선, 빌드 도구 개선, ES6 문법 지원 등 모든 부분에서 혁신적인 개선을 이뤘습니다. 아이오닉2를 사용해 재미있고 몰입되는 모바일 앱을 제작할 수 있도록 다양한 아이오닉 2의 컴포넌트를 배우고, 외부 서비스를 통합하며, 기능을 구현해보는 전문적인 앱 제작 과정을 풍부한 예제를 통해 쉽게 따라가며 배울 수 있을 것입니다. |
|---|---|
| 수료조건 | 출석률 80%이상 |
| 교육목표 | 애플리케이션 개발을 위한 아이오닉 기능 이해 파이어베이스와 아이오닉을 이용한 채팅 앱 제작 써드 파티 REST API를 사용한 주식 추적 앱 제작 및 아이오닉 네비게이션과 페이지를 활용한 레이아웃 구성 아이오닉과 코르도바 플러그인을 사용한 미디어 플레이어 앱 구현 파이어베이스를 이용한 상용 애플리케이션 제작 실시간 아이오닉 애플리케이션 제작을 위한 모범 사례 연구 |
| 교육대상 | 모바일 앱 개발자 프론트 개발자 웹 개발자 |
교육내용
| 아이오닉 모바일 앱 프로그래밍 | 1장. 파이어베이스를 이용한 채팅 애플리케이션 __파이어베이스 ____AngularFire2 ____리스트와 오브젝트 ____템플릿 ____파이어베이스 시작 ____파이어베이스 애플리케이션 만들기 ____비밀번호 인증 활성화 ____파이어베이스 설정 정보 가져오기 __소프트웨어 설치 ____Node와 npm 설치 ____깃 설치 ____플랫폼 SDK 설치 ____아이오닉 CLI와 코르도바 설치 __애플리케이션 정의 ____기능 ____애플리케이션 흐름 ____유저 인터페이스 모형 ____파이어베이스의 데이터 구조 __애플리케이션 스캐폴딩과 설정 ____코르도바 플러그인 설치 ____파이어베이스와 AngularFire2 설치 ____Typings 설치 ____파이어베이스용 타입스크립트 데피니션 설치 __애플리케이션 코딩 ____app.ts 파일 정의하기 ____애플리케이션 프로바이더 ________AuthProvider 정의 ________UserProvider 정의 ________ChatsProvider 정의 ________UtilProvider 정의 ____애플리케이션 페이지 ________LoginPage 정의 ________템플릿 ________커스텀 이메일 검사기 정의 ________TabsPage 정의 ________템플릿 ________UsersPage 정의 ________템플릿 ________ChatsPage 정의 ________템플릿 ________ChatViewPage 정의 ________템플릿 ________스타일시트 ________AccountPage 정의 ________템플릿 __스타일 추가 __애플리케이션 실행 ____애플리케이션 화면 __정리 2장. Marketcloud를 이용한 쇼핑몰 애플리케이션 __소개 __Marketcloud ____Marketcloud 애플리케이션 생성 ____Marketcloud 대시보드 사용 ________카테고리 만들기 ________상품 만들기 ________애플리케이션을 위한 통화 설정 ____Marketcloud JS SDK ________API 레퍼런스 __결제 통합 __애플리케이션 정의 ____기능 ____애플리케이션의 흐름 __애플리케이션 스캐폴딩과 설정 ____모듈 설치 ________Marketcloud JS SDK 설치 ________Braintree 코르도바 플러그인 설치 __애플리케이션 코딩 ____index.html 파일 ____app.ts 정의 ________템플릿 ____애플리케이션의 프로바이더 ________StorageProvider 작성 ________UtilProvider 작성 ________MarketProvider 작성 ________CartProvider 작성 ________UserProvider 작성 ____애플리케이션 페이지 ________StorePage 작성 ________템플릿 ________CategoryPage 작성 ________템플릿 ________ProductPage 작성 ________템플릿 ________ImageModal 작성 ________템플릿 ________스타일시트 ________CartPage 작성 ________템플릿 ________AuthPage 작성 ________템플릿 ________OrderPage 작성 ________템플릿 __스타일 추가 __애플리케이션 실행 ____플랫폼을 추가하고 실제 기기에서 애플리케이션 구동 ____애플리케이션 화면 __정리 3장. 학회 애플리케이션 __소개 __JSON 데이터 ____JSON 이해 __애플리케이션 정의 ____기능 ____애플리케이션 흐름 __애플리케이션 스캐폴딩과 설정 ____모듈 설치 __애플리케이션 코딩 ____탭 스타터의 구조 ____app.ts 작성 ________ConfProvder 작성 ____애플리케이션 페이지 ________TabsPage 페이지 작성 ________SpeakersPage 페이지 작성 ________SchedulePage 페이지 작성 ________SessionDetail 페이지 작성 ________SpeakerDetail 페이지 작성 ________AboutPage 페이지 작성 ________FavoritePage 페이지 정의 __애플리케이션 실행 ____애플리케이션 화면 __정리 4장. StockMarket 애플리케이션 __소개 __Yahoo Finance API ____주식 정보 엔드포인트 ____심볼명 엔드포인트 ____과거 정보 엔드포인트 ____자세한 주식 정보 __앱 기능 정의 ____애플리케이션 흐름 __애플리케이션 스캐폴딩과 설정 ____모듈 설치 ________Chartist 라이브러리 설치 __코딩 부분 ____index.html 파일 ____app.ts 정의 ____애플리케이션 프로바이더 ________StorageProvider 정의 ________StockInfo 프로바이더 정의 ____애플리케이션 컴포넌트 ________StockCmp 컴포넌트 ________StockChart ________StockDetailCmp ____애플리케이션 페이지 ________StockList 페이지 정의하기 ________QuoteSearch 모달 정의 ________Detail 페이지 정의하기 __core 스타일 추가 __애플리케이션 실행 ____애플리케이션 화면 __정리 5장. 워드프레스 클라이언트 애플리케이션 __백엔드 ____푸시 알람 ____구글 애널리틱스 ____워드프레스 JSON API __워드프레스 설정 ____플러그인 설치 ________푸시 알람 설정 __애플리케이션 흐름 __애플리케이션 스캐폴딩과 설정 ____코르도바 플러그인 설치 ____CORS 문제 __애플리애케이션 코딩 ____애플리케이션 설정 ____app.ts 정의 ____애플리케이션 프로바이더 ________UtilProvider 정의 ________WpProvider 정의 ________PushProvider 정의 ____HtmlPipe ____Post 컴포넌트 ________입력 ________출력 ____애플리케이션 페이지 ________TabsPage 정의 ________PostsPage 정의 ________템플릿 ________PostPage 정의 ________CategoryListPage 정의 ________WpPageList ________WpPage 정의 ________FavoritePage 정의 ________SettingsPage 정의 __애플리케이션 스타일링 __애플리케이션 실행 ____애플리케이션 화면 __정리 6장. 미디어 플레이어 앱 __주요 핵심 ____재생 ____파일 시스템 ____로컬 저장소 __애플리케이션 흐름 __애플리케이션 스캐폴딩과 설정 ____모듈 설치 ____애플리케이션 실행 및 디버깅 __애플리케이션 코딩 ____최상위 앱 컴포넌트 ____애플리케이션 프로바이더 ________UtilProvider 정의 ________FileProvider 정의 ________PlayerProvider 정의 ____Imclock 파이프 ____ImControls 컴포넌트 ________입력 ________출력 ____애플리케이션 페이지 ________BrowsePage 정의 ________템플릿 ________PlaylistPage 정의 ________PlayerPage 정의 __애플리케이션 실행 ____애플리케이션 화면 __정리 7장. 파이어베이스를 이용한 소셜 애플리케이션 __애플리케이션 정의 ____게시물 동작 원리 ____기능 ____애플리케이션 흐름 ____파이어베이스 데이터 구조 __애플리케이션 스캐폴딩과 설정 ____코르도바 플러그인 설치 ____Typings 설치 ____파이어베이스와 AngularFire2 설치 ____ng2-moment 설치 ____파이어베이스를 위한 타입스크립트 데피니션 설치 __애플리케이션 코딩 ____app.ts 정의 ____애플리케이션 프로바이더 ________UtilProvider 정의 ________AuthProvider 정의 ________UserProvider 정의 ________SocialProvider 정의 ____post 컴포넌트 ________입력 ____애플리케이션 페이지 ________LoginPage 정의 ________CreateAccount 페이지 정의 ________TabsPage 정의 ________TimelinePage 정의 ________PostPage 정의 ________PeoplePage 정의 ________UserProfilePage 정의 ________AccountPage 정의 __스타일 추가 __애플리케이션 실행 ____추가로 앱 개선 ____애플리케이션 화면 __정리 |
|---|
댓글 없음:
댓글 쓰기