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

오라클왕 0 786 2018.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

번호 제목 글쓴이 날짜 조회
탑크리에듀, 2017~2018년 국기과정/실업자과정 수강후기/만족도/수강평 한번 확인 해보세요[전자정부응용S… FSP 2018.08.01 234
(웹스퀘어5,스프링프레임워크,안드로이드,C#,WPF,Angular,파이썬,오라클,SQL)국비지원/노동부지원 … FSP 2018.07.02 599
(IT국비지원무료교육/무료취업교육)자바,C#,모바일,IoT,UI/UX,웹퍼블리싱,정보처리기사,아두이노 무료교… 오라클왕 2018.07.02 533
▶︎ 탑크리에듀교육센터(www.topcredu.co.kr) 소개 PPT 입니다._자바/SQL/스프링/닷넷/모… FSP 2016.09.09 4178
509 (블록체인학원/이더리움학원)이더리움을 활용한 블록체인 네트워크 구축 및 솔리디티(Solidity)를 이용한 … 오라클왕 01.03 47
508 (오라클학원/SQL학원)SQL튜닝, 오라클힌트(ORACLE Hints) 실무교육 오라클왕 01.02 41
507 (오라클학원/SQL학원)개발자,DB전문가를 위한 PL/SQL, 오라클힌트 & SQL튜닝교육 오라클왕 01.02 43
506 (스프링고급 + UI고급)스프링부트,Spring Data JPA, Security & 앵귤러, 뷰(Angul… 오라클왕 2018.12.17 121
505 Cortex-M3 프로세서구조및활용(기본과정) 오라클왕 2018.12.14 40
504 파이썬(Python)으로 입문하는 딥러닝(Deep Learning) 프로그래밍 오라클왕 2018.12.14 65
503 [국비지원 ]파이썬(Python) 프로그래밍 기본 재직자 향상 과정 오라클왕 2018.12.14 45
502 인공지능, 머신러닝, 딥러닝 개론(AI, Machine Learning, Deep Learning) 오라클왕 2018.12.14 32
501 [국비지원] SQL 활용과 오라클(Oracle) Hint를 이용한 SQL튜닝 재직자 향상과정 오라클왕 2018.12.14 51
500 [국비지원] 안드로이드 앱 인터페이스구현 재직자 향상과정 오라클왕 2018.12.14 51
499 [자마린학원/자마린교육] 자마린(Xamarin) 크로스 플랫폼 앱개발 과정_C#으로 안드로이드, iOS 네이… 오라클왕 2018.12.14 50
498 C#기반 WPF, XAML 윈도우 프로그래밍 오라클왕 2018.12.14 62
497 [국비지원] C# 기본 & 고급프로그래밍, 윈폼(Winform), 네트워크, ADO.NET 재직자향상과정 오라클왕 2018.12.14 43
496 C# 기본 & 고급프로그래밍, 윈폼(Winform), 네트워크, ADO.NET 재직자향상과정 오라클왕 2018.12.14 67
495 [국비지원// UI /UX 프로그래밍] 앵귤러(Angular) & 자바스크립트(ECMA, TypeScript… 오라클왕 2018.12.13 65
494 [IT국비무료 취업교육] UI/UX 개발전문가(웹퍼블리싱 & 모바일앱) 구직자 양성과정_자바서버프로그래밍 +… 오라클왕 2018.12.13 56
493 [자바 웹프로그래밍] 스프링부트(Spring Boot), JPA, Querydsl, Angular 풀스택개발… 오라클왕 2018.12.13 63
492 [국비지원/자바 웹 프로그래밍] 스프링&마이바티스&웹스퀘어(WebSquare) 통합구현 실무 재직자 향상과정 오라클왕 2018.12.13 51
491 [자바 웹프로그래밍] 스프링 부트 & 시큐리티 & 소셜(Spring Boot & Security & Spri… 오라클왕 2018.12.13 65
490 [자바 웹프로그래밍] IT개발자를 위한 깃허브(GihHub) 이해하기 오라클왕 2018.12.13 49
489 [자바 웹프로그래밍] 뷰제이에스(Vue.js) 프로그래밍 입문 과정 오라클왕 2018.12.13 38
488 [자바 웹 프로그래밍] 스프링부트, Spring Data JPA, Querydsl 쇼핑몰 실무프로젝트과정 오라클왕 2018.12.13 62
487 (닷넷,C#/미취업자/신입사원교육)C#기초에서 윈폼, WPF, 자마린앱, 웹개발자과정(C#.NET, ADO.… FSP 2018.12.11 70
486 GitHub교육_IT개발자를 위한 깃허브(GihHub) 이해하기(평일주간/주말주간) FSP 2018.12.06 65
485 [닷넷,C#/취업/신입사원교육]C#기초에서 윈도우, 스마트폰 앱, 웹 개발자과정(C#.NET, ADO.NET… FSP 2018.11.01 115
484 스프링부트(Spring Boot), JPA, Querydsl, Angular 풀스택개발자 실무프로젝트 과정 FSP 2018.11.01 123
483 [스프링부트/스프링학원] 스프링 부트 & 시큐리티 & 소셜(Spring Boot & Security & Sp… 오라클왕 2018.10.31 108
482 (뷰제이에스학원/Vue.js학원) 뷰제이에스(Vue.js) 프로그래밍 입문과정 FSP 2018.10.18 119
481 [닷넷학원/닷넷교육] c# 기본 & 고급프로그래밍, 윈폼(Winform), 네트워크, ADO.NET 재… 오라클왕 2018.09.20 140
480 [오라클학원/SQL교육] SQL 활용과 오라클(Oracle) Hint를 이용한 SQL튜닝 재직자… 오라클왕 2018.09.20 138
479 [자마린학원/자마린교육] 자마린(Xamarin) 크로스 플랫폼 앱개발 과정 C#으로 안드로… 오라클왕 2018.09.14 167
478 [국비무료 자격증과정] 정보처리기사 취득 양성과정 *수강후기/만족도/수강평 한번 확인 해보세요 정보처리교육은… 오라클왕 2018.09.12 128
477 [닷넷학원/씨샵교육] C#기반 WPF, XAML 윈도우 프로그래밍 오라클왕 2018.09.12 146
476 탑크리에듀교육센터 정보처리기사(정보처리산업기사) 과정 수강생만족도!_정보처리교육은 탑크리에듀에서 FSP 2018.09.07 139
475 [국비전액무료교육]UI/UX 개발전문가_자바/JSP/스프링/마이바티스/JS/ECMA/Angular/React… 오라클왕 2018.09.07 181
474 [자바학원/C#교육] 프로그래밍언어기초, C언어, 자바(JAVA) 오라클왕 2018.08.01 259
473 탑크리에듀, 2017~2018년 국기과정/실업자과정 수강후기/만족도/수강평 한번 확인 해보세요[전자정부응용S… FSP 2018.08.01 234
472 2018년 정보처리기사, 산업기사 마지막 기회 3회차 일정 및 강의/국비지원무료교육/실업자교육/구직자교육/재… FSP 2018.07.18 226
471 웹스퀘어5(WebSquare5) 웹퍼블리싱, 퍼블리셔 실무과정(주말주간(토/일)) FSP 2018.07.05 310