Thumbnail
얼리버드 할인 중(D-10)
NEW 개발 · 프로그래밍 웹 개발
면접과 취업을 부르는 퍼블리셔 '개인 포트폴리오 홈페이지' 제작
9명이 수강하고 있어요.

20%

61,600원

77,000원
지식공유자 : 코딩웍스(Coding Works)
총 90개 수업˙총 19시간 6분
평생 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
내 목록 추가 27 공유
초급자를 위해 준비한
[웹 개발, 취업 · 이직] 강의입니다.

지금까지 200여명의 오프라인 학원 학생들 신입 퍼블리셔 취업 포트폴리오 지도한 경험을 통해 코딩웍스가 심혈을 기울여 만들었습니다. 면접과 취업을 부르는 퍼블리셔 '개인 포트폴리오 홈페이지' 제작 강의는 퍼블리셔 취업을 위해 필수로 준비해야 하는 개인 포트폴리오 홈페이지를 어떻게 어디서부터 준비하는지 알려드리는 충실한 가이드입니다. 강의는 총 19시간 이상의 강의 내용이 담겨 있습니다. 개인 포트폴리오 홈페이지 제작 전 퍼블리싱 관련 필수사항, 취업과 실무에서 최고로 중요한 퍼블리싱 기본기, 취업을 위한 제이쿼리와 자바스크립트 & 코딩 미션, 개인 포트폴리오 홈페이지에 넣을 포트폴리오 결과물 제작 방법, 개인 포트폴리오 홈페이지 섹션 별 콘텐츠 레이아웃 및 상세내용, 지원할 기업 구분하기 & 퍼블리셔 실전 면접 요령 등 신입 퍼블리셔로서 알아야 할 모든 내용을 담고 있습니다.

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

퍼블리셔 면접+취업 포트폴리오 제작, 
강의 하나에 모든 노하우를 담았습니다.

🔍 개인 포트폴리오 제작 강의, 어떤 강의인가요?

신입 퍼블리셔로 이력서를 보내도 연락이 안 온다면,
그 이유가 궁금하다면,
그건 개인 포트폴리오 홈페이지가 별로여서 그렇습니다.
또 하드코딩한 퍼블리싱 결과물이 너무 없어서 그렇습니다.

국비 퍼블리싱 과정을 수료하고 신입 퍼블리셔로 아무리 이력서를 보내도 면접 연락이 안 옵니다. 개인 포트폴리오 홈페이지를 어떻게 만들어야 하는지, 무엇을 어떻게 해야 하는지 막막하다는 하소연어린 질문을 자주 받습니다. 개인 포트폴리오 홈페이지가 문제인지 리뷰를 해주었으면 하는 부탁도 자주 받습니다.

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

특히 하드코딩한 퍼블리싱 결과물을 개인 포트폴리오 홈페이지에 다양하게 많이 있어야 면접 연락을 자주 받습니다. 면접 연락을 자주 받으면 당연히 취업도 빠르게 됩니다. 하드코딩한 퍼블리싱 결과물을 다양하게 만드는게 정말 중요하고, 퍼블리싱 결과물을 만드는 방법을 제대로 알아야 합니다.


신입 퍼블리셔로 면접 연락을 자주 받고 빠르게 취업할 수 있는 
개인 포트폴리오 홈페이지 제작 과정을,
현장 경험과 노하우를 총동원해 상세하고 체계적으로 알려드립니다.

취업 포트폴리오 준비를 위한 다양한 콘텐츠

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

퍼블리셔 취업을 위한 개인 포트폴리오 제작, 
어디서 어떻게 시작해야 할지 막막하셨죠?
구체적이고 정보와 가이드를 인터넷에서 찾기 어려우셨죠?

개인 지도를 받듯 상세하고 꼼꼼하게

저 역시 강의를 준비하면서 어려웠습니다. 오프라인 학원에서 학생들과 직접 대면하면서 지도하는 것도 정말 힘든 일입니다. 가르치는 사람이 같은 방식으로 가르쳐도 개인 홈페이지를 만드는 사람의 성향, 능력 등 모든 것이 다르기 때문에 옆에서 붙어서 일일이 지도하지 않으면 힘들어서 그렇습니다. 그래서 이번 강의는 오프라인 학원에서 개인 지도를 받는 느낌을 받으실 수 있도록 최대한 상세하고 꼼꼼하게 제작되었습니다.

