슬라이드 1

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

PowerPoint 프레젠테이션

Microsoft PowerPoint - web-part01-ch10-문서객체모델.pptx

PowerPoint 프레젠테이션

쉽게 풀어쓴 C 프로그래밊

PowerPoint 프레젠테이션

HTML5가 웹 환경에 미치는 영향 고 있어 웹 플랫폼 환경과는 차이가 있다. HTML5는 기존 HTML 기반 웹 브라우저와의 호환성을 유지하면서도, 구조적인 마크업(mark-up) 및 편리한 웹 폼(web form) 기능을 제공하고, 리치웹 애플리케이 션(RIA)을

Microsoft PowerPoint - web-part03-ch19-node.js기본.pptx

var answer = confirm(" 확인이나취소를누르세요."); // 확인창은사용자의의사를묻는데사용합니다. if(answer == true){ document.write(" 확인을눌렀습니다."); else { document.write(" 취소를눌렀습니다.");

HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API

C++ Programming

PowerPoint Template

Microsoft PowerPoint - web-part03-ch20-XMLHttpRequest기본.pptx

다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) <% RequestDispatcher dispatcher = request.getrequestdispatcher(" 실행할페이지.jsp");

혼자서일을다하는 JSP. 이젠일을 Servlet 과나눠서한다. JSP와서블릿의표현적인차이 - JSP는 <html> 내에서자바를사용할수있는수단을제공한다. - 서블릿은자바내에서 <html> 을작성할수있는수단을제공한다. - JSP나서블릿으로만웹페이지를작성하면자바와다양한코드가

Microsoft PowerPoint - CSharp-10-예외처리

3장

Eclipse 와 Firefox 를이용한 Javascript 개발 발표자 : 문경대 11 년 10 월 26 일수요일

Microsoft PowerPoint 자바-기본문법(Ch2).pptx

INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS

Microsoft PowerPoint 웹 연동 기술.pptx

Javascript

Microsoft PowerPoint - HTML5-교육컨설팅.ppt

Microsoft PowerPoint - web-part02-ch13-기본.pptx

[Brochure] KOR_TunA

PowerPoint Template

미쓰리 파워포인트

< E20C6DFBFFEBEEE20C0DBBCBAC0BB20C0A7C7D12043BEF0BEEE20492E707074>

ibmdw_rest_v1.0.ppt

mobile_guide_SA


JAVA PROGRAMMING 실습 09. 예외처리

Web Scraper in 30 Minutes 강철

Ⅰ. 서론 1989년 CERN의 팀 버너스 리에 의해 만들어진 월드 와이드 웹 기술은 HTML(HyperText Markup Language), URL(Unified Resource Locator, HTTP(Hyper- Text Transfer Protocol)이라는

PowerPoint 프레젠테이션

PowerPoint Presentation

Microsoft PowerPoint - web-part02-ch15-문서객체조작.pptx

JVM 메모리구조

XSS Attack - Real-World XSS Attacks, Chaining XSS and Other Attacks, Payloads for XSS Attacks

Microsoft PowerPoint 세션.ppt

- 이벤트의처리 <input type= button id= button1 value= 확인 /> <input type= button id= button2 value= 확인 /> 자바스크립트인경우 : document.getelementbyid( button1 ).oncl

5장. JSP와 Servlet 프로그래밍을 위한 기본 문법(완성-0421).hwp

PowerPoint Presentation

표준프레임워크로 구성된 컨텐츠를 솔루션에 적용하는 것에 문제가 없는지 확인

강의계획서 1. 강의개요 학습과목명 객체지향프로그래밍 Ⅰ 학점 3 학점교 강사명교 강사전화번호 강의시간 4시간강의실수강대상 2. 교과목학습목표 4차산업혁명시대의도래로컴퓨터와프로그래밍에대한관심이커지고있으며, 여러분야에서소프트웨어의중요성을강조하며, 새시대를이끌

<C6F7C6AEB6F5B1B3C0E72E687770>

17장 클래스와 메소드

슬라이드 1

슬라이드 1

PowerPoint Presentation

jQuery.docx

MySQL-.. 1

서현수

HLS(HTTP Live Streaming) 이용가이드 1. HLS 소개 Apple iphone, ipad, ipod의운영체제인 ios에서사용하는표준 HTTP 기반스트리밍프로토콜입니다. 2. HLS 지원대상 - 디바이스 : iphone/ipad/ipod - 운영체제 :

Microsoft PowerPoint - GUI _DB연동.ppt [호환 모드]

PowerPoint Presentation

Microsoft Word - src.doc

JAVA PROGRAMMING 실습 02. 표준 입출력

<4D F736F F F696E74202D20B5A5C0CCC5CDBAA3C0CCBDBA5F3130C1D6C2F75F32C2F7BDC32E >

윈도우시스템프로그래밍

JAVA PROGRAMMING 실습 08.다형성

PowerPoint 프레젠테이션

4장.문장

Microsoft PowerPoint - 04-UDP Programming.ppt

안드로이드기본 11 차시어댑터뷰 1 학습목표 어댑터뷰가무엇인지알수있다. 리스트뷰와스피너를사용하여데이터를출력할수있다. 2 확인해볼까? 3 어댑터뷰 1) 학습하기 어댑터뷰 - 1 -

