lnb영역
- 전체과정
- 오픈소스SW
- 운영체제
- 프로그래밍/언어
- 데이터베이스
- 네트워크
- 클라우드컴퓨팅
- 웹
- 모바일
- 임베디드
- 보안
- SW공학/IT
- 그래픽/멀티미디어
- 전자정부프레임워크
- 세미나/컨퍼런스
- 모델커리큘럼
컨텐츠 내용
- 온라인강좌
- 과정정보
과정정보
하이브리드와 모바일웹 개발
강좌소개
PART1. 앱의 진화과정
네이티브 앱과 웹
- 네이티브 앱에서의 웹 데이터
- 네이티브 앱에서의 웹 화면
- 웹의 침략
웹을 앱처럼 (웹 앱)
- CSS와 Javascript를 이용한 웹 화면의 변화
- WebView에서의 웹화면을 앱처럼
웹 앱의 장.단점
- 속도와 네이티브 기능의 문제
- 생산정과 플랫폼 이식성
하이브리드 앱의 등장
- 웹으로 만들고 네이티브 기능을 사용
하이브리드 방식의 차이
- 웹의 Natvie 변환 방식
- 웹의 호출 방식만 사용하는 방식
PART2. 하이브리드 앱의 성장
모바일용 웹 프레임웍
- JQTouch의 등장
- JQuery Mobile
하이브리드 방식에 대한 이견
- 웹의 코드를 네이티브로 Titanium
- 웹의 호출을 네이티브에서 PhoneGap
Titanium에 대한 소개
PhoneGap에 대한 소개
Sencha Touch에 대한 소개
PART3. 하이브리드 방식에서의 서버
기존의 웹방식과 하이브리드(or 앱앱)방식에 따른 고려사항
데이터의 전달 방식과 Ajax
Open API의 출현
PART4. 하이브리드 웹 프로젝트 프로세스
개발 환경의 결정과 기술 사양 결정 요인들
서버의 역할과 처리 방식
웹과 네이티브의 기능 배분
HTML5
페이지의 설계 및 서비스 유형
PART5. 위치기반의 하이브리드 앱 개발 실습
하이브리드 기반/ LBS(위치정보)/ 실시간 정보를 활용하는 앱 실습
(친구찾기 혹은 경기도 버스정보 개발)
* 강의시 진행했던 소스/예제코드는 버전에 따라 호환되지 않을 수 있습니다
네이티브 앱과 웹
- 네이티브 앱에서의 웹 데이터
- 네이티브 앱에서의 웹 화면
- 웹의 침략
웹을 앱처럼 (웹 앱)
- CSS와 Javascript를 이용한 웹 화면의 변화
- WebView에서의 웹화면을 앱처럼
웹 앱의 장.단점
- 속도와 네이티브 기능의 문제
- 생산정과 플랫폼 이식성
하이브리드 앱의 등장
- 웹으로 만들고 네이티브 기능을 사용
하이브리드 방식의 차이
- 웹의 Natvie 변환 방식
- 웹의 호출 방식만 사용하는 방식
PART2. 하이브리드 앱의 성장
모바일용 웹 프레임웍
- JQTouch의 등장
- JQuery Mobile
하이브리드 방식에 대한 이견
- 웹의 코드를 네이티브로 Titanium
- 웹의 호출을 네이티브에서 PhoneGap
Titanium에 대한 소개
PhoneGap에 대한 소개
Sencha Touch에 대한 소개
PART3. 하이브리드 방식에서의 서버
기존의 웹방식과 하이브리드(or 앱앱)방식에 따른 고려사항
데이터의 전달 방식과 Ajax
Open API의 출현
PART4. 하이브리드 웹 프로젝트 프로세스
개발 환경의 결정과 기술 사양 결정 요인들
서버의 역할과 처리 방식
웹과 네이티브의 기능 배분
HTML5
페이지의 설계 및 서비스 유형
PART5. 위치기반의 하이브리드 앱 개발 실습
하이브리드 기반/ LBS(위치정보)/ 실시간 정보를 활용하는 앱 실습
(친구찾기 혹은 경기도 버스정보 개발)
* 강의시 진행했던 소스/예제코드는 버전에 따라 호환되지 않을 수 있습니다
강좌특징
대상안내
웹 프로그래밍 경험자(기본적인 자바스크립트지식 필요)
Java 언어 가능자
Java 언어 가능자
수료/과락 기준
| 평가기준 | 진도 | 시험 | 과제 | 토론 | 기타 |
|---|---|---|---|---|---|
| 배점 | 100% | 0% | 0% | 0% | 0% |
| 과락기준 | 80% | 0점 | 0점 | 0점 | 0점 |
※ 수료기준은 각 평가항목의 점수가 과락기준 점수 이상이고 총점이 80점 이상이어야 합니다.
강요천
 |
[강사소개] 현재 비트교육센터 강의중 OLC센터 자문위원 활동중
|
|---|---|
| [경력] [경력] 공개SW개발자대회 멘토링 활동중 웹기반 솔루션, 시스템 및 구축 다수 경험 보유 한국은행 웹 시스템 개발 부천 판타스틱 영화제 웹 개발 삼성, LG전자, 코레일등 다수의 기업 강의
[저서] 열혈강의 객체 중심 Java (안드로이드를 이용한 색다른 UI 실습) - 2010. 프리렉 상상력과 HTML5 CSS3 JavaScript로 빚는 모바일 웹 - 2012. 프리렉 자바스크립트 이해와 AngularJS 활용 (MVC 패턴 웹 사이트 개발을 위한) - 2014. 프리렉
[강의] 개발자들을 위한 HTML5 Spring 3.1 |
| 차시 | 강의명 |
|---|---|
| 1차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 2차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 3차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 4차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 5차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 6차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 7차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 8차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 9차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 10차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 11차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 12차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 13차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 14차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 15차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 16차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 17차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
| 18차시 | 최신 트랜드를 반영한 앱의 진화! 하이브리드 앱/웹을 만나보자 |
