바로 넘어가기 메뉴

본문 바로가기 주메뉴 바로가기

타이틀영역

교육프로그램-상세

  • 교육사진
    앱만들기(Web&Hybrid) [ A12 ]
    교육기간 : 2016-01-10 - 2016-04-02
    교육시간 : 10:00 - 13:00
    수강료 : 90,000원
    수강신청기간 : 2015-12-02(수) - 2016-01-17(일)
    접수방법 : 방문접수
    강의실 : 정보없음
  • 강좌정보

    • 주요내용

      • 수강자격 :
        이정민훈장의 공지사항





        기초과정입니다.

      • 교육목적 :
        ※ 나만의 앱 만들기
        ※ 불가능해 보였던 꿈을 현실로 만들기
        ※ Mobile웹, Web앱, Hybrid앱을 배우기
        ※ HTML5, CSS3 개념 잡고 개발 환경 설정하기
        ※ 실제 개발 방법을 이용한 미디어쿼리와 Jquery 모바일을 배우기
      • 교육내용개요 :
        [접수안내]
        - 2015년 12월 2일(수) 오전 9시부터 회원가입 후 인터넷선착순 접수
        (12월 1일(화) 우선순위 오전 9시부터 방문선착순 접수)
        - 접수일 기준 익일 이내 입금 (미입금시 합격취소)
        - 수강료 입금계좌 : 우리은행 165-352616-13-008 예금주 중부여성
        - 수강료 입금시 함께 쓰는 과목 코드 : A12
        - 접수 확인은 홈페이지 〔 수강신청조회 / 취소〕에서 반드시 확인!!
        (수강신청 내역에 100기 신청과목이 등록되어 있는 것을 확인하세요.)
        ※77기부터 환불규정이 변경되었습니다.(교육 시작일 이후 전액환불 불가)
        ☞ 환불규정안내 자세히보기(클릭하세요)


        ◎ 강의개요
        ○ 특 징
        ※ 기획자, 디자이너, 개발자 모든 분야에서 경쟁력을 갖춘 스킬 대공개!
        서비스 기획, 웹 디자인, 개발까지 가장 효율적으로 웹사이트를 제작할 수 있는 노하우를 학습한다
        모든 기기와 다양한 화면 크기에 대응할 수 있는 반응형 웹은 HTML5, CSS3와 함께 익혀야 할 웹 퍼블리싱의 필수 기술이다.
        이제는 개발자뿐만 아니라 기획자, 디자이너도 반응형 웹 디자인에 대해 알아야 하고 공부해야 한다.
        매우 현실적이면서도 유익한 기술과 이론을 배우고 나면 전공이나 경력에 상관없이 누구나 웹 퍼블리셔가 될 수 있다!

        ※ 헷갈리기 쉬운 반응형 웹의 기본 개념부터 급부상하고 있는 새로운 웹 기술 플렉서블 박스까지 완벽 해설!
        모든 기기에 최적화된 반응형 웹사이트를 더욱 효과적으로 구현할 수 있는 방법뿐만 아니라 미래를 이끌어갈 새로운 방향의 반응형 웹 디자인 방법인 플렉서블 박스 기술까지 명쾌하게 설명하고 있다.
        실제 디자인을 반응형 웹으로 변환하는 과정을 익히고 나면 빠르게 변하는 디자인 트랜드에 맞춰 클라이언트에게 감동을 줄 수 있다!

        ※ 초보자도 쉽게 따라할 수 있는 예제로 실습하고, 실무에 그대로 적용할 수 있는 웹사이트도 직접 완성한다.
        업무 효율성은 물론이고, 만들고자 하는 사이트의 완성도도 한층 높일 수 있도록 반드시 익혀야 할 핵심 기술들을 다양한 실무 예제와 함께 학습한다. 뿐만 아니라 소개 페이지, 갤러리 페이지, 게시판 페이지 등 현장에서 바로 적용할 수 있도록 하나의 웹사이트를 완성하는 과정을 자세히 소개하고 있다. 이 책을 마스터하고 나면 웹사이트 기획 단계부터 PC 화면과 태블릿, 모바일 화면까지 미리 예상하고 구체화할 수 있다.
        또한 많은 프로젝트를 진행해 본 저자의 노하우를 엿볼 수 있는 스페셜 코너가 있다. 바로 반응형 웹을 제작하는 도중에 발생할 수 있는 문제들을 바로 해결할 수 있도록 ‘실무자들이 꼭 알아야 할 반응형 웹 문제해결 노하우’이다.

        ○ 강사 프로필(프로그램 개발 및 교육 관련)
        ※ 전자계산학, 컴퓨터과학, 평생교육학, 소프트웨어개발 전공

        ○ 프로그램 개발 및 교육지도(1990년 ~ 2002년)
        ※ 참가대회 : 전국 PC 경연대회, 전국 컴퓨터 경진대회, 대한민국 퍼스널컴퓨터 경진대회, 서울특별시 퍼스널컴퓨터 경진대회, 서울시 컴퓨터 경진대회, 중부교육청장배 컴퓨터경진대회
        ※ 수상내역 : 교육부장관상, 교육인적자원부장관상, 여성부장관상, 대학총장상, 서울시교육감상, 단체 우승, 개인 대상, 금상, 최우수상 등 수상

        ○ 특 징 - 강사의 오랜 기간 실무에서 겪은 노하우를 전달
        ※ 대한민국베트남참전전우회 마포구전우회 홈페이지 운영(2001년 ~ 현재)
      • 재료비 : 교재는 개별적으로 구입해서 오셔도 되고, 또한 강의실에서 구입하셔도 됩니다.
        (강의실에서 구입하실 분들께서는 교재비는 반드시 첫날 납부하셔야 합니다.)

        도서명 : Do it! 쉽게 배우는 웹앱&하이브리드앱(전면개정2판)
        출판사 : 이지스퍼블리싱
        정 가 : 32,000원





        * 첫 수업 준비물 : USB 메모리 (4GB 이상)
      • 관련과목 :


      • 자격증 시험일정 :
        자격증 과목이 아닙니다.
      • 전망 :
        홈페이지 관리사, 홈페이지 제작, 웹 퍼블리셔, 웹 디자이너
    • 담당강사

    • 강의계획

      제 1주 (2016.01.10 -2016.01.10)
      교육주제 ※ OT(100기 개강, 과목 및 강사소개) ※ 모바일을 위한 HTML5와 CSS3 기본기 익히기 - 1
      세부내용 ★ 웹 표준, 모바일 환경의 이해
      - 표준의 기본 지식
      - 앱, 네이티브앱, 하이브리드앱

      ★ 작업 환경 준비하기
      - 개발 툴 준비하기
      - 브라우저 / 에뮬레이터 / 웹 서버 준비하기
      - 안드로이드폰 에뮬레이터 설치하기
      - Hello World 예제 만들어 보기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 2주 (2016.01.17 -2016.01.17)
      교육주제 ※ 모바일을 위한 HTML5와 CSS3 기본기 익히기 - 2
      세부내용 ★ HTML5 시맨틱 마크업 이론 익히기
      - 시맨틱 마크업 개념 알아보기
      - 기본적인 HTML5 마크업 사용법
      - W3C HTML 웹 표준 인증받기

      ★ CSS3 기본 기능 익히기
      - 레이아웃 작업 순서
      - 인라인 스타일, 내부 스타일 시트,외부 스타일 시트 사용법
      - 상속 개념 알아보기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 3주 (2016.01.24 -2016.01.24)
      교육주제 ※ 모바일을 위한 HTML5와 CSS3 기본기 익히기 - 3
      세부내용 ★ CSS3 고급 기능 익히기
      - 선택자를 잘 알아야 하는 이유
      - 태그 선택자
      - 클래스 선택자
      - 아이디 선택자
      - 하위 선택자
      - 그룹 선택자
      - 전체 선택자
      - 하이퍼링크 사용법 : 앵커 유사 클래스 선택자
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 4주 (2016.01.31 -2016.01.31)
      교육주제 ※ 모바일을 위한 HTML5와 CSS3 기본기 익히기 - 4
      세부내용 ★ CSS3 좌표계 사용법 익히기
      - 레이아웃 위치 개념 알아보기
      - 컨테이너 안에서 자유롭게 위치 잡기
      - CSS3 단위 이해하기
      - BOX(상자) 모델을 이용한 위치 잡기

      ★ CSS3 레이아웃 사용법 익히기
      - float 사용법
      - clear 사용법
      - 여러 개의 열 레이아웃 만들기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 5주 (2016.02.07 -2016.02.07)
      교육주제 ※ 미디어쿼리와 제이쿼리 모바일로 모바일 UI 디자인하기 - 1
      세부내용 ★ 반응형 웹 디자인하기
      - 원하는 글꼴을 마음껏! 웹 폰트 사용하기
      - 반응형 웹 디자인 준비하기
      - 실전에서 미디어 쿼리 응용하기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 6주 (2016.02.07 -2016.02.07)
      교육주제 ※ 미디어쿼리와 제이쿼리 모바일로 모바일 UI 디자인하기 - 2 ※ 2/7 휴강(설연휴 휴강 2/7~2/10)
      세부내용 ★ 스마트폰 UI 기법 익히기
      - 모바일 UI 프레임워크
      - JQuery Mobile을 배워보자
      - JQuery Mobile로 스마트폰 UI를 시작하자
      - 화면 구성을 위한 UI 작성하기

      ★ 스마트폰 페이지 전환 효과 익히기
      - 목록 만들기
      - 다양한 페이지 링크 연결
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 7주 (2016.02.14 -2016.02.14)
      교육주제 ※ 실전! 직접 만드는 모바일 웹 프로젝트 - 1
      세부내용 ★ 아이콘 메뉴 페이지 만들기 응용
      - 웹앱 프로젝트 기획
      - 메인 페이지 만들기

      ★ 내비게이션 메뉴 만들기 응용
      - 툴바 기본 사용법 익히기
      - Fotorama 사용법 익히기
      - 캠퍼스 이미지 페이지 만들기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 8주 (2016.02.21 -2016.02.21)
      교육주제 ※ 실전! 직접 만드는 모바일 웹 프로젝트 - 2
      세부내용 ★ 자바스크립트 기초 익히기
      - HTML5 시대에 떠오르는 언어 자바스크립트
      - 자바스크립트 언어로 프로그래밍 기초 배우기
      - JQuery로 최신 스타일 자바스크립트 기초 배우기

      ★ 이미지 전환 효과 만들기
      - CSS3 트랜지션으로 애니메이션 효과 만들기
      - 대학교 소개 페이지 만들기
      - 자바스크립트 JQuery로 터치 기능 생명 불어넣기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 9주 (2016.02.28 -2016.02.28)
      교육주제 ※ 실전! 직접 만드는 모바일 웹 프로젝트 - 3
      세부내용 ★ 동영상 연결하기
      - HTML5로 동영상 연결하기
      - VideoJS를 이용하여 세련된 동영상 플레이어 만들기

      ★ 지도에 내 위치 표시하기
      - 구글 맵을 표시하기
      - 현재 내 위치를 찾아보기
      - 캠퍼스 맵 완성하기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 10주 (2016.03.06 -2016.03.06)
      교육주제 ※ 웹앱 & 하이브리드앱 만들기 - 1
      세부내용 ★ 무료 FTP 서버 등록 및 배포하기
      - 무료 FTP 서버에 배포하기
      - 네이티브앱 같은 웹앱 만들기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 11주 (2016.03.13 -2016.03.13)
      교육주제 ※ 웹앱 & 하이브리드앱 만들기 - 2
      세부내용 ★ 폰갭을 사용하여 하이브리드앱 만들기
      - 폰갭으로 하이브리드앱을 안드로이드폰에서 실행하기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 12주 (2016.03.20 -2016.03.20)
      교육주제 ※ 101기 강좌 소개 및 수강신청 안내 ※ 웹앱 & 하이브리드앱 만들기 - 3
      세부내용 ★ 구글 플레이에 올리기
      - 구글 플레이에 올리기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿

수강신청

수강신청

수강료 납부 : 수강신청 후 다음날까지 수강료를 결제하지 않으면 자동으로 수강 취소 되오니 유의하세요!
23:30~00:30분까지는 마감 처리중 이므로 온라인 결제가 불가하오니 참고하시기 바랍니다.

  • 카드결제·실시간 계좌이체 : 홈페이지상에서 결제 가능
  • 무통장 입금·인터넷 뱅킹 : 계좌이체 시 과목코드와 이름을 함께 기재해 주세요. (예: A01홍길동)
  • 텔레뱅킹/CD입금은 불가합니다.

온라인교육상담 신청하기

신상정보
신청구분
성명
연락처 " - " 제외하고 숫자만 입력해 주세요.
이메일
@

수강신청

수강신청


」강좌를 신청하시겠습니까?

수강신청 완료를 위한 서류제출 안내

수강신청 완료를 위한 서류제출 안내


다둥이행복카드 소지자’의 온라인 접수는 가접수입니다.

온라인 수강신청 후 다음날 17:00까지 구비서류를 제출하지 않으면 자동으로 수강취소됩니다.


  1. 제출기한 : 수강신청 다음날 17:00까지
  2. 제출서류 : 다둥이행복카드 사본, 주민등록등본(1개월 이내)
  3. 제출방법 : 서류 지참 후 방문제출이 원칙이나, 부득이한 경우 이메일 제출 가능
    • email : jungbuedu@seoulwomanup.or.kr

다둥이행복카드 대상 확인

다둥이행복카드 대상 확인


다둥이행복카드 여성발전센터 수강료 면제 대상은 아래와 같습니다.
해당하는 사항에 체크✔ 해주세요.

우선순위 대상자 확인


서울시 거주자입니까?


우선순위 대상자입니까?

우선순위 수강신청 유의사항 확인

우선순위 수강신청 완료를 위한 서류제출 안내

우선순위 수강신청 완료를 위한 서류제출 안내


'우선순위 수강신청'의 온라인 접수는 가접수입니다.

온라인 수강신청 후 다음날 17:00까지 구비서류를 제출하지 않으면 자동으로 수강취소됩니다.


  1. 제출기한 : 수강신청 다음날 17:00까지
  2. 제출서류 :
  3. 제출방법 : 서류 지참 후 방문 제출이 원칙이나, 이메일 제출, 온라인 제출 가능
    • email : jungbuedu@seoulwomanup.or.kr