Microsoft PowerPoint - F3-1-이원석

Prototype에서 jQuery로 옮겨타기

Microsoft PowerPoint - ch09 - 연결형리스트, Stack, Queue와 응용 pm0100

2파트-07

PowerPoint 프레젠테이션

쉽게

Spring Boot/JDBC JdbcTemplate/CRUD 예제

(Microsoft PowerPoint \277\243\305\315\307\301\266\363\300\314\301\356 \260\374\301\241\300\307 HTML5)

NCS : ERP(SAP) ERP(SAP) SW IT,. SW IT 01., 05., 06., 08., 15., , 05. SW IT,,,, SAP HR,,, 4,,, SAP ABAP HR SCHEMA, BSP,

PowerPoint 프레젠테이션

PowerPoint Presentation

슬라이드 1

<C0CCBCBCBFB52DC1A4B4EBBFF82DBCAEBBE7B3EDB9AE2D D382E687770>

윈도우시스템프로그래밍

KYO_SCCD.PDF

쉽게 풀어쓴 C 프로그래밍

<4D F736F F F696E74202D2031C1D6C2F72D31C2F7BDC32028B0ADC0C7C0DAB7E D20C7C1B7CEB1D7B7A1B9D6BEF0BEEE20B0FAB8F1BCD2B

Observational Determinism for Concurrent Program Security

PowerPoint Presentation

Microsoft PowerPoint - chap02-C프로그램시작하기.pptx

1. 자바프로그램기초 및개발환경 2 장 & 3 장. 자바개발도구 충남대학교 컴퓨터공학과

본 강의에 들어가기 전

PowerPoint Presentation

구축환경 OS : Windows 7 그외 OS 의경우교재 p26-40 참조 Windows 의다른버전은조금다르게나타날수있음 Browser : Google Chrome 다른브라우저를사용해도별차이없으나추후수업의모든과정은크롬사용 한

SQL Developer Connect to TimesTen 유니원아이앤씨 DB 기술지원팀 2010 년 07 월 28 일 문서정보 프로젝트명 SQL Developer Connect to TimesTen 서브시스템명 버전 1.0 문서명 작성일 작성자

PowerPoint 프레젠테이션

Microsoft PowerPoint - web-part01-ch09-브라우저객체모델.pptx

Javascript

Microsoft PowerPoint - 10Àå.ppt

Microsoft PowerPoint 자바스크립트(1).pptx

C++ Programming

< FC8A8C6E4C0CCC1F620B0B3B9DF20BAB8BEC8B0A1C0CCB5E5C3D6C1BE28C0FAC0DBB1C7BBE8C1A6292E687770>

Microsoft PowerPoint - C++ 5 .pptx

제11장 프로세스와 쓰레드

Microsoft PowerPoint - ch07 - 포인터 pm0415

Transcription:

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 영역마크업 김영아

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활용화면구성자바스크립트작성 오정원

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차시 심플다이어리앱실습 심플다이어리앱기능분석심플다이어리앱구현과테스트

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

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 패턴만들기 회원가입하기 회원정보수정및탈퇴 로그온 ( 세선, 쿠키 ) 로그아웃 방명록목록, 작성 방명록수정, 삭제 자유게시판디비구조 자유게시판만들기 관리자화면작성하기 회원관리, 게시물관리 상품목록, 추가, 수정 주문하기 백현숙