[아이오닉학원/아이오닉교육]
아이오닉 하이브리드 앱 개발 과정(아이오닉2로 동적 모바일 앱 만들기)
(평일/주말반)
★ 교육개요 ★
Ionic을 활용해 하이브리드 앱 개발을 하는데 필요한 전반적인 내용을 예제를 통해 쉽게 드리며 Ionic의 기반이 되는 Angular의 기본적인 내용과 Ionic 개발에 필요한 환경 설정부터 컴포넌트, 내비게이션, 데코레이터, 서비스, Ionic Native, 앱 테스트 방법, 앱 출시 방법 등 앱 개발 및 출시 과정에서 필요한 거의 모든 내용을 배울 수 있습니다.
또한 Ionic을 활용한 앱 개발에 필요한 기본적인 내용을 배운 뒤, UberAPI와 GoogleMap API를 활용한 앱 개발 예제로 배운 내용을 적용할 수 있으며 또한 지속적으로 업데이트되는 Ionic의 최신 버전에 대응하는 방법과 덧붙여 보면 좋은 내용도 간략히 소개되어 있어 Ionic을 활용해 하이브리드 앱 개발하려는 입문자에게도 좋은 교육이 될 것 입니다.
아이오닉 2는 Angular 2, 타입스크립트, SASS 같은 기술 위에 개발된 아이오닉 모바일 SDK의 최신 버전이며 이전 버전에 비해 구조 개선, 빌드 도구 개선, ES6 문법 지원 등 모든 부분에서 혁신적인 개선을 이뤘습니다. 아이오닉2를 사용해 재미있고 몰입되는 모바일 앱을 제작할 수 있도록 다양한 아이오닉 2의 컴포넌트를 배우고, 외부 서비스를 통합하며, 기능을 구현해보는 전문적인 앱 제작 과정을 풍부한 예제를 통해 쉽게 따라가며 배울 수 있을 것입니다.
또한 Ionic을 활용한 앱 개발에 필요한 기본적인 내용을 배운 뒤, UberAPI와 GoogleMap API를 활용한 앱 개발 예제로 배운 내용을 적용할 수 있으며 또한 지속적으로 업데이트되는 Ionic의 최신 버전에 대응하는 방법과 덧붙여 보면 좋은 내용도 간략히 소개되어 있어 Ionic을 활용해 하이브리드 앱 개발하려는 입문자에게도 좋은 교육이 될 것 입니다.
아이오닉 2는 Angular 2, 타입스크립트, SASS 같은 기술 위에 개발된 아이오닉 모바일 SDK의 최신 버전이며 이전 버전에 비해 구조 개선, 빌드 도구 개선, ES6 문법 지원 등 모든 부분에서 혁신적인 개선을 이뤘습니다. 아이오닉2를 사용해 재미있고 몰입되는 모바일 앱을 제작할 수 있도록 다양한 아이오닉 2의 컴포넌트를 배우고, 외부 서비스를 통합하며, 기능을 구현해보는 전문적인 앱 제작 과정을 풍부한 예제를 통해 쉽게 따라가며 배울 수 있을 것입니다.
★ 교육목표 ★
애플리케이션 개발을 위한 아이오닉 기능 이해
파이어베이스와 아이오닉을 이용한 채팅 앱 제작
써드 파티 REST API를 사용한 주식 추적 앱 제작 및 아이오닉 네비게이션과 페이지를 활용한 레이아웃 구성
아이오닉과 코르도바 플러그인을 사용한 미디어 플레이어 앱 구현
파이어베이스를 이용한 상용 애플리케이션 제작
실시간 아이오닉 애플리케이션 제작을 위한 모범 사례 연구
파이어베이스와 아이오닉을 이용한 채팅 앱 제작
써드 파티 REST API를 사용한 주식 추적 앱 제작 및 아이오닉 네비게이션과 페이지를 활용한 레이아웃 구성
아이오닉과 코르도바 플러그인을 사용한 미디어 플레이어 앱 구현
파이어베이스를 이용한 상용 애플리케이션 제작
실시간 아이오닉 애플리케이션 제작을 위한 모범 사례 연구
★ 교육대상 ★
모바일 앱 개발자
프론트 개발자
웹 개발자
프론트 개발자
웹 개발자
★ 커리큘럼 ★
| 아이오닉 모바일 앱 프로그래밍 | 1장. Angular - 입문 __Angular에 새로 추가된 내용은 무엇인가? __TypeScript 기초 ____변수 타입 지정 ____타입 정의 ____클래스 ____인터페이스 ____모듈 및 imports __Angular ____컴포넌트 ____존 ____템플릿 __Giphy 앱 ____아키텍처 ____API ____Angular CLI ____소프트웨어 설치하기 ____텍스트 편집기 ____Angular 2 앱 뼈대 만들기 ____Giphy 앱 빌드하기 __요약 2장. Ionic에 오신 것을 환영합니다 __모바일 하이브리드 아키텍처 __Apache Cordova란? __Ionic이란? __Ionic 3 __소프트웨어 설정 ____Node.js 설치하기 ____Git 설치하기 ____텍스트 편집기 ____TypeScript 설치하기 ____Cordova 및 Ionic CLI 설치하기 ____플랫폼 가이드 __Hello Ionic __브라우저 개발 도구 설정 ____Google Chrome ____Mozilla Firefox __Ionic 프로젝트 구조 ____config.xml 파일 ____src 폴더 __tabs 템플릿 살펴보기 __side menu 템플릿 살펴보기 __요약 3장. Ionic 컴포넌트와 내비게이션 __핵심 컴포넌트 __Ionic 그리드 시스템 __Ionic 컴포넌트 ____버튼 ____리스트 ____카드 ____Ionic icorns ____모달 ____세크먼트 __Ionic 내비게이션 ____기본 내비게이션 ____Ionic CLI Sub-Generator __요약 4장. Ionic 데코레이터와 서비스 __데코레이터 ____Ionic 모듈 ____컴포넌트 데코레이터 __내비게이션 ____페이지 간에 데이터 전달하기 __Config 서비스 __플랫폼 서비스 __Storage 서비스 __요약 5장. Ionic과 SCSS __Sass 란? __Ionic과 SCSS ____페이지 수준 재정의 ____플랫폼 수준 재정의 ____컴포넌트 수준 재정의 __샘플 컴포넌트에 테마 적용하기 __요약 6장. Ionic Native __플랫폼별 SKD 설정하기 __안드로이드 설정 ____iOS 설정 __설정 테스트하기 ____안드로이드 테스트하기 ____iOS 테스트하기 __Cordova 플러그인 시작하기 ____Ionic 플러그인 API ____Ionic Native ____Cordova 화이트리스트 플러그인 __Ionic Native를 사용해 Cordova 플러그인 작업하기 ____장치 ____Toast ____다이얼로그 ____로컬 알림 ____Geolocation __요약 7장. Riderr 앱 제작하기 __앱 개요 __Uber AP ____인증 ____Uber에 등록하기 ____API __Riderr 제작하기 ____doq 설치하기 ____Uber API 서비스 ____통합 ____의존성 설치하기 ____앱 테스트하기 __요약 8장. Ionic 2 마이그레이션 가이드 __마이그레이션을 왜 해야 할까? __Todo 앱 - Ionic v1 ____앱 제작하기 __마이그레이션 계획 __요약 9장. Ionic 2 앱 테스트하기 __테스트 방법론 __유닛 테스트 환경 설정하기 ____프로젝트 설정하기 ____유닛 테스트 작성하기 ____유닛 테스트 실행하기 __driftyco/ionic-unit-testing-example __엔드-투-엔드 테스트 ____프로젝트 설정하기 ____유닛 테스트 작성하기 ____유닛 테스트 실행하기 __코드 적용 범위 __AWS 디바이스 팜 ____AWS 디바이스 팜 설정하기 ____Todo 앱 설정하기 ____Todo 앱 몽키 테스트하기 ____ 다양한 장치에서 Todo앱을 수동으로 테스트하기 __자동화 테스트 __요약 10장. Ionic 앱 출시하기 __배포를 위한 앱 준비 ____config.xml 업데이트하기 ____PhoneGap 빌드 서비스 __cordova CLI를 이용해 설치 파일 생성하기 ____안드로이드 인스톨러 ____iOS 인스톨러 __Ionic 패키지 ____Ionic 클라우드에 프로젝트 업로드하기 ____필요한 키 생성하기 __요약 11장. Ionic 3 __Angular 4 __Ionic 3 __Ionic 3 업데이트 ____TypeScript 업데이트 ____Ionic Page 데코레이터 ____지연 로딩 __Ionic 2와 Ionic 3 __요약 |
|---|
댓글 없음:
댓글 쓰기