메인 이미지
 

웹 퍼블리셔 & UI 개발
프로페셔널 : 38기

기초부터 실무까지
포트폴리오 제작
12주/24강


html, css 기초부터 자바스크립트 및 제이쿼리 기초 및 활용,
반응형 웹, 동적 UI 구현, 최종 포트폴리오 사이트 구성까지 진행합니다.

  • 교육일정
    2020-07-16 ~ 2020-10-13
    휴강 : 9월 29일 (화)
  • 교육시간
    19:00 - 21:50 / 화, 목
  • 수강료
    총 135만원, 월 45만원
  • 교육장소
    아카데미정글(강남신사)
강 의 개 요

‘웹 퍼블리셔 & UI 개발 프로페셔널’과정은 웹의 동적구현을 위한 트렌드와
시장의 요구에 맞는 프론트엔드 개발자로 첫 발을 내딛을 수 있는 포트폴리오 실무 교육 과정입니다.

강의개요 이미지

강 의 특 징

html & css 기초부터 실무 프론트 UI를 학습하고 나만의 개인 포트폴리오를 제작합니다.

강의특징 이미지1
  • 기초부터 시작하는 스타트업 과정으로, HTML과 CSS에 대한 기본적인 이해와 다양한 예제를 통해서 개념을 확실하게 만드는 능력을 키웁니다.
  • jQuery/javascript의 기본 원리부터
    학습하여 json & xml, ajax를 활용한
    실무 프론트 UI를 학습하여 포트폴리오
    구축을 위한 스킬을 향상시킵니다.
  • HTML, CSS, Javascript까지 학습하며
    UI를 제어하게 되며, 실무 프로젝트 방식
    으로 진행하는 포트폴리오를 만들면서
    포트폴리오 구성 및 피드백을 진행합니다.
포 트 폴 리 오

수강생들이 제작한 포트폴리오를 확인해보세요.

  • 빙그레
  • pilly
  • 국립중앙박물관
  • kakao
  • unicef
  • outback
  • pocari sweat
  • baskin robbins
  • 오설록
수 강 대 상

이런 분들이 수강하기에 좋습니다.

  • 수강대상 이미지1

    HTML5, 웹 접근성을 포함한
    기술을 습득하고 싶은 분

    HTML, CSS 고유 특성과
    작동 원리 이해 및 스킬 습득
  • 수강대상 이미지2

    디자인에서 퍼블리싱까지
    영역을 확장하고 싶은 분

    디자인된 작업물을 어떻게
    코드로 설계할지 생각하는 훈련
  • 수강대상 이미지3

    웹 UI 개발을
    배우고자 하는 디자이너

    웹 클라이언트(서버)에 대한
    이해를 통한 스킬 향상
  • 수강대상 이미지4

    프론트엔드 개발자로
    취업을 하고 싶은 분

    1:1 크리틱을 통한
    프론트엔드 개발 포트폴리오
커 리 큘 럼

본 과정은 총 24강, 5개의 파트로 구성되어 있으며,
html/cssjQuery & JavaScript 학습을 통한 포트폴리오 구축을 합니다.

HTML/CSS

Part01. HTML/CSS 파운데이션

    • 01강
    • html/css 기초(1) - 강의목표
      - 웹표준/웹접근성 개요
      - 구조적 마크업/논리적 마크업
      - HTML 기초
      - CSS 기초 문법
      → 선택자
      → text/font 속성
    • 03강
    • html/css 기초(3) - form 태그
      → form 요소 다루기
      → form 요소 크로스브라우징
      - table 다루기
      → 웹 접근성을 고려한 테이블 레이아웃
    • 05강
    • Layout(2) - UI 영역별 배치
      - display 속성
      - float 속성
      - oveflow 속성
    • 07강
    • Layout(4) - 콘텐츠별 UI 분석과 제작 실습
      - transform과 애니메이션 속성
    • 02강
    • html/css 기초(2) - html 구조적 마크업
      → Block Elements / Inline Elements
      - CSS 기초문법
      → 우선순위
      → 선택자 종류

    • 04강
    • Layout(1) - 박스모델의 이해
      - 배경속성
      - 시멘틱 구조


    • 06강
    • Layout(3) - Navigation 영역별 UI 구조 실습
      - position 속성
      - 문서 흐름별 레이아웃 구조 실습