지금까지 200여명의 오프라인 학원 학생들,
신입 퍼블리셔 취업 포트폴리오 지도한 경험을 통해,
코딩웍스가 만들었습니다.

코딩웍스의 노하우를 모두 담았습니다

코딩웍스가 최근 3년간 국비 웹 퍼블리싱 과정 강사를 하면서 200여명의 학생들에게 퍼블리싱 교육을 하고 수료 전 취업을 위한 개인 포트폴리오 홈페이지 제작 지도를 했습니다. 그 노하우가 이번 강의에 모두 담겨 있습니다. 19시간이 넘는 강의 분량뿐만 아니라 실무에서 퍼블리셔로 인정받는 방법은 물론, 개인 포트폴리오 홈페이지 제작을 하는 방향성과 자신감을 심어드리는 컨텐츠가 담긴 강의입니다.

코딩웍스가 심혈을 기울여 만든
면접과 취업을 부르는 퍼블리셔 개인 포트폴리오 홈페이지 강의를 통해,
퍼블리셔 취업 목표를 곧 이루실 수 있다고 확신합니다!


⚡️ 개인 포트폴리오 제작 강의, 섹션별 강의내용

섹션 1. 신입 퍼블리셔 지원자로서 꼭! 알고 시작해야 할 필독사항

01. 일단! 웹 디자이너 웹 퍼블리셔 전망과 연봉 그리고 명심할 것들
02.개인 포트폴리오 홈페이지, 포트폴리오 개념을 구분하는 것이 먼저!
03. 면접 연락이 오는 홈페이지, 안 오는 홈페이지, 그 이유(feat. 하면 안 되는 것들)
04. 신입 퍼블리셔의 일반적인 취업 진행 절차
05. 하드 코딩한 퍼블리싱 결과물이 없는 사람들의 개인 홈페이지 특징
06. 기획과 와이어프레임을 포함한 UI/UX 디자인 선행되어야 합니다.
07. 개인 포트폴리오 홈페이지에 스킬(Skill) 섹션에 대해서
08. 요즘 퍼블리셔 면접 트랜드, 퍼블리셔 뽑는 면접관들 안목
09. 취업을 부르는 개인 포트폴리오 홈페이지(feat. 최근에 취업한 학생 홈페이지 리뷰) 01
10. 취업을 부르는 개인 포트폴리오 홈페이지(feat. 최근에 취업한 학생 홈페이지 리뷰) 02
11. 취업을 부르는 개인 포트폴리오 홈페이지(feat. 최근에 취업한 학생 홈페이지 리뷰) 03

섹션 2. 잘 만든 UI 디자인 참고해서 내 것으로 만드는 방법

01. UI 디자인을 백지에서 창의적으로 시작하면 대부분 망하는 이유
02. 참고 UI 디자인을 활용해 개인 홈페이지 제작하기 프로세스
03. 최소한의 기획작업과 UI 디자인 없이 바로 퍼블리싱하면 99.8474% 망합니다.
04. 퍼블리셔로서 포토샵 UI 디자인 실력 키우기
05. UI 디자인 참고하는 가장 좋은 방법, 테마포레스트(Theme Forest)

섹션 3. 개인 포트폴리오 홈페이지 제작 전 퍼블리싱 관련 필수사항

01. 폴더구조, 파일명, 소스코드 등 이런 구체적인 것을 면접관이 어떻게 알지?
02. 개인 포트폴리오 홈페이지 폴더구조와 파일명 제대로 구성하기
03. 상대주소 vs 절대주소 개념 이해하기
04. 소스 코드(Source Code)에서 잘못된 부분 찾기 – HTML 코드
05. 소스 코드(Source Code)에서 잘못된 부분 찾기 – CSS 코드
06. UI 및 상호작용에 필요한 제이쿼리 플러그인 사용 범위
07. 퍼블리셔 취업을 위한 포트폴리오 결과물 종류와 개수
08. 퍼블리싱을 위한 텍스트 에디터(Text Editor)를 무엇을 선택할까?
09. 수정보완으로 극복이 안될 경우 개인 포트폴리오 홈페이지 재작업을 위한 기획

