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

오라클왕 0 397 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 652
UI/UX 개발전문가(웹퍼블리싱 & 모바일앱) 구직자 양성과정(IT무료취업교육)(평일주간)_전액무료IT취업알… FSP 01.01 714
통합 SW 프로그래머(자바, C#, 모바일앱) 미취업자 구직자 양성과정(무료IT취업교육)(평일주간)_전액무료… FSP 2017.12.31 792
[포트폴리오]대형 게임회사 취업을 위한 게임 포트폴리오 제작과정 (게임 프로그래머 취업 9개월 과정) FSP 2017.12.17 726
(게임개발교육,게임프로그래머교육)게임 프로그래밍을 위한 C/C++, API 게임 만들기(DirectX 2D,… FSP 2017.12.15 686
[게임프로그래머교육학원/스파르타식교육]대형 게임회사 취업을 위한 게임 포트폴리오 제작 과정 (게임 프로그래머… FSP 2017.12.15 670
▶︎ 탑크리에듀교육센터(www.topcredu.co.kr) 소개 PPT 입니다._자바/SQL/스프링/닷넷/모… FSP 2016.09.09 3290
437 스프링 개발자를 위한 웹스퀘어5 실무프로젝트과정(Spring MVC + REST + MyBatis + Web… FSP 05.23 13
436 ▶[정보처리기사학원] 정보처리기사 취득 양성과정(국비무료 자격증과정) 오라클왕 05.09 63
435 ★★[SQL학원]오라클 SQL기본 및 활용 Oracle 힌트, SQL튜닝 재직자 향상과정 오라클왕 05.04 103
434 [씨샵학원]C#, 윈폼, WPF 윈도우 프로그래밍 실무프로젝트 과정 오라클왕 04.25 102
433 ★★[정보처리기사무료교육] 정보처리기사 취득 양성과정(국비무료 자격증과정) 오라클왕 04.24 98
432 ▶[앵귤러국비지원]◀앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상… 오라클왕 04.23 111
431 스프링부트(Spring Boot), JPA, Querydsl, Angular5 풀스택 실무프로젝트 과정 오라클왕 04.19 123
430 [IT실무교육]스프링부트(Spring Boot), JPA, Querydsl, Angular5 풀스택 실무프로… 오라클왕 04.19 135
429 ♠​♠♠[리액트학원]앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상… 오라클왕 04.17 115
428 ▶▶▶개강확정[닷넷학원]닷넷, C#기반 WPF 프로그래밍 인터페이스구현 재직자 향상과정 오라클왕 04.12 133
427 [WPF학원/WPF재직자교육]닷넷, C#기반 WPF 프로그래밍 인터페이스구현 재직자 향상과정 오라클왕 04.10 135
426 [앵귤러JS학원]앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상과정 오라클왕 04.10 161
425 ★★개강확정[SQL강좌]오라클 SQL기본 및 활용 Oracle 힌트, SQL튜닝 재직자 향상과정 오라클왕 04.06 209
424 [SQL학원]오라클 SQL기본 및 활용 Oracle 힌트, SQL튜닝 재직자 향상과정 오라클왕 04.03 202
423 ★★개강확정[정보처리기사학원] 정보처리기사 취득 양성과정(국비무료 자격증과정) 오라클왕 04.03 163
422 [wpf학원/wpf교육]닷넷, C#기반 WPF 프로그래밍 인터페이스구현 재직자 향상과정 오라클왕 04.02 172
421 [씨샵학원/씨샵교육]C#, 윈폼, 네트워크, ADO.NET 실무프로젝트 과정 오라클왕 03.23 222
420 [정보처리자격증/정보처리기사학원] 정보처리기사 취득 양성과정(국비무료 자격증과정) 오라클왕 03.22 236
419 (통합SW과정/취업성공패키지) 자바,C#,닷넷,스프링,모바일 무료취업교육,전문가과정 오라클왕 03.09 429
418 [취업성공패키지/자바무료교육]통합 SW 프로그래머 (자바, C#, 모바일앱) 미취업자 구직자 양성과정 (… 오라클왕 03.07 350
417 (자바무료학원/IT취업무료교육)자바,스프링프레임워크,C#,닷넷,안드로이드,자마린 무료취업교육,SW개발전문가과… 오라클왕 03.06 415
416 (자바무료학원/자바무료교육)자바,C#,닷넷,스프링,모바일 무료취업교육,전문가과정 오라클왕 03.05 441
415 [IT국비지원학원/IT국비지원교육]통합 SW 프로그래머 (자바, C#, 모바일앱) 미취업자 구직자 양성과정… 오라클왕 02.28 417
414 [자바학원/무료IT교육]통합 SW 프로그래머 (자바, C#, 모바일앱) 미취업자 구직자 양성과정(무료IT취… 오라클왕 02.27 386
413 (IT취업무료교육)자바,스프링프레임워크,C#,닷넷,안드로이드,자마린 무료취업교육,SW개발전문가과정 FSP 02.23 453
412 [정보처리기사자격증/정보처리기사실기]정보처리기사 취득 양성과정(국비무료 자격증과정) 오라클왕 02.22 334
411 자바,C#,닷넷,스프링,모바일 무료취업교육,전문가과정(자바무료학원/자바무료교육/자바닷넷취업교육/C#취업교육) 오라클왕 02.22 480
410 [자바무료학원/자바무료교육]통합 SW 프로그래머 (자바, C#, 모바일앱) 미취업자 구직자 양성과정(무료I… 오라클왕 02.21 444
409 [자바국비지원/자바학원]통합 SW 프로그래머 (자바, C#, 모바일앱) 미취업자 구직자 양성과정(무료IT취… 오라클왕 02.20 449
408 [자바무료교육/자바무료학원]통합 SW 프로그래머 (자바, C#, 모바일앱) 미취업자 구직자 양성과정(무료I… 오라클왕 02.19 398
407 [자바국비지원/취업패키지]통합 SW 프로그래머 (자바, C#, 모바일앱) 미취업자 구직자 양성과정(무료… 오라클왕 02.14 426
406 (IT국비지원무료교육/무료취업교육/재직자국비지원)자바,C#,WPF,MySQL,MariaDB,SQL,모바일,I… FSP 02.14 538
405 [자바무료학원/씨샵무료교육]통합 SW 프로그래머 (자바, C#, 모바일앱) 미취업자 구직자 양성과정(무… 오라클왕 02.12 452
404 [씨샵학원/씨샵교육]C#, 윈폼, 네트워크, ADO.NET 실무프로젝트 과정 오라클왕 02.08 362
403 [자바무료교육/무료IT교육]통합 SW 프로그래머(자바, C#, 모바일앱) 미취업자 구직자 양성과정(무료I… 오라클왕 02.07 477
402 ★★★[2월8일개강확정]Xamarin 크로스 플랫폼 앱개발 과정_자마린학원_자마린교육★★★ 오라클왕 02.06 427
401 (IT무료교육/IT국비지원)자바,C#,모바일,IoT,UI/UX,웹퍼블리싱,정보처리기사,아두이노 무료교육 오라클왕 02.05 560
400 [자바학원/씨샵학원]통합 SW 프로그래머(자바, C#, 모바일앱) 미취업자 구직자 양성과정(무료IT취업교육) 오라클왕 02.02 483
399 [2월5일개강확정/SQL학원] 오라클 SQL기본 및 활용 Oracle 힌트, SQL튜닝 재직자 향상과정 오라클왕 02.01 480