슬라이드 1

Size: px

Start display at page:

Download "슬라이드 1"

미란 담
5 years ago
Views:

1 HTML5 & CSS3 Html5 와 CSS3 의기본이해와이를응용한모바일웹사이트와더나아가반응형웹사이트를제작이가능해진 다. PC 와다양한모바일기기에서보여지는웹사이트를각각의해상도에맞춰서제작할필요없이하나의반 응형웹사이트를만들면이미지, 폰트, UI 등이자동으로변환되어이용할수있다. 1 차시 HTML5 기반의 Web App HTML5 기반의 Web App 소개 2 차시 HTML5 문서의기본구조 3 차시단락과텍스트관련태그들 4 차시목록및표작성하기 5 차시 링크와이미지멀티미디어 ( 비디오 / 오디오 ) 사용하기 6 차시폼관련태그들 7 차시 HTML5 문서구조화시멘텍태그와웹폼 8 차시 CSS3 스타일시트개요와구성 9 차시선택자 1 10 차시선택자 2 11 차시텍스트와문단을위한스타일 12 차시배경과상자를위한스타일 13 차시레이아웃스타일 14 차시고급표현을위한 CSS3 활용 15 차시실전웹사이트만들기 1 16 차시실전웹사이트만들기 2 HTML5 페이지구조 블록요소와인라인요소 제목과단락태그 텍스트를묶어주는태그 목록을만드는태크 표를만드는태그 하이퍼링크와이미지태그 오디오와비디오태그 입력양식 form 태그만들기 사용자를위한 input 태그와다양한속성 반응형웹제작을위한새로운구조 새로운태그와폼요소 CSS3 의개념과기본문법구조 CSS3 를색상, 폰트, 삽입하는방법 type, id, class, 전체선택자 자식선택자, 인접선택자 가상클래스선택자, 속성선택자 기타선택자 텍스트관련스타일 문단관련스타일 배경을위한스타일 상자스타일 블록의위치를나열하는요소들 블록을겹치게배열하는요소들 경계선스타일과배경스타일 배경스타일 기본문서구조마크업 header 영역마크업 main 영역마크업 footer 영역마크업 김영아

2 JavaScript 와 JQuery JavaScript는웹개발자가반드시배워야하는언어중에하나이다. JavaScript 기반애플리케이션개발자는 JavaScript 만의독특한문법체계를이해하고 JavaScript 스타일코드를작성할수있어야한다. 본과정은웹브라우저기반의스크립트뿐만아니라객체지향적인자바스크립트의구조와문법을설명하고 AJAX, JQuery기술을활용할수있도록도움을줄것이다. 1차시 JavaScript 첫걸음 2차시 JavaScript 문법 3차시 조건문 4차시 반복문 5차시 함수 6차시 객체 7차시 생성자함수 8차시 표준내장객체 9차시 브라우저오브젝트모델 (BOM) 10차시 문서객체모델 (DOM) 11차시 jquery기본 12차시 문서객체선택과생성 13차시 문서객체조작 14차시 효과 15차시 Ajax 16차시 미니프로젝트 JavaScript 소개 JavaScript 작성 JavaScript기본규칙데이터유형형변환 if 조건문 switch 조건문 3항연산자이용조건문 for문 while과 do~while문선언적함수익명함수내장함수객체생성객체사용생성자함수사용캡슐화와상속 Object String Array JSON window와 screen object location과 navigator, history DOM관련용어 DOM객체다루기이벤트 jquery 소개 jquery 작성법문서객체선택문서객체생성문자조작스타일조작이벤트연결 Show와 Hide Slide와 Fade Animation Ajax원리 Ajax활용화면구성자바스크립트작성 오정원

3 HTML5 API 와 AJAX 웹표준기반의웹사이트개발에필수기술인 HTML5 의주요 API 들을익히고동적웹페이지그리고모바 일웹페이지구현의필수기술인 AJAX 기술의구현방법을학습하여웹개발자로서의전문적인개발역량 을향상시킨다. 차시 제목 소제목 강의 1차시 HTML5 기반의 Web App HTML5 기반의 Web App 소개 HTML5 의 JavaScript API 2차시 JavaScript 기반의 AJAX 프로그래밍 AJAX 의개요 JavaScript 로구현하는 AJAX 3차시 jquery 기반의 AJAX 프로그래밍 jquery 로구현하는 AJAX AJAX 활용예제분석 4차시 CORS 기반 AJAX SOP와 CORS CORS 활용예제분석 5차시 HTML5 Media API HTML5의 <audio> 와 <video> 태그 Media API를이용한미디어제어 6차시 HTML5 Canvas API Canvas API 소개 Canvas API 의주요메서드들 7차시 HTML5 Canvas API 응용 이미지의다양한출력 Canvas API 를이용한비디오처리 8차시 HTML5 Web Storage API Web Storage API 소개 Web Storage 활용 9차시심플메모앱실습심플메모앱기능분석심플메모앱구현과테스트 김계희 10차시 HTML5 File API File API 개요 Web Storage API 의활용 11차시 HTML5 Drag&Drop API( 컨텐트 ) 컨텐트기반의 Drag&Drop API 소개컨텐트기반의 Drag&Drop API 활용 12차시 HTML5 Drag&Drop API( 파일 ) 파일기반의 Drag&Drop API 소개파일기반의 Drag&Drop API 활용 13차시 HTML5 Geolocation API Geolocation API 소개네이버 Map API 연동 14차시 HTML5 Web Worker API Web Worker API 의소개 Web Worker API 활용 15차시 HTML5 Offline Web App API Offline Web App API 의소개 Offline Web App API 활용 16차시 심플다이어리앱실습 심플다이어리앱기능분석심플다이어리앱구현과테스트