섹션 4. 취업과 실무에서 최고로 중요한 퍼블리싱 기본기

01. 퍼블리싱 기본기 섹션 내용 소개(신입 퍼블리셔가 채용되는 상세한 절차)
02. 실무에서 칭찬받는 퍼블리싱 기본기와 바람직한 코딩 습관들(HTML Coding)
03. 실무에서 칭찬받는 퍼블리싱 기본기와 바람직한 코딩 습관들(CSS Coding)
04. 웹 표준, 웹 접근성, 크로스브라우징(Cross Browsing)을 준수하는 코딩
05. Flex와 Grid와 같은 최신 트렌드 경험과 포트폴리오 보유하기
06. 퍼블리셔 취업보다 실무에서 살아남는 것이 더 중요
07. 부트스트랩으로 대표되는 CSS Frameworks에 대해서

섹션 5. 개인 홈페이지와 취업을 위한 제이쿼리, 자바스크립트 & 코딩 미션

01. 제이쿼리 vs 자바스크립트의 차이, 바닐라 자바스크립트란?
02. 신입 퍼블리셔 취업을 위한 제이쿼리 학습은 어디까지 해야 할까?
03. 개인 포트폴리오 홈페이지 제작을 위해 꼭 필요한 제이쿼리 & CSS
04. [필수 제이쿼리 플러그인] 결과물 목록을 보여주기 위한 콘텐츠 슬라이더
05. [필수 제이쿼리 플러그인] 결과물 목록에서 상세 결과물을 보여주기 위한 풀스크린 모달
06. [필수 제이쿼리 플러그인] 적절한 CSS 애니메이션을 넣는 Scroll Reveal
07. [프론트엔드 프레임웍] Front-end Framework 소개 및 적용예시
08. [프론트엔드 프레임웍] Front-end Framework 사용법 및 주요 컴포넌트(UIKit)
09. [Coding Mission] 코딩미션 내용 소개 및 수행 절차
10. [Coding Mission 01] 인접선택자와 속성선택자를 활용한 순수 CSS 탭 콘텐츠
11. [Coding Mission 02] 실무에서 반드시 사용되는 제이쿼리 하드코딩 탭 콘텐츠
12. [Coding Mission 03] 실무에서 반드시 사용되는 제이쿼리 어코디언 콘텐츠
13. [Coding Mission 04] 제이쿼리 & 자바스크립트로 스크롤 후 헤더 디자인 변경
14. [Coding Mission 05] Header와 footer를 include하는 제이쿼리 load 메서드
15. [Coding Mission 06] 제이쿼리 Front & Back 화면전환 트랜지션
16. [Coding Mission 07] CSS 키프레임 애니메이션(3가지 애니메이션)
17. [Coding Mission 08] 반응형 레이아웃 & 반응형 네비게이션 제작하기 

섹션 6. 개인 포트폴리오 홈페이지에 넣을 포트폴리오 결과물 제작 방법

01. 면접과 취업에 결정하는 포트폴리오 퍼블리싱 결과물
02. 웹사이트 퍼블리싱 포트폴리오 결과물 준비하기
03. 모바일 웹 앱 퍼블리싱 포트폴리오 결과물 준비하기
04. 실전 퍼블리싱 포트폴리오 결과물 준비를 위한 레퍼런스 준비하기
05. 실전 퍼블리싱 포트폴리오 결과물로 레퍼런스 학습하고 변환하기
06. 실전 퍼블리싱 포트폴리오 결과물로 레퍼런스를 변환한 예시
07. 퍼블리싱 실력을 늘리고 개인 포트폴리오 결과물을 얻는 또 다른 방법
08. 생산성을 200% 향상시키는 듀얼모니터(Dual Monitor) 작업 환경

섹션 7. 개인 포트폴리오 홈페이지 섹션 별 콘텐츠 레이아웃 및 상세내용

