HTML5 API 활용

line
  • 과정번호M1000000-4
  • 교육시간5일 / 35시간
  • Level100
  • 수강료950,000원

교육모집정보

교육기간(시작일~종료일) 수업시간 환급여부 수강료 환급금액우선대상(대기업) 신청하기
line

교육개요

본 과정은 HTML 5, CSS3, JavaScript 에 대한 프로그램 로직, 변수 정의, 데이터 저장, 사용자 입력 유효성 등에 대한 내용을 다룹니다.  

이 과정을 통해 웹 응용 프로그램과 스토어 앱에 대한 기반 지식을 습득하게 됩니다.
실무개발경력이 15년 이상의 강사가 직접 강의하며, 웹서비스의 효율적인 설계와 구성 방법을 학습합니다.
 

그리고 개발자로서 꼭 알고있어야 할 개념과 현업에서 응용할 수 있는 다양한 실습으로 과정이 구성되어 있으며, 이를 통해 현업에서 발생하는 다양한 문제에 대한 개발능력을 극대화 할 수 있습니다. 

line

교육대상


line

특이사항

커리큘럼

  • 1

    Day

  • Module 1 HTML5 개요
    ·
    HTML 소개
    · Web Service Architecture

    · HTML5 특징
    · HTML5 특징
    · 실습환경 설정


    Module 2 HTML5 태그

    · 시멘틱 태그와 특징

    · 문자 관련 태그

    · 멀티미디어(비디오, 오디오) 관련 태그

    · 새로운 속성과 사용자 정의 속성

    · 사용자 정의 속성과 웹프로그래밍
     

  • 2

    Day

  • Module 3 HTML5 Form 태그
    · 사용자 입력에 관련된 태그

    · Form 태그

    · Input 태그와 새롭게 추가된 type확인
    · TextArea, Select, datalist
    · 기타 Form관련 태그


    Module 4
    CSS3 개요

    · CSS 소개

    · 다양한 선택자 (속성, 가상클래스)

    · 텍스트와 관련된 스타일 속성
    · 배경과 색상에 관련된 스타일 속성
    · 레이아웃에 관련된 스타일 속성
    · 변형, 애니메이션에 관련된 스타일 속성


    Module 5 JQuery
    · JQuery 소개

    · JQuery 설치 및 사용

    · 다양한 선택자 소개
     

  • 3

    Day

  • Module 6 확장 API (Canvas)
    · Canvas 개요

    · Context 객체

    · 색상과 스타일
    · 다양한 곡선, 선 그리기
    · Image, Text 출력
    · 도형의 이동

    
    Module 7 확장 API (Drag& Drop)
    · Drag& Drop 관련 Object

    · Drag& Drop 관련 Event

    · 색상과 스타일
    · 다양한 곡선, 선 그리기


    Module 8 확장 API (Web Worker)
    · Web Worker 개요
    · Web Worker관련 Object Event

    · 단순, 공유 워커
     

  • 4

    Day

  • Module 9 확장 API (Geolocation)
    - 위치 정보 서비스 개요

    - Geolocation관련 Object Event

    - 위치 정보 확인 및 처리

    - 위치 정보 출력

     

    Module 10 확장 API (application cache)
    · Offline Application 개요

    · Application Cache 관련 Object Event

    · Manifest 설정

    · 동작 순서 및 조건


    Module 11 확장 API (Message)
    · Message 통신 개요

    · Message 관련 Object Event

    · Cross Document Messaging

    · Channel Messaging



    Module 12 확장 API (Web Storage)

    · Web Storage 개요 및 특징

    · Web Storage 관련 Object Event

    · Local Storage

    · Session Storage

    · 데이터 입출력 및 JSON
     

  • 5

    Day

  • Module 13 확장 API (DataBase)
    · Web SQL DataBase 개요

    · Web SQL DataBase 관련 Object Event

    · DataBase 생성 및 사용

    · SQL을 이용한 데이터 입출력
    · 스키마관리

     

    Module 14 확장 API (Sever Event)
    · Server Sent Event 개요

    · Http 통신 특징 및 PushPulling

    · SSE(Server Sent Event) 관련 Object Event


    Module 15 확장 API (Web Socket)
    · Socket 통신 개요
    · Web Socket 개요

    · Web Socket 관련 Object Event

    · Web Socket Client / Server
    · Node.js를 이용한 채팅 서비스 구현