메인 이미지

WPFA 이미지 Web Publishing & Front-End Professional Portfolio Academy 웹퍼블리셔 & 프론트엔드
프로페셔널 포트폴리오 아카데미





- 흰색 이미지
  • 교육일정2018.07.04 ~ 2018.11.07 (10월 8일 휴강)
  • 교육시간월수 19:00~21:50
  • 교육장소아카데미정글(강남 신사)
  • 강      사차영신, 이시영, 이인수
  • 모집인원15명
  • 수 강 료180만원 [카드 2~6개월 무이자할부 가능]

 강의 개요

line 이미지
다양한 웹 서비스의 출시와 멀티디바이스 시대에 필요한
웹퍼블리싱 & 프론트엔드 개발 실무 교육

웹퍼블리싱 & 프론트엔드 프로페셔널 아카데미는
시대의 요구에 맞추어 기술의 이해부터 실무 스킬까지 갖춘 프론트엔드 전문가를 양성하는 과정입니다.

HTML5를 중심으로 한 웹 기술의 발전은 이제 다양한 서비스 개발을 위해
광범위하게 사용되며 그 가치를 인정받고 있습니다.
더불어 서비스 데이터와 클라이언트 측 코드의 연계 기술은 서비스 개발의 일상적인 플로우로서 요구되고 있습니다.

갈수록 복잡하고 빠르게 변하는 웹의 환경에 맞추어 HTML로 구조를 만들고,
CSS와 Javascript를 이용한 UI 스타일링, 클라이언트 서버와 연동하는 기술을 구현하는데 막힘이 없는
프론트엔드 개발자 양성이라는 목표를 이루는데 최적화된 내용으로 커리큘럼이 구성되어 있습니다.


 강의 특징

line 이미지
  • 웹 UI 구현부터 클라이언트 측 코드의 이해, 그리고 포트폴리오까지
  • 기초부터 시작하는 스타트업 과정


  • ㆍ프론트엔드 개발자로써 필요한 UI구현 기술부터 클라이언트 즉 코드를 직접 하드코딩으로 배우는 실무과정입니다.
  • ㆍHTML, CSS 고유의 특성과 작동원리를 여러분이 이해하고 머리속으로 연상(생각)을 한 후 코드로 옮기는 기술을 배웁니다.
  •     여기서 디자인된 작업물을 어떻게 코드로 설계할지 생각하는 훈련이 가장 중요합니다.
  •     우리는 ‘브라우저 입장에서 생각하는 훈련’을 하고, CSS3의 특성을 배워갑니다.
  • ㆍJavascript의 기초문법을 이해하고 직접 코드를 만들어서 UI를 제어하게 되며,
  •     실무 프로젝트 방식으로 진행하는 포트폴리오를 만들면서 프론트엔드 개발 전반에 대한 역량을 키워갑니다.

수강대상

line 이미지
  • 시각 디자인의 공부를 처음 시작하려는 분 이미지 프론트엔드 개발 취업 희망자
    프론트엔드 개발 포트폴리오
    구축 희망자
  • 안경 아이콘 HTML5, 웹 접근성을 포함한
    기술을 습득하고 싶은 자

    웹 클라이언트(서버) 전체에 대한
    이해를 하기 위한 자
  • 안경 아이콘 디자인 영역에서 퍼블리싱까지
    영역을 확장하고 싶은 자

    프리랜서 디자이너 및 기획자

커리큘럼

line 이미지
  • line 이미지
  • 01. The Basic
  • 웹의 이해
    HTML과 HTML5
    웹 표준과 웹 접근성
line 이미지 2
  • line 이미지
  • 02. HTML
  • HTML 1 : 정보의 기본구조 - HTML의 속성과 구조
    HTML 2 : 정보 시맨틱 구성 - 시멘틱 요소와 HTML5에서 추가된 아웃라인
    HTML 3 : 서식요소 - HTML5에서 강화된 서식기능과 요소
    HTML 4 : 새로운 정보 형태 - 멀티미디어 요소 등 새로 추가된 정보 형태
    HTML 5 : 웹&모바일 퍼블리싱 – Header, Navigation, Footer, Banner, LNB, 게시판
line 이미지 2
  • line 이미지
  • 03. CSS
  • CSS 1 : 개념과 기초 - CSS3 선택자 집중 학습, 단위 및 컬러
    CSS 2 : Box Model, Positioning과 관련 속성 - 다양한 Layout 학습 (가변형, 고정형)
    CSS 3 : Text와 Font 관련 속성 – Shadows, Transitions, Gradients
    CSS 4 : 2D & 3D Transform과 Animation 관련 속성