01. 퍼블리싱을 위한 UI UX 기능정의서 준비되었다면 퍼블리싱 시작하세요.
02. 개인 포트폴리오 홈페이지 폴더 구조 만들기
03. 전체적인 섹션 별 콘텐츠 내용 미리보기 및 중요 포인트
04. 개인 포트폴리오 홈페이지 전체 레이아웃 추천
05. 섹션 별 콘텐츠 레이아웃 및 중요 포인트 - Header
07. 섹션 별 콘텐츠 레이아웃 및 중요 포인트 - About Section
08. 섹션 별 콘텐츠 레이아웃 및 중요 포인트 - Skill Section
09. 섹션 별 콘텐츠 레이아웃 및 중요 포인트 - Portfolio Section
10. 섹션 별 콘텐츠 레이아웃 및 중요 포인트 - Website Publishing
11. 섹션 별 콘텐츠 레이아웃 및 중요 포인트 - Practical Publishing
12. 섹션 별 콘텐츠 레이아웃 및 중요 포인트 - Mobile Publishing
13. 섹션 별 콘텐츠 레이아웃 및 중요 포인트 - Epilogue Section

섹션 8. 개인 포트폴리오 홈페이지 웹 호스팅 하기

01. 카페 24 웹 호스팅 신청하고 개인 홈페이지 도메인 얻기
02. FTP 프로그램 파일질라 다운로드 및 설치
03. FTP 프로그램 파일질라 사용법(사이트 관리자, 업로드, 설정 내보내기)
04. 카페 24 관리자 페이지 사용법(계정 초기화, FTP 비밀번호 변경)

섹션 9. 지원할 기업 구분하기 & 퍼블리셔 실전 면접 요령

01. 채용공고 보고 또는 면접 보고 갈 회사 안 갈 회사 구분하기
02. 잡포지션을 명확히 하고 입사 지원하기(웹디자이너, 퍼블리셔, 디블리셔, 퍼자이너)
03. 최근 신입 퍼블리셔 면접에서 학생들이 받은 실전 면접 질문들
04. 신입 웹 퍼블리셔 취업을 위한 이력서 준비방법과 면접요령

섹션 10. 수업 자료 다운로드


⚠️ 수강 전 필독사항

클론 코딩을 진행하지 않습니다.

'개인 포트폴리오 홈페이지' 제작 강의는 실습으로 클론 코딩을 진행하면서 개인 포트폴리오 홈페이지를 만들어 가는 실습 과정이 아닙니다. 개인 포트폴리오 홈페이지를 제작하는 절차와 요령 그리고 신입 퍼블리셔로서 반드시 알아야 하는 퍼블리싱 기본기에 대해 가이드하는 영상입니다. 클론 코딩하면서 같은 작업물을 만드는 강의가 아닙니다. 여러분이 개인 포트폴리오 홈페이지를 잘 만들 수 있도록 절차와 방향성을 알려드리는 강의입니다.

텍스트 에디터를 준비하세요.

대부분의 강의는 실습을 하지 않는 가이드 영상 컨텐츠입니다. 하지만 강의 제목에 (실습)이라고 표시된 내용은 텍스트에디터로 코딩을 하는 강의 컨텐츠입니다. (실습)이라는 표시가 있는 강의 시작 전에 텍스트에디터를 준비하세요.

수업 자료를 제공합니다.

수업에 필요한 파일 다운로드는 [섹션 10. 수업자료 다운로드]에 모두 있습니다. 수업 영상에서 다운로드가 필요한 내용이 있으면 섹션 10에 가시면 모두 있습니다. 단, 섹션 5의 [Coding Mission] 파일 완성본은 단계별 학습을 위해 각 영상의 우측 상단의 수업자료에 있습니다.

질문은 구체적으로 남겨주세요.

질문&답변에서 질문하실 때 질문 내용이 명확하게 전달될 수 있도록 구체적으로 질문해주시고, 어떤 섹션 어떤 토픽에서 내용에 대한 질문이라고 표시해주세요. 토픽이 많아서 정확히 어떤 섹션의 어떤 토픽인지 지정하지 않으시면 정확한 답변이 어려울 수 있습니다.


🙋🏻‍♂️ 강사소개

  • (현재) 프리랜서 프론트엔드 퍼블리셔
  • 더조은 컴퓨터아카데미 웹 퍼블리싱 강사
  • 이젠 컴퓨터아카데미 웹 퍼블리싱 강사
  • 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
  • 이젠 컴퓨터아카데미 웹디자인 기능사 실기 자격증반
  • 라크피아 ICT 트레이닝 센터프론트엔드 퍼블리싱 마스터 코스 강사
  • 이지앤에듀프론트엔드 퍼블리싱, UI/UX 디자인
  • HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영