4 PHP & MySQL 이론 PHP 는 C, 자바 (Java), 펄 (Perl) 언어등에서많은문장형식을준용하고, 각종데이터베이스를제어하는함수와웹개발에 필요한많은함수를제공하므로동적인웹문서를빠르고쉽게작성할수있다. 특히 IT 의개발환경이오픈소스방향으 로흘러가는데 PHP 와 MySQL 은이러한환경에가장적합한개발언어이다. 차시 제목 소제목 강의 1차시 GettingStart Php PHP 개발환경과구축 PHP 기본구조 2차시 PHP 기본데이터처리 PHP 키워드와식별자변수와상수 3차시 PHP 연산자 산술및복합연산자비교및논리그리고문자열연산자 4차시 제어문 조건분기문반목구문 5차시 배열 배열다차원배열 6차시 PHP 함수 사용자정의함수와 Superglobals 사용자정의함수활용 7차시 클래스 클래스와객체상속 8차시 내장함수 문자열함수, 배열함수시간처리함수김영아 9차시 PHP UI 프로그래밍 서버와클라이언트간의상호작용 PHP 웹데이터처리와 UI 10차시 파일처리 파일처리액세스로그 11차시 PHP 파일업로드 파일업로드타입별업로드 12차시 PHP 세션트래킹 HTTP 함수와쿠키 HTTP 세션 13차시 PHP Exception 예외처리사용자예외처리 14차시 PHP Error Handling Error Handler Custom Error Handler 15차시 PHP Filters Filters 다양한 Filters 16차시 PHP Web MiniProject PHP Web MiniProject

5 PHP & MySQL 실습 PHP 는 C, 자바 (Java), 펄 (Perl) 언어등에서많은문장형식을준용하고, 각종데이터베이스를제어하는함수와웹개발에 필요한많은함수를제공하므로동적인웹문서를빠르고쉽게작성할수있다. 특히 IT 의개발환경이오픈소스방향으 로흘러가는데 PHP 와 MySQL 은이러한환경에가장적합한개발언어이다. 1차시 MySQL 개발환경구축 2차시 데이타검색 3차시 데이터추가, 수정, 삭제 4차시 테이블생성및관리 5차시 데이터베이스운용 6차시 PHP와 MySQL 연동하기 7차시 PHP와 XML 8차시 PHP와 AJAX 9차시 PHP와 JSON 10차시 WebProject 모델링 11차시 WebProject _ 회원가입 12차시 WebProject _ 로그온 / 로그아웃 13차시 WebProject _ 방명록 14차시 WebProject _ 자유게시판 15차시 WebProject _ 관리자화면설계 16차시 WebProject _ 쇼핑몰 데이타베이스란? MySQL 설치및사용 select 쿼리 조인과서브쿼리 데이터추가 데이터수정과삭제 테이블의구조및생성과수정삭제 뷰와인덱스 백업과복귀 저장프로시저 PHP 와 MYSQL 연동하기 (select) PHP 와 MYSQL 연동하기 (insert, update, del ete) XML Simple Parser XML Dom AJAX 와 PHP AJAX 와데이타베이스 AJAX 와 XML JSON 이란? JSON PHP MVC 패턴 PHP MVC 패턴만들기 회원가입하기 회원정보수정및탈퇴 로그온 ( 세선, 쿠키 ) 로그아웃 방명록목록, 작성 방명록수정, 삭제 자유게시판디비구조 자유게시판만들기 관리자화면작성하기 회원관리, 게시물관리 상품목록, 추가, 수정 주문하기 백현숙

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 제이쿼리 () 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 CSS와마찬가지로, 문서에존재하는여러엘리먼트를접근할수있다. 엘리먼트접근방법 $( 엘리먼트 ) : 일반적인접근방법