Skip to content

iamnam/ionicApp

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ionic Framework Study

데모 페이지

https://suho.firebaseapp.com

WebStorm JSLint 및 기타 설정

  1. setting(preferences) - language & frameworks - javascript - Code Quality Tools - JSLint
  2. a browser, console 체크
  3. predefined 에 전역변수 입력(angular, ionic)
  4. 우측하단 yeoman 아저씨처럼 생긴 아이콘 클릭
  5. Configure Inspections
  6. javascript - general - unresolved javascript function 체크해제
  7. javascript - general - unresolved javascript variable 체크해제

Angular.js 구조

  1. Module
  2. Controller
  3. Service(Factory, Value, Service, Constant, Provider, Decorator)
  4. Directive
  5. Filter

Angular Custom Directives

  • ng-click
  • ng-model
  • ng-class
  • ng-src
  • ng-repeat

Antular Filter

  • date: {{today | date : 'yyyyMMdd hh:mm a'}}

Ionic Start-kit

  • tabs
  • sidemenu
  • blank

Ionic Cli

  • ionic run android
  • ionic serve
  • ionic --lab

Ionic Component

  • card
  • refresher
  • list
  • sidemenu

Plugin

1주차

  • 안드로이드 네이티브 앱의 구성과 동작 및 웹뷰와의 상관 관계
  • 하이브리드앱의 성능 향상과 안드로이드 버전 파편화 해결 방법

2주차

  • 웹스톰 설정 JsLint 등
  • 자바스크립트 기본
  • 문제풀이
  • Angular.js MVC 기본 개념
  • Angular.js 맛보기

3주차

개발 환경 세팅(1/2)

  • Node.js,
  • Cordova,
  • Ionic
  • Angular.js : 모듈, 컨트롤러 생성, ng-click, ng-class, ng-model 사용
  • Ionic sidemenu 와꾸 맛보기
  • PullToRefresh 당겨서 새로고침 UI 구현

4주차

  • 개발 환경 세팅(2/2) Ant, Android SDK
  • Angular.js : 서비스의 이해, $http, ng-repeat
  • 키워드 : AJAX, JSON
  • Ionic : cli 툴 설명, list, slide 구현
  • 네이티브 : 토스트

5주차

  • Angular.js : ui-router, broadcast, on
  • Ionic : popup

6주차

  • Native Keyboard
  • Vibration
  • $window

7주차

8주차

  • $ionicPlatform.registerBackButtonAction(func, priority);

9주차

  • Firebase
  • AngularFirebase

10주차

  • 페이스북 로그인 구현
  • $ionicPopover

11주 차

  • $ionicModal
  • $firebaseArray
  • firebase 데이터 동기화

About

Study for ionic

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 65.1%
  • CSS 10.8%
  • C++ 9.8%
  • Objective-C 6.3%
  • Java 5.5%
  • C# 2.0%
  • Other 0.5%