🌏코딩웍스 퍼블리싱 유튜브 채널 - https://www.youtube.com/codingworks

면접과 취업을 부르는 퍼블리셔 개인 포트폴리오 홈페이지 제작, 웹디자인 연봉, 웹퍼블리셔 연봉, 플렉스, 프론트엔드 개발, 제이쿼리, 자바스크립트, jquery, javascript, CSS 프레임워크, CSS Framework, flex, flexbox, html, css, html/css,  website, 웹디자인, 웹 퍼블리셔, 웹사이트, 코딩, coding, 레이아웃, 인터렉티브웹, interactive web, web design, 웹디자인, 포트폴리오, 퍼블리싱, 반응형웹, 웹디자인기능사 실기시험

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
면접 연락이 안오는 개인 포폴 홈페이지를 리뉴얼 하고 싶은 분들
퍼블리셔 취업을 위해 개인 포트폴리오 홈페이지 제작해야 하는 분들
📚
선수 지식,
필요한가요?
HTML+CSS 기본기

안녕하세요
코딩웍스(Coding Works) 입니다.
코딩웍스(Coding Works)의 썸네일

■ [현재] 프리랜서 프론트엔드 퍼블리셔
■ [현재] HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영
■ 더조은 컴퓨터아카데미 웹 퍼블리싱 강사
■ 이젠 컴퓨터아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의
■ 웹디자인 기능사 실기 자격증반 강의
■ 이지앤에듀프론트엔드 UI/UX 디자인 및 퍼블리싱

🌏코딩웍스 퍼블리싱 유튜브 채널 - https://www.youtube.com/codingworks

