[아이오닉학원/아이오닉교육]아이오닉 하이브리드 앱 개발 과정(아이오닉2로 동적 모바일 앱 만들기)

오라클왕 0 101 01.03 10:35

[아이오닉학원/아이오닉교육]아이오닉 하이브리드 앱 개발 과정(아이오닉2로 동적 모바일 앱 만들기) 

 

 

평일주간:http://www.topcredu.co.kr/sub/crcl/lecture/web

주말주간:http://www.topcredu.co.kr/sub/crcl/lecture/web

 

선수학습: 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 정의
__스타일 추가
__애플리케이션 실행
____추가로 앱 개선
____애플리케이션 화면
__정리

 

Comments

번호 제목 글쓴이 날짜 조회
(IT국비지원무료교육/무료취업교육)자바,C#,모바일,IoT,UI/UX,웹퍼블리싱,정보처리기사,아두이노 무료교… 오라클왕 01.31 77
UI/UX 개발전문가(웹퍼블리싱 & 모바일앱) 구직자 양성과정(IT무료취업교육)(평일주간)_전액무료IT취업알… FSP 01.01 173
통합 SW 프로그래머(자바, C#, 모바일앱) 미취업자 구직자 양성과정(무료IT취업교육)(평일주간)_전액무료… FSP 2017.12.31 203
[포트폴리오]대형 게임회사 취업을 위한 게임 포트폴리오 제작과정 (게임 프로그래머 취업 9개월 과정) FSP 2017.12.17 209
(게임개발교육,게임프로그래머교육)게임 프로그래밍을 위한 C/C++, API 게임 만들기(DirectX 2D,… FSP 2017.12.15 185
[게임프로그래머교육학원/스파르타식교육]대형 게임회사 취업을 위한 게임 포트폴리오 제작 과정 (게임 프로그래머… FSP 2017.12.15 214
▶︎ 탑크리에듀교육센터(www.topcredu.co.kr) 소개 PPT 입니다._자바/SQL/스프링/닷넷/모… FSP 2016.09.09 2700
407 [자바국비지원/취업패키지]통합 SW 프로그래머 (자바, C#, 모바일앱) 미취업자 구직자 양성과정(무료… 오라클왕 02.14 15
406 (IT국비지원무료교육/무료취업교육/재직자국비지원)자바,C#,WPF,MySQL,MariaDB,SQL,모바일,I… FSP 02.14 15
405 [자바무료학원/씨샵무료교육]통합 SW 프로그래머 (자바, C#, 모바일앱) 미취업자 구직자 양성과정(무… 오라클왕 02.12 22
404 [씨샵학원/씨샵교육]C#, 윈폼, 네트워크, ADO.NET 실무프로젝트 과정 오라클왕 02.08 28
403 [자바무료교육/무료IT교육]통합 SW 프로그래머(자바, C#, 모바일앱) 미취업자 구직자 양성과정(무료I… 오라클왕 02.07 38
402 ★★★[2월8일개강확정]Xamarin 크로스 플랫폼 앱개발 과정_자마린학원_자마린교육★★★ 오라클왕 02.06 44
401 (IT무료교육/IT국비지원)자바,C#,모바일,IoT,UI/UX,웹퍼블리싱,정보처리기사,아두이노 무료교육 오라클왕 02.05 56
400 [자바학원/씨샵학원]통합 SW 프로그래머(자바, C#, 모바일앱) 미취업자 구직자 양성과정(무료IT취업교육) 오라클왕 02.02 59
399 [2월5일개강확정/SQL학원] 오라클 SQL기본 및 활용 Oracle 힌트, SQL튜닝 재직자 향상과정 오라클왕 02.01 58
398 (IT국비지원무료교육/무료취업교육)자바,C#,모바일,IoT,UI/UX,웹퍼블리싱,정보처리기사,아두이노 무료교… 오라클왕 01.31 77
397 (IT국비지원무료교육/무료취업교육)자바,C#,모바일,IoT,UI/UX,웹퍼블리싱,정보처리기사,아두이노 무료교… FSP 01.31 66
396 [스프링 학원/스프링프레임워크 교육](스프링 프레임워크 고급 사용자를 위한 프로스프링 5, 원서로 IT영어도… 오라클왕 01.30 70
395 (2018상반기/국비지원 재직자교육/재직자내일배움카드교육)SQL,오라클,MySQL,MariaDB,Google… FSP 01.30 85
394 [IT교육/IT학원]Develope를 위한 IT실무교육 오라클왕 01.26 99
393 C#기초에서 윈도우, 스마트폰 앱개발 과정(C#.NET, ADO.NET, WinForm, WPF, 자마린)(… FSP 01.25 116
392 [자바스크립트학원]UI/UX 개발전문가(웹퍼블리싱 & 모바일앱) 구직자 양성과정 오라클왕 01.25 93
391 [자바학원/자바교육]통합 SW 프로그래머(자바, c#, 모바일앱) 미취업자 구직자 양성과정 오라클왕 01.25 100
390 [wpf학원/wpf교육]닷넷, C#기반 WPF 프로그래밍 인터페이스구현 재직자 향상과정 오라클왕 01.16 118
389 (스프링 프레임워크 고급 사용자를 위한 프로스프링 5, 원서로 IT영어도 UP) Pro Spring 5 An… FSP 01.12 168
388 [자격증학원/정보처리자격증학원]정보처리기사 취득 양성과정(국비무료 자격증과정) 오라클왕 01.03 133
387 [게임만들기학원/게임제작학원]대형 게임회사 취업을 위한 게임 포트폴리오 제작 과정 (게임 프로그래머 취업 9… 오라클왕 01.03 117
386 [게임개발학원/게임만들기]게임 프로그래밍을 위한 C/C++, API 게임 만들기(DirectX 2D, Dir… 오라클왕 01.03 109
385 [아두이노학원/IoT학원]아두이노 실전 프로젝트(Arduino를 이용한 IoT 프로젝트) 오라클왕 01.03 111
384 [Cortex학원/Cortex교육]Cortex-M3 프로세서구조및활용(기본과정) 오라클왕 01.03 119
383 [파이썬학원/딥러닝학원] 파이썬(Python)과 텐서플로우(Tensorflow)를 활용한 딥러닝 오라클왕 01.03 129
382 [SQL학원/힌트튜닝학원]SQL힌트/튜닝 오라클왕 01.03 135
381 [SQL학원/SQL교육]SQL 기본활용 단기속성과정 오라클왕 01.03 129
380 [아파치학원/아파치교육]빅데이터 입문자를 위한 아파치 스파크(Apache Spark) 프로그래밍 오라클왕 01.03 120
379 [자마린학원/자마린교육]Xamarin 크로스 플랫폼 앱개발 과정 오라클왕 01.03 160
378 [C#학원/WPF학원/자마린학원]C#기초에서 윈도우, 스마트폰 앱개발 과정(C#.NET, ADO.NET, W… 오라클왕 01.03 175
377 [C#학원,C#교육]C#, 윈폼, 네트워크, ADO.NET 실무프로젝트 과정 오라클왕 01.03 115
376 [C#학원,자마린학원]C#기초, Xamarin 앱 개발과정 오라클왕 01.03 150
열람중 [아이오닉학원/아이오닉교육]아이오닉 하이브리드 앱 개발 과정(아이오닉2로 동적 모바일 앱 만들기) 오라클왕 01.03 102
374 [뷰제이에스학원/Vue.js학원]뷰제이에스(Vue.js) 프로그래밍 입문(프로그레시브 자바스크립트 프레임워크… 오라클왕 01.03 121
373 [자바학원/자바교육]자바스크립트(JavaScript), ECMA, jQuery, Node 프로그래밍 실무과정 오라클왕 01.03 135
372 [쇼핑몰만들기/쇼핑몰제작]JPA, Spring Data JPA, Querydsl 쇼핑몰 프로젝트과정 오라클왕 01.03 147
371 [스프링학원/스프링교육]스프링 고급 사용자를 위한 핵심과정(DI, MVC, 마이바티스, Spring Data… 오라클왕 01.03 133
370 [유튜브학원/유튜브교육]유튜브 등 동영상 채널을 활용한 마케팅 과정 오라클왕 01.03 105
369 [SQL학원,SQL교육]오라클 sql기본 및 활용 oracle 힌트, sql튜닝 재직자 향상과정 오라클왕 01.02 129