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

오라클왕 0 722 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 08.01 153
(웹스퀘어5,스프링프레임워크,안드로이드,C#,WPF,Angular,파이썬,오라클,SQL)국비지원/노동부지원 … FSP 07.02 463
(IT국비지원무료교육/무료취업교육)자바,C#,모바일,IoT,UI/UX,웹퍼블리싱,정보처리기사,아두이노 무료교… 오라클왕 07.02 412
▶︎ 탑크리에듀교육센터(www.topcredu.co.kr) 소개 PPT 입니다._자바/SQL/스프링/닷넷/모… FSP 2016.09.09 4006
485 [닷넷,C#/취업/신입사원교육]C#기초에서 윈도우, 스마트폰 앱, 웹 개발자과정(C#.NET, ADO.NET… FSP 11.01 19
484 스프링부트(Spring Boot), JPA, Querydsl, Angular 풀스택개발자 실무프로젝트 과정 FSP 11.01 12
483 [스프링부트/스프링학원] 스프링 부트 & 시큐리티 & 소셜(Spring Boot & Security & Sp… 오라클왕 10.31 13
482 (뷰제이에스학원/Vue.js학원) 뷰제이에스(Vue.js) 프로그래밍 입문과정 FSP 10.18 33
481 [닷넷학원/닷넷교육] c# 기본 & 고급프로그래밍, 윈폼(Winform), 네트워크, ADO.NET 재… 오라클왕 09.20 53
480 [오라클학원/SQL교육] SQL 활용과 오라클(Oracle) Hint를 이용한 SQL튜닝 재직자… 오라클왕 09.20 61
479 [자마린학원/자마린교육] 자마린(Xamarin) 크로스 플랫폼 앱개발 과정 C#으로 안드로… 오라클왕 09.14 91
478 [국비무료 자격증과정] 정보처리기사 취득 양성과정 *수강후기/만족도/수강평 한번 확인 해보세요 정보처리교육은… 오라클왕 09.12 56
477 [닷넷학원/씨샵교육] C#기반 WPF, XAML 윈도우 프로그래밍 오라클왕 09.12 78
476 탑크리에듀교육센터 정보처리기사(정보처리산업기사) 과정 수강생만족도!_정보처리교육은 탑크리에듀에서 FSP 09.07 55
475 [국비전액무료교육]UI/UX 개발전문가_자바/JSP/스프링/마이바티스/JS/ECMA/Angular/React… 오라클왕 09.07 99
474 [자바학원/C#교육] 프로그래밍언어기초, C언어, 자바(JAVA) 오라클왕 08.01 172
473 탑크리에듀, 2017~2018년 국기과정/실업자과정 수강후기/만족도/수강평 한번 확인 해보세요[전자정부응용S… FSP 08.01 153
472 2018년 정보처리기사, 산업기사 마지막 기회 3회차 일정 및 강의/국비지원무료교육/실업자교육/구직자교육/재… FSP 07.18 159
471 웹스퀘어5(WebSquare5) 웹퍼블리싱, 퍼블리셔 실무과정(주말주간(토/일)) FSP 07.05 250
470 (런칭기념 재직자무료, 0원/일반 50%)스프링&마이바티스&웹스퀘어(WebSquare) 통합구현 실무 재직자… FSP 07.05 345
469 (구로디지털단지역)정보처리기사, 정보처리산업기사 실업자/구직자 교육과정(재직자 참여가능) FSP 07.04 235
468 국비지원 재직자 과정안내(구로디지털단지역2분)- 스프링, 웹스퀘어5, Angular, 파이썬, 닷넷, C#,… FSP 07.04 388
467 [딥러닝학원/파이썬교육] 파이썬(Python)으로 입문하는 딥러닝(Deep Learning) 프로그래밍 오라클왕 07.03 212
466 [인공지능학원/인공지능교육] 인공지능, 머신러닝, 딥러닝 개론(AI, Machine Learning, Dee… 오라클왕 07.03 339
465 (IT국비지원무료교육/무료취업교육)자바,C#,모바일,IoT,UI/UX,웹퍼블리싱,정보처리기사,아두이노 무료교… 오라클왕 07.02 412
464 (웹스퀘어5,스프링프레임워크,안드로이드,C#,WPF,Angular,파이썬,오라클,SQL)국비지원/노동부지원 … FSP 07.02 463
463 [파이썬학원/파이썬교육] 파이썬(Python) 프로그래밍 기본 재직자 향상 과정 오라클왕 07.01 194
462 [자바학원/앵귤러교육]앵귤러(Angular) & 자바스크립트(ECMA, TypeScript) 화면구현 재직자… 오라클왕 07.01 270
461 [닷넷학원/닷넷교육] c# 기본 & 고급프로그래밍, 윈폼(Winform), 네트워크, ADO.NET 재직자향… 오라클왕 07.01 291
460 [안드로이드학원/안드로이드교육] 안드로이드 앱 인터페이스구현 재직자 향상과정 오라클왕 07.01 337
459 [파이썬학원/딥러닝학원] 파이썬(Python) 프로그래밍 기본 재직자 향상 과정 오라클왕 06.30 220
458 [React학원/React교육]앵귤러(Angular) & 자바스크립트(ECMA, TypeScript) 화면구… 오라클왕 06.30 293
457 [씨샵학원/씨샵교육]c# 기본 & 고급프로그래밍, 윈폼(Winform), 네트워크, ADO.NET 재직자향상… 오라클왕 06.30 203
456 [Android학원/Android교육] 안드로이드 앱 인터페이스구현 재직자 향상과정 오라클왕 06.30 321
455 [재직자전액무료/웹스퀘어학원/스프링교육] 스프링&마이바티스&웹스퀘어(WebSquare) 통합구현 실무 재직자… 오라클왕 06.29 381
454 [SQL학원/SQL교육] SQL 활용과 오라클(Oracle) Hint를 이용한 SQL튜닝 재직자 향상과정 오라클왕 06.29 340
453 (아두이노학원/IoT학원) 아두이노 실전 프로젝트(Arduino를 이용한 IoT 프로젝트) 오라클왕 06.07 312
452 (Cortex학원/Cortex교육) Cortex-M3 프로세서구조및활용 오라클왕 06.07 263
451 (자바학원) 자바스크립트(JavaScript), ECMA, jQuery, Node 프로그래밍 실무과정 오라클왕 06.07 353
450 (아이오닉학원/아이오닉교육) 아이오닉 하이브리드 앱 개발 과정(아이오닉2로 동적 모바일 앱 만들기) 오라클왕 06.05 384
449 (스프링학원/스프링교육) 스프링 개발자를 위한 웹스퀘어5 실무프로젝트과정(Spring MVC + REST +… 오라클왕 06.05 607
448 (스프링학원/스프링교육) 스프링부트(Spring Boot), JPA, Querydsl, Angular5 풀스… 오라클왕 06.05 611
447 (자바학원) 자바(Java) & 서블릿, JSP 프로그래밍언어 활용 재직자 향상과정 오라클왕 06.05 382