커리큘럼 총 90개 ˙ 19시간 6분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. 신입 퍼블리셔 지원자로서 꼭! 알고 시작해야 할 필독사항
일단! 웹 디자이너 웹 퍼블리셔 전망과 연봉 그리고 명심할 것들 미리보기 20:40
개인 포트폴리오 홈페이지, 포트폴리오 개념을 구분하는 것이 먼저! 06:19
면접 연락이 오는 홈페이지, 안 오는 홈페이지, 그 이유(feat. 하면 안 되는 것들) 10:34
신입 퍼블리셔의 일반적인 취업 진행 절차 10:34
하드 코딩한 퍼블리싱 결과물이 없는 사람들의 개인 홈페이지 특징 09:00
기획과 와이어프레임을 포함한 UI/UX 디자인 선행되어야 합니다. 07:04
개인 포트폴리오 홈페이지에 스킬(Skill) 섹션에 대해서 08:05
요즘 퍼블리셔 면접 트랜드, 퍼블리셔 뽑는 면접관들 안목 04:32
취업을 부르는 개인 포트폴리오 홈페이지(feat. 최근에 취업한 학생 홈페이지 리뷰) 01 19:59
취업을 부르는 개인 포트폴리오 홈페이지(feat. 최근에 취업한 학생 홈페이지 리뷰) 02 15:32
취업을 부르는 개인 포트폴리오 홈페이지(feat. 최근에 취업한 학생 홈페이지 리뷰) 03 18:09
섹션 2. 잘 만든 UI 디자인 참고해서 내 것으로 만드는 방법
UI 디자인을 백지에서 창의적으로 시작하면 대부분 망하는 이유 11:41
참고 UI 디자인을 활용해 개인 홈페이지 제작하기 프로세스 11:27
최소한의 기획작업과 UI 디자인 없이 바로 퍼블리싱하면 99.8474% 망합니다. 07:51
퍼블리셔로서 포토샵 UI 디자인 실력 키우기 07:20
UI 디자인 참고하는 가장 좋은 방법, 테마포레스트(Theme Forest) 미리보기 08:41
섹션 3. 개인 포트폴리오 홈페이지 제작 전 퍼블리싱 관련 필수사항
폴더구조, 파일명, 소스코드 등 이런 구체적인 것을 면접관이 어떻게 알지? 13:44
개인 포트폴리오 홈페이지 폴더구조와 파일명 제대로 구성하기 17:17
상대주소 vs 절대주소 개념 이해하기(실습) 21:10
소스 코드(Source Code)에서 잘못된 부분 찾기 – HTML 코드 08:58
소스 코드(Source Code)에서 잘못된 부분 찾기 – CSS 코드 08:16
UI 및 상호작용에 필요한 제이쿼리 플러그인 사용 범위 05:45
퍼블리셔 취업을 위한 포트폴리오 결과물 종류와 개수 09:52
퍼블리싱을 위한 텍스트 에디터(Text Editor)를 무엇을 선택할까? 03:29
수정보완으로 극복이 안될 경우 개인 포트폴리오 홈페이지 재작업을 위한 기획 05:25
섹션 4. 취업과 실무에서 최고로 중요한 퍼블리싱 기본기
퍼블리싱 기본기 섹션 내용 소개(신입 퍼블리셔가 채용되는 상세한 절차) 08:37
실무에서 칭찬받는 퍼블리싱 기본기와 바람직한 코딩 습관들(HTML Coding) 30:41
실무에서 칭찬받는 퍼블리싱 기본기와 바람직한 코딩 습관들(CSS Coding) 30:44
웹 표준, 웹 접근성, 크로스브라우징(Cross Browsing)을 준수하는 코딩 21:58
Flex와 Grid와 같은 최신 트랜드 경험과 포트폴리오 보유하기 04:22
퍼블리셔 취업보다 실무에서 살아남는 것이 더 중요 09:14
부트스트랩으로 대표되는 CSS Frameworks에 대해서 05:38
섹션 5. 신입 퍼블리셔를 위한 제이쿼리와 자바스크립트 & 코딩 미션
제이쿼리 vs 자바스크립트의 차이, 바닐라 자바스크립트란? (실습) 미리보기 30:26
신입 퍼블리셔 취업을 위한 제이쿼리 학습은 어디까지 해야 할까? 08:17
개인 포트폴리오 홈페이지 제작을 위해 꼭 필요한 제이쿼리 & CSS 06:09
[필수 제이쿼리 플러그인] 결과물 목록을 보여주기 위한 콘텐츠 슬라이더 13:33
[플러그인 사용방법] 콘텐츠 슬라이더 Slick Slider 사용법 및 CSS 변경(1) (실습) 25:28
[플러그인 사용방법] 콘텐츠 슬라이더 Slick Slider 사용법 및 CSS 변경(2) (실습) 22:22
[필수 제이쿼리 플러그인] 결과물 목록에서 상세 결과물을 보여주기 위한 풀스크린 모달 11:18
[필수 제이쿼리 플러그인] 적절한 CSS 애니메이션을 넣는 Scroll Reveal Animation 09:08
[플러그인 사용방법] 스크롤하면 시작되는 애니메이션 - Wow.js & AOS.js (실습) 30:30
[프론트엔드 프레임웍] Front-end Framework 소개 및 적용예시 07:43
[프론트엔드 프레임웍] Front-end Framework UIKit 사용법/컴포넌트(실습) 미리보기 35:26 [Coding Mission] 코딩미션 내용 소개 및 수행 절차 미리보기 14:03
[Coding Mission 01] 인접선택자와 속성선택자를 활용한 순수 CSS 탭 콘텐츠 08:02
[Coding Mission 02] 실무에서 반드시 사용되는 제이쿼리 하드코딩 탭 콘텐츠 06:41
[Coding Mission 03] 실무에서 반드시 사용되는 제이쿼리 어코디언 콘텐츠 07:10
[Coding Mission 04] 네비게이션을 위한 제이쿼리 & 자바스크립트 헤더 디자인 변경 07:39
[Coding Mission 05] Header와 footer를 include하는 제이쿼리 load 메서드(실습) 27:25
[Coding Mission 06] 제이쿼리 Front Back 화면전환 트랜지션 09:58
[Coding Mission 07] CSS 키프레임 애니메이션 07:34
[Coding Mission 08] 반응형 레이아웃 & 반응형 네비게이션 제작하기 17:47
섹션 6. 개인 포트폴리오 홈페이지에 넣을 포트폴리오 결과물 제작 방법
면접과 취업에 결정하는 포트폴리오 퍼블리싱 결과물 18:24
웹사이트 퍼블리싱 포트폴리오 결과물 준비하기 35:58
모바일 웹 앱 퍼블리싱 포트폴리오 결과물 준비하기 29:20
실전 퍼블리싱 포트폴리오 결과물 준비를 위한 레퍼런스 준비하기 19:10
실전 퍼블리싱 포트폴리오 결과물로 레퍼런스 학습하고 변환하기 07:08
실전 퍼블리싱 포트폴리오 결과물로 변환한 취업한 학생들 예시 18:15
퍼블리싱 실력을 늘리고 개인 포트폴리오 결과물을 얻는 또 다른 방법 08:59
생산성을 200% 향상시키는 듀얼모니터(Dual Monitor) 작업 환경 08:59
섹션 7. 개인 포트폴리오 홈페이지 섹션 별 콘텐츠 레이아웃 및 상세내용
퍼블리싱을 위한 UI UX 기능정의서 준비되었다면 퍼블리싱 시작하세요 미리보기 24:03 개인 포트폴리오 홈페이지 폴더 구조 제대로 만들기 (실습) 미리보기 20:29
전체적인 섹션 별 콘텐츠 내용 미리보기 및 중요 포인트 05:52
개인 포트폴리오 홈페이지 전체 레이아웃 추천 18:14
섹션 별 콘텐츠 레이아웃 및 중요 포인트 – Header 06:44
섹션 별 콘텐츠 레이아웃 및 중요 포인트 - Intro Section 13:15
섹션 별 콘텐츠 레이아웃 및 중요 포인트 - About Section 13:08
섹션 별 콘텐츠 레이아웃 및 중요 포인트 - Skill Section 09:02
섹션 별 콘텐츠 레이아웃 및 중요 포인트 - Portfolio Section 07:48
섹션 별 콘텐츠 레이아웃 및 중요 포인트 - Website Publishing 14:36
섹션 별 콘텐츠 레이아웃 및 중요 포인트 - Practical Publishing 16:32
섹션 별 콘텐츠 레이아웃 및 중요 포인트 - Mobile Web App Publishing 11:02
섹션 별 콘텐츠 레이아웃 및 중요 포인트 - Epilogue Section 05:39
섹션 8. 개인 포트폴리오 홈페이지 웹 호스팅 하기
카페 24 웹 호스팅 신청하고 개인 홈페이지 도메인 얻기 18:24
FTP 프로그램 파일질라 다운로드 및 설치 04:52
FTP 프로그램 파일질라 사용법(사이트 관리자, 업로드, 설정 내보내기) 27:44
카페 24 관리자 페이지 사용법(계정 초기화, FTP 비밀번호 변경) 05:45
섹션 9. 지원할 기업 구분하기 & 퍼블리셔 실전 면접 요령
채용공고 보고 또는 면접 보고 갈 회사 안 갈 회사 구분하기 16:24
잡 포지션(Job Position)을 명확히 하기(웹디자이너, 퍼블리셔, 디블리셔, 퍼자이너) 11:55
최근 취업한 신입 퍼블리셔 면접에서 학생들이 받은 실전 면접 질문들 21:55
신입 웹 퍼블리셔 취업을 위한 이력서 준비방법과 면접요령 미리보기 19:03
섹션 10. 수업자료 다운로드
면접과 취업을 부르는 퍼블리셔 '개인 포트폴리오 홈페이지' 제작(PDF)
UI/UX 퍼블리싱 기능정의서(PDF)
featherlight.js 커스텀 CSS
[예시] 개인 포트폴리오 홈페이지(폴더구조)
클래스를 제어하는 2가지 방식 - jQuery vs JavaScript
[다운로드 PDF] 비주얼 스튜디오 코드(Visual Studio Code) 및 에밋(Emmet) 치트키
Brackets에서 Emmet 코드힌트 안생기는 오류 해결 화면
신입 퍼블리셔를 위한 제이쿼리 학습범위
강의 게시일 : 2021년 04월 08일 (마지막 업데이트일 : 2021년 04월 08일)
수강평
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
아직 평가를 충분히 받지 못한 강의 입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️
얼리버드 할인 중(D-10)

20%

61,600원

77,000원
내 목록 추가 27 공유
지식공유자 : 코딩웍스(Coding Works)
총 90개 수업˙총 19시간 6분
평생 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
수강 전 궁금한 점이 있나요?
문의하기
문의
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스