line 이미지 2
  • line 이미지
  • 04. 미디어쿼리 / 반응형 웹
  • 미디어 쿼리를 사용한 반응형 웹사이트 제작 실습
    - 사례중심의 반응형웹사이트 분석과 이해
line 이미지 2
  • line 이미지
  • 05. Javascript
  • JavaScript 기초 (Core)
    - 출력문, 데이터형, 연산자, - 변수, 배열, 객체, 함수의 이해
    JavaScript 기초 (DOM, BOM)
    - 문서(document) 조작 명령, - 브라우저(window) 조작 명령
    이벤트의 이해
    - 이벤트의 동작원리, - 주요 이벤트 종류 및 특성 이해
line 이미지 2
  • line 이미지
  • 06 jQuery
  • jQuery 기초
    - 이벤트 조작(on, off, trigger), - DOM 조작 및 Traversing, - CSS 및 Class 다루기,
    - Dimension 및 Offset 개념 이해, - 기타 유용한 API 소개(this, index, each 등)
line 이미지 2
  • line 이미지
  • 07. UI 개발 실무
  • Image Slide 개발 실습 초급 & 중급
    Sliding Banner 개발 실습
    내비게이션 개발 초급 & 중급
    팝업창 띄우기 (새창, 레이어)
    UI 개발시 접근성 준수 기법
    Scroll 이벤트 다루기
    - 패럴렉스 UI 개발(초급, 중급), - 반응형 웹에서의 UI 개발 기법
    모바일 이벤트의 이해(touch)
    - Drag 이벤트 만들기(웹, 모바일 버전), Swipe UI 개발, 모바일 UI 개발시 유의사항
    모바일 멀티터치를 이용한 UI 개발
    - Zoom In, Zoom Out, Rotate, Translate
    CSS3와 연계한 UI 효과 구현
    - transition 및 animation 기능 이해, jQuery를 이용한 CSS3 animation 기능 조작,
    메인 비주얼 효과 구현, 텍스트 및 버튼, 아이콘 효과 구현
    관리자 화면(Form)을 위한 UI 구현
    - Ajax 기초, JSON 기초, 관리자용 Form UI 구현 및 데이터 전달
    라이브러리 활용 실습 : iScroll, Calendar, 주소 API, Editor
line 이미지 2
  • line 이미지
  • 08. 포트폴리오 실무 프로젝트
  • 포트폴리오 프로젝트 #1 _ 웹퍼블리싱 포트폴리오
    포트폴리오 프로젝트 #2 _ UI 개발 포트폴리오
line 이미지 2

 강사소개

line 이미지
차영신 선생님 이미지

강사
차영신


(현) ㈜태그앤브레이스 대표
(전) ㈜이모션, 컨설팅 사업부 대표




주요프로젝트

2013~2015 삼성그룹 홈페이지 개편
2013 삼성전기 홈페이지 웹접근성
2012~2013 우리은행 인터넷뱅킹 재구축
2012 신한은행 오픈뱅킹 재구축
2009~2011 CJmall 웹표준화

이시영 선생님 이미지

강사
이시영


현) 디노웍스㈜ 대표
방위사업청 사업관리본부 운영 아키텍트
웹표준솔루션 포럼 회원사
KAIST 산업공학과 (석사)


주요프로젝트


주요 금융사 및 대기업 웹 접근성 개선 컨설팅 및 구축 사업
현대건설, CJ 그룹, 기아자동차, IBK 기업은행, 국민카드 등

이인수 선생님 이미지

강사
이인수


현) ㈜매디브 대표
㈜애비로드 본부장
㈜코드프로 본부장
㈜애드캡슐 팀장


주요프로젝트

IKEA 운영중
2016 신세계푸드 퍼블리싱
2016 루이까또즈 오픈몰 스크립터
2016 정보화진흥원 Open PaaS 퍼블리싱
2015 롯데시네마 예매, 좌석 시스템 스크립터
2015 Ahnlab 모바일 스크립터
2015 삼성Wireless스피커 마이크로사이트 퍼블리싱
2015 삼성TV 해외 마이크로사이트 퍼블리싱
2015 펀드슈퍼마켓 고도화(접근성) 퍼블리싱


  • ※ 본 강의는 강사, 커리큘럼이 일부 변경되거나 사정으로 인하여 폐강될 수 있습니다.
  • ※ 본 강의내용은 교육기획자 및 강사와의 협의없이 무단으로 사용될 수 없습니다.
  • ※ 무단사용시 저작권 침해로 인해 처벌받을 수 있음을 알려 드립니다.