메인 이미지

Web Publisher & Front-End Professional Academy 웹퍼블리셔 & 프론트엔드
프로페셔널 : 37기



- 흰색 이미지
  • 교육일정2020.05.06 ~ 2020.07.27
  • 교육시간월/수 19:00~21:50
  • 월~일 24시간 개방
  • 교육장소아카데미정글(강남 신사)
  • 강      사강석희
  • 모집인원20명
  • 수 강 료총 1,350,000원 (온라인 카드 결제 시 2~6개월 무이자 할부 가능)
  • 월 450,000원 (3개월 분할납부 가능 - 계좌이체, 방문(내사카드) 결제)
  • 월 337,500원 (후불제 : 교육종료 후 4개월 분할납부 - 학생독립만세)
  • * 수강신청시 선택
  • 준 비 물개인 노트북(노트북 없어도 참여 가능합니다.)

강의 개요

line 이미지
  • 웹의 동적구현을 위한 트렌드와 시장의 요구에 맞는 프론트엔드 개발자로 첫 발을 내딛을 수 있는 포트폴리오 실무 교육

    퍼블리셔 & 프론트엔드 개발자로 성장하기 위해선 html과 css 기초를 탄탄히 쌓는 것이 매우 중요합니다.
    하지만 기초 지식을 실전에 어떻게 사용하는지는 경험하지 않는 이상 배울 수 없는 부분들이 많이 있습니다.

    본 과정에서는 html, css의 기본 개념을 탄탄히 쌓아 실무 프로젝트를 진행할 수 있는 지식을 기르고,
    포트폴리오 사이트 제작을 위해 구체적인 방향을 제시합니다.

    html, css를 시작으로 자바스크립트 및 제이쿼리 기초 및 활용, 반응형 웹, 동적 UI 구현 그리고
    최종 포트폴리오 사이트 구성까지 진행하며,
    체계적인 훈련으로 프론트엔드 개발자로의 첫 발을 내딛게 될 것입니다.

  • 포트폴리오2

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

  • html & css

  • X

  • 실무 프론트
    UI

  • =

  • 포트폴리오
    실무 프로젝트

Q. 개념이 탄탄하고 실무에 적합한 웹 퍼블리셔가 되고 싶어요.

A. 기초부터 시작하는 스타트업 과정으로, HTML과 CSS에 대한 기본적인 이해와 실무에서 활용도가 높은 다양한 예제를 통해서 개념을 확실하게 만드는 능력을 키웁니다.

Q. 코딩에 대한 기초는 있지만, 고급 효과를 이용해 사이트를 만들고 싶어요.

A. jQuery/javascript의 기본 원리부터 학습하여 json & xml, ajax를 활용한 실무 프론트 UI를 학습하여 포트폴리오 구축을 위한 스킬을 향상시킵니다.

Q. 실무 프로젝트에 도움이 되는 강의인가요?

A. HTML, CSS, Javascript까지 학습하며 UI를 제어하게 되며, 실무 프로젝트 방식 으로 진행하는 포트폴리오를 만들면서 개인 포트폴리오 구성 및 피드백을 진행합니다.

수강 대상

이런 분들께 해당 과정을 추천드립니다.

  • HTML5, 웹 접근성을 포함한
    기술을 습득하고 싶은 분
    HTML, CSS 고유 특성과
    작동 원리 이해 및 스킬 습득

  • 디자인에서 퍼블리싱까지
    영역을 확장하고 싶은 분
    디자인된 작업물을 어떻게
    코드로 설계할지 생각하는 훈련

  • 웹 UI 개발을
    배우고자 하는 디자이너
    웹 클라이언트(서버)에 대한
    이해를 통한 스킬 향상

  • 프론트엔드 개발자로
    취업을 하고 싶은 분
    1:1 크리틱을 통한
    프론트엔드 개발 포트폴리오

수강 후기

과정을 수강한 수강생들의 수강후기를 확인해보세요.

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

커리큘럼

HTML/CSS