Part02. 응용 실습

    • 08강
    • 탬플릿으로 구조설계(1) - 상용 사이트콘텐츠 페이지 실습
      - 효율적인 CSS 스타일링 연습
      → 네이밍/선택자/멀티클래스/재사용을 위한 css 분석
    • 10강
    • 탬플릿으로 구조설계(3) - 상용 사이트콘텐츠 페이지 실습
      - 효율적인 CSS 스타일링 연습
      → 네이밍/선택자/멀티클래스/재사용을 위한 css 분석
    • 12강
    • 반응형 레이아웃(2) - 작업 사이트 반응형 마크업&CSS
      - jQuery&CSS3 인터렉션 UI 제작
    • 09강
    • 탬플릿으로 구조설계(2) - 상용 사이트콘텐츠 페이지 실습
      - 효율적인 CSS 스타일링 연습
      → 네이밍/선택자/멀티클래스/재사용을 위한 css 분석
    • 11강
    • 반응형 레이아웃(1) - 반응형 기본 개념
      - 미디어쿼리와 뷰포트
      - 반응형 구조
      - 반응형 페이지 마크업

jQuery & JavaScript

Part03. jQuery & JavaScript 기초

    • 13강
    • 오리엔테이션 및 html 정리 - 강의목표
      - html 기초정리
      - 개발자도구 활용법
      - 실습환경 및 에디터 소개(vscode, git, github)
    • 15강
    • 반응형 웹 - 미디어 쿼리
      - 반응형웹 구현
    • 17강
    • javascript & jquery정리2 - jquery 활용
      - jquery 플러그인
      - json & xml 활용한 ajax 구현
    • 14강
    • css 중급 - CSS 기초 정리
      - display 중급
      - 선택자 중급
    • 16강
    • javascript & jquery정리1 - 프로그래밍 기초
      - UI구현에 필요한 자바스크립트 기본 문법
      - jquery 메소드

Part04. 실무 프론트 UI

    • 18강
    • 자리예약시스템 구현 - json을 이용한 비동기 페이지 만들기
    • 20강
    • 클론코딩 - 상용사이트 메인 & 서브 페이지 구현
    • 19강
    • 카카오톡 채팅 프론트엔드 구현 - keyboard event & append 활용
    • 21강
    • psd to html 코딩 - 웹디자인 파일 컷팅과 사이트 구조 잡기

Part05. 포트폴리오 구축

    • 22강
    • A타입 샘플 포트폴리오 구현1 - ajax를 활용한 No reflesh 사이트 구현
    • 24강
    • B타입 샘플 포트폴리오 구현2 - fullpage & Parallax를 활용한 원페이지 사이트 구현
    • 23강
    • A타입 샘플 포트폴리오 구현2 - ajax를 활용한 No reflesh 사이트 구현

      B타입 샘플 포트폴리오 구현1 - fullpage & Parallax를 활용한 원페이지 사이트 구현

<
포트폴리오 레퍼런스 사이트
>

  • wppa_atype

    A타입

  • wppa_atype

    B타입

강 사 소 개

오랜 실무 경험강의 경력으로 학생 만족도가 높은 김혜영 강사님과
국내 유명 기업 다수의 프로젝트를 진행한 강석희 강사님이 지도하십니다.

김혜영 선생님 이미지

강사
김혜영

현) 엔게디갬퍼스 대표
홍익대학교 영상대학원 인터랙션디자인과 수료

- 계원예술대학교, 홍익대학교(세종캠퍼스), 공주대학교,
  건국대학교, 서울대학교 출강
- 아카데미정글, 한국디자인진흥원 강의
- LG 유플러스 어도비 세미나 특강

프로젝트
힐링잼 모바일 UI 디자인

강석희 선생님 이미지

강사
강석희

(현) **은행 인터넷뱅킹, 모바일뱅킹 운영 퍼블리싱 PL
(전) (주)타란유엑스디
(전) ㈜ 위더스교육(해커스어학원)
(전) (주)기분좋은커뮤니케이션
(전) 라이트브레인

