[중급~활용] 개인 포트폴리오 홈페이지 제작 및 웹사이트 퍼블리싱 결과물 제작 로드맵 (#03)

포함된 강의수: 3개

마지막 업데이트: 2021.11.01

⚡ 퍼블리셔 취업과 이직을 위한 코딩웍스 로드맵(#03)

개인 포트폴리오 홈페이지 제작 및 웹사이트 퍼블리싱 결과물 제작

📖 학습 목표

지금까지 200여명의 오프라인 학원 학생들을 가르치고 신입 퍼블리셔로 취업 시킨 코딩웍스가 풍부한 경험을 통해 퍼블리셔 취업을 위해 반드시 필요한 '개인 포트폴리오 홈페이지' 제작에 관한 모든 내용을 알려 드립니다. 신입 퍼블리셔 지원자가 가장 힘들어 하는 부분이 바로 '개인 포트폴리오 홈페이지' 제작입니다. 정해져 있는 것도 없도 정답이 있는 것도 아니고 경험이 부족한 수강생들에게 개인 포트폴리오 홈페이지를 어떻게 어디서부터 준비하는지 알려드리는 충실한 가이드가 될 것입니다.

퍼블리싱 이론 수업은 아무나 할 수 있지만 퍼블리셔로 취업 개인 포트폴리오 홈페이지 제작 수업은 아무나 할 수 없습니다. 실전에서 학생들을 지도하고 취업시킨 코딩웍스는 자신 있습니다.

'개인 포트폴리오 홈페이지' 제작 가이드 뿐만 아니라 반응형으로 전체 웹사이트를 만드는 2개의 제작 과정을 통해서 진짜 실무에서 필요한 퍼블리싱 경험과 실력 그리고 개인 포트폴리오 홈페이지에 담을 퍼블리싱 결과물을 제작합니다.

[로드맵을 시작하기 전에 꼭! 참고해주세요.]

HTML, CSS에 대한 기본적인 이해도가 충분히 있어야 반응형으로 전체 웹사이트를 만드는 2개의 제작 과정을 수월하게 따라 오실 수 있습니다. 그렇기 때문에 중상급 퍼블리싱 실력 Skill Up을 위한 실전 포트폴리오 퍼블리싱 제작 로드맵(#02) 중에서 최소한 HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)은 완강하시고 현재 로드맵을 시작하시면 좋을 듯 합니다. 만약 HTML, CSS에 대한 기본적인 이해도가 충분히 없으면 영상의 수업내용을 따라 오시기가 어려울 수 있습니다. 반응형 전체 웹사이트 제작 과정이기 때문에 기본적인 CSS에 대한 이론은 자세한 설명이 없습니다.

📖 코딩웍스가 추천하는 학습순서

  • [#01] 면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작
  • [#02] 반응형 웹사이트 포트폴리오(Architecture Agency)
  • [#03] 반응형 웹사이트 포트폴리오(App Official Landing Website)

※ 수강생에 따라 [#02] 또는 [#03] 순서가 달라져도 상관 없습니다. 하지만 개인 포트폴리오 홈페이지를 제작해야 하는 단계의 수강생의 경우 가급적 [#01] 면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작을 먼저 보시고 전체적인 방향성을 잘 잡으시길 추천드립니다.

📖 중상급 퍼블리싱 실력을 위한 강좌별 학습내용

[#01] 면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

신입 퍼블리셔로 이력서를 보내도 연락이 안 온다면, 그 이유가 궁금하다면...

개인 포트폴리오 홈페이지 가이드와 리뷰라는 게 한두 마디 한다고 해결되는 게 아닙니다. 해야 할 말과 보여줄 것이 너무 많습니다. 그래서 이번 강의가 제작되었습니다. 퍼블리셔 포트폴리오 홈페이지 제작이 막막한 신입 퍼블리셔 지원자에게 무엇을 어디서 어떻게 해야 하는지 아주 상세하고 구체적으로 보여드립니다.

개인 포트폴리오 홈페이지 제작 전 퍼블리싱 관련 필수사항, 취업과 실무에서 최고로 중요한 퍼블리싱 기본기, 취업을 위한 제이쿼리와 자바스크립트 & 코딩 미션, 개인 포트폴리오 홈페이지에 넣을 포트폴리오 결과물 제작 방법, 개인 포트폴리오 홈페이지 섹션 별 콘텐츠 레이아웃 및 상세내용, 지원할 기업 구분하기 & 퍼블리셔 실전 면접 요령 등 신입 퍼블리셔로서 알아야 할 모든 내용을 담고 있습니다.

※ 강의에서 진행된 수업 내용을 담은 PDF 파일과 코딩미션 완성본은 파일로 제공됩니다.

  • 퍼블리셔 포트폴리오 홈페이지 제작 방법
  • HTML+CSS+JQUERY+JAVASCRIPT 기본기
  • 최근 취업한 퍼블리셔 실전 면접 질문들과 답변 요령
  • 제이쿼리와 자바스크립트 & 코딩 미션
  • 퍼블리싱 실력을 증명하는 퍼블리싱 결과물 준비하기
  • 개인 포트폴리오 홈페이지 섹션 별 콘텐츠 레이아웃 및 상세내용
  • 개인 포트폴리오 홈페이지 웹 호스팅 하기
  • 신입 퍼블리셔 지원자로서 꼭! 알고 시작해야 할 필독사항

[#02] 반응형 웹사이트 포트폴리오(Architecture Agency)

클론사이트, 카피사이트가 아닌 코딩웍스가 직접 제작한 3D 섹션 전환 애니메이션 웹사이트 제작 과정

HTML+CSS+JQUERY 퍼블리싱으로 반응형 웹사이트 전체 제작과정을 통해 퍼블리싱 중급 실력으로 가는 기본기를 단단히 하고 실전 퍼블리싱의 노하우를 갖게 됩니다. 특히, 웹사이트 전체 제작과정을 충분한 설명과 실전 작업으로 경험하고 개인 포트폴리오 웹사이트 제작에 자신감을 갖게 됩니다.

※ 강의에서 진행된 전체 웹사이트 UI 디자인 PSD 파일과 퍼블리싱 완성본은 파일로 제공됩니다.

  • HTML+CSS+JQUERY 핵심이론을 통한 퍼블리싱 실전 능력 향상
  • 전체 웹사이트 퍼블리싱 실력과 노하우 향상
  • position 속성에 대한 정확한 개념과 활용
  • hover before after checked active 가상클래스에 대한 이해와 활용
  • CSS 탭 메뉴 콘텐츠, JQUERY 탭 메뉴 콘텐츠 제작 능력
  • 모바일 대응 반응형웹 퍼블리싱 제작 능력(미디어쿼리)
  • PC 버전과 모바일 버전에서 최적화된 반응형 웹 전체 제작 능력
  • 3D 화면전환 기능으로 Creative Responsive Website 제작

[#03] 반응형 웹사이트 포트폴리오(App Official Landing Website)

현직 퍼블리셔 겸 퍼블리싱 전문 강사의 꼼꼼하고 체계적인 반응형 포트폴리오 홈페이지 제작 강의

HTML+CSS+JQUERY 퍼블리싱으로 반응형 웹사이트 전체 제작과정을 통해 퍼블리싱 중급 실력으로 가는 기본기를 단단히 하고 실전 퍼블리싱의 노하우를 갖게 됩니다. 특히, 웹사이트 전체 제작과정을 충분한 설명과 실전 작업으로 경험하고 개인 포트폴리오 웹사이트 제작에 자신감을 갖게 됩니다. 필수로 사용해야 하는 제이쿼리 플러그인으로 Scroll Reveal Animation과 Slick 슬라이더 사용법을 학습합니다. 

※ 강의에서 진행된 전체 웹사이트 UI 디자인 PSD 파일과 퍼블리싱 완성본은 파일로 제공됩니다.

  • 전체 웹사이트 퍼블리싱 실력과 노하우 향상
  • 기존 방식인 float와 position을 이용해서 99% 배치한 반응형 레이아웃
  • position 속성에 대한 정확한 개념과 활용
  • hover before after checked active 가상클래스에 대한 이해와 활용
  • 제이쿼리(JQUERY) 핵심이론 학습 및 응용
  • CSS 탭 메뉴 콘텐츠, JQUERY 어코디언 메뉴 콘텐츠 제작 능력
  • CSS3 filter 속성, object-fit 속성 활용
  • 모바일 대응 반응형웹 퍼블리싱 제작 능력(미디어쿼리)
  • PC 버전과 모바일 버전에서 최적화된 반응형 웹 전체 제작 능력
  • Scroll Reveal Animation 플러그인
  • Text Typing 애니메이션 플러그인
  • Slick 슬라이더 사용법 및 커스텀 CSS 수정방법
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스