Part01. HTML/CSS 파운데이션

  • 01강 오리엔테이션
    • - 강의목표
    • - 퍼블리셔란?
    • - 다른파트와의 협업
    • - 프로젝트동향 및 용어
    • - 실무문서(스토리보드, 가이드, 퍼블리싱 목록 등)
    • - 실습환경 및 에디터 소개(브라켓, git, github)
  • 02강 HTML 기초
    • - Html 기본 구조
    • - Html 주요 태그
    • - 메타 태그
    • - 시멘틱 태그
    • - block, inline, inline-block
  • 03강 CSS 기초
    • - 스타일적용방법
    • - 선택자
    • - 웹폰트
    • - 폼태그 디자인(input, radio, check, select, button, switch)
    • - reset과 크로스브라우징
  • 04강 CSS layout
    • - 박스모델의 이해
    • - position, float, overflow
    • - Flexbox
    • - Multi-column Layout
  • 05강 CSS3 활용
    • - Animation, transform, transition
    • - Sprites Sheet Animation
    • - loading 애니메이션 만들기
  • 06강 반응형(미디어쿼리)
    • - 반응형 기본 개념
    • - 반응형 적용
    • - 반응형 구조
    • - 뷰포트, 플렉서블 박스
  • 07강 Jquery
    • - 데이터타입
    • - 기본문법
    • - CSS를 이용한 효율적인 스크립트 짜기
    • - jQuery 주요 플러그인 적용법

Part02. 실전

  • 08강 탬플릿으로 구조설계
    • - 레이아웃 구조잡기
    • - css재사용을 위한 효율적 구조잡기(네이밍, 멀티클래스, 선택자 등)
  • 09강 컨텐츠 페이지 실습
    • - 게시판 만들기
    • - 쇼핑몰 목록 만들기
    • - 레이어팝업 만들기
  • 10강 jquery 실습
    • - 자리 예약 시스템 만들기
  • 11강 반응형 레이아웃 잡기1
    • - 상용사이트 벤치마킹 마크업&CSS
  • 12강 반응형 레이아웃 잡기2
    • - jQuery&CSS3 인터렉션 디테일 적용하기

jQuery & Javascript

Part03. jQuery & JavaScript 기초

  • 13강 오리엔테이션 및 html 정리
    • - 강의목표
    • - html 기초정리
    • - 실습환경 및 에디터 소개(브라켓, git, github)
  • 14강 css & 미디어쿼리 정리
    • - CSS 기초 복습 (Box 모델, Position)
    • - 미디어 쿼리
    • - 반응형웹 구현
  • 15강 javascript & jquery정리1
    • - 프로그래밍 기초
    • - UI구현에 필요한 자바스크립트 기본 문법
    • - jquery 기본
  • 16강 javascript & jquery정리2
    • - jquery 활용
    • - jquery 플러그인
    • - json & xml 활용

Part04. 실무 프론트 UI

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

Part05. 포트폴리오 구축

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

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

  • wppa_atype

    A타입

  • wppa_atype

    B타입

강사소개

강석희 강사

강사강석희

  • (현) **은행 인터넷 뱅킹, 모바일 뱅킹 운영 퍼블리싱 PL
  • (전) (주)타란유엑스디
  • (전) (주)위더스교육(해커스어학원)
  • (전) (주)기분좋은 커뮤니케이션
  • (전) 라이트브레인
  • 주요 프로젝트
  • KB 국민은행 부동산PF 업무 시스템 구축
  • 금호건설 전사ERP 재구축
  • 한국예탁결제원 전자증권 구축
  • 국방부 군수시스템 통합 구축
  • 신한은행 모바일 브랜치 사이트 구축
  • KB 손해보험 카다이렉트 메뉴얼
  • **전자 타이젠 TV 내부보고용 프로토타입

등록 절차

01. 후불제 안내

후불제 안내 페이지로 이동 > 후불제 신청 >

after_01

02. 일반 결제 안내

mxdn_15

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