주요프로젝트
KB국민은행 부동산PF 업무시스템 구축
금호건설 전사ERP 재구축
한국예탁결제원 전자증권 구축
국방부 군수시스템 통합구축
신한은행 모바일 브랜치 사이트 구축
KB손해보험 카다이렉트 리뉴얼
**전자 타이젠 TV 내부보고용 프로토타입

수 강 후 기

수강생들의 수강 후기수업 분위기를 확인해보세요.

  • 전O선 수강생
    웹표준과 반응형의 체계적이고도 실무에 적용하기 쉽게 교육이 짜여 있습니다.
    전반적인 웹표준과 반응형 웹도 체계적인 개념을 잡을 수 있고 , 이 기반으로 실무에 적용하기 쉽도록 노하우도 많이 얻을 수 있습니다.
    빠르게 습득하고 실무에서 실력 발휘하고 싶으신 분들에게 강추하는 수업입니다!
  • 수강후기 이미지1
  • 수강후기 이미지2
  • 현O경 수강생
    빈틈없이 알차게 실무 위주로 배울 수 있습니다.
    모호했던 html내용에 대해 쉽게 정리하고 정의하며 다시금 재정비하기에 탁월합니다.
    HTML 입문자인 저에게도 느껴질 만큼 선생님의 강의가 잘 정리되어 있고 이해하기 쉽도록 설명해 주시려 노력하는 것이 느껴졌습니다. 실무 위주의 내용이여서 실질적으로 도움이 되었습니다.
  • 이O정 수강생
    강의 시간 대비 정말 유익한 수업입니다.
    양보다 질이란 표현이 딱입니다! 그전에 공부할 때 애매했던 부분들을 확실하게 이해하고 정리할 수 있게 되어 많이 도움이 되고, 자바스크립트까지 흥미가 생겨 체계적으로 공부하고 싶어졌습니다.
    기본적인 이해부터 어려운 단계까지 설명이 제대로 된 수업이었습니다.
  • 수강후기 이미지3
  • 수강후기 이미지4
  • 문O은 수강생
    책으로는 이해할 수 없어 뱅뱅 그 주변만 맴돌았었는데, 강의를 듣고 나니..
    선생님들께서 왠지 가려운 부분을 말하지 않아도 긁어주는 느낌이었어요.
    정말 한 시간도 유익하지 않았던 시간이 없었어요.
    과정 하나 하나에 실무에서 어떻게 사용되는지 잘 알려주셔서 많은 도움이 되었습니다.
오 시 는 길

- 아카데미정글3호선 신사역 5번 출구에서 도보 약 3분 거리입니다.
   신사역 5번 출구에서 뒤에 GS주유소를 오른편에 두고 큰 도로를 직진하셔서 JoyMD가 있는 건물(원능프라자) 2층으로 오시면 됩니다.
- 수강생 분들은 주차장 이용이 불가하오니 대중교통을 이용해주시길 바랍니다.

등 록 절 차
01. 후불제 안내
후불제 안내 페이지로 이동 > 후불제 신청 >

after_01
02. 일반 결제 안내
mxdn_15
mxpp  
웹 퍼블리셔 & UI 개발 프로페셔널 : 38기
  • 교육일정 :2020-07-16 ~ 2020-10-13
  • 교육시간 :19:00 - 21:50/ 화·목
  • 수 강 료 :총 1,350,000원 (온라인 카드 결제 시 2~6개월 무이자 할부 가능)
  • 월 450,000원, 3개월 문할납부 가능-계좌이체, 방문(내사카드) 결제
  • 월 337,000원 [후불제] 교육 종료 후 4개월 분할 납부 - 학생독립만세
  • * 수강신청시 선택
  • 교육장소 :아카데미정글(강남 신사)
  • 준 비 물 :개인 노트북(노트북 없어도 참여 가능합니다.)
  • 휴강일자 :2020.09.29(화)
  • ※ 본 강의는 강사, 커리큘럼이 일부 변경되거나 사정으로 인하여 폐강될 수 있습니다.
  • ※ 본 강의내용은 교육기획자 및 강사와의 협의없이 무단으로 사용될 수 없습니다.
  • ※ 무단사용시 저작권 침해로 인해 처벌받을 수 있음을 알려 드립니다.