[인프런 코딩웍스 강의 학습 순서]를 통해 개인 포트폴리오 홈페이지 제작까지~!!

[인프런 코딩웍스 강의 학습 순서]를 통해 개인 포트폴리오 홈페이지 제작까지~!!

안녕하세요. 코딩웍스입니다.

이번 블로그 포스팅은 <인프런 코딩웍스 강의 학습 순서>를 이해하기 쉽게 알려드리려고 합니다.
꽤 많은 수강생들께서 <인프런 코딩웍스 강의 학습 순서>를 문의하시는 경우가 많습니다.

물론 인프런 코딩웍스 학습 로드맵이 있지만 블로그처럼 쉽게 설명하기가 어려워서 수강생 입장에서 어떤 것을 우선 순위로 해야 하는지 또 다음 학습은 어떤 것을 해야 하는지 명확하게 이해하시기 쉽지 않을거라 생각이 듭니다.
그래서 나름 다시 블로그에 <인프런 코딩웍스 강의 학습 순서>를 정리했으니 참고하시기 바랍니다.

⚡ 취우선 순위로 학습할 강의 - Small Roadmap #01

01) <퍼블리싱 핵심이론 PDF 교재 및 예제파일>강의를 수강하시고 완독하시기 바랍니다.

image

  • 해당 강의는 퍼블리싱 학습을 하기 전에 필수적인 이론을 정리했으므로 앞으로 퍼블리싱 학습을 위한 기본서입니다.

  • 당장 완독할 필요까지는 없습니다. 먼저 전체를 보시고 앞으로 영상 강의에서 부족한 이론 부분을 찾아서 참고하시면 됩니다.

[기대효과]

  • 퍼블리싱 이론서 보유

  • PDF 교재이므로 필요할 때 언제 어디서든지 볼 수 있는 장점

🚩 해당 강의소개 바로가기 : https://inf.run/4SVc


02) <퍼블리셔 취업 진짜 실전 가이드(PDF)> 강의를 수강하시고 완독하시기 바랍니다.

image

  • 해당 강의는 퍼블리싱 학습을 하기 전에 필수적으로 알아야 하는 퍼블리싱 원칙, 바람직한 코딩 등 거의 모든 내용이 담겨 있습니다.

  • 앞으로 퍼블리싱 학습을 위한 기본 지침서가 될 것 입니다.

[기대효과]

  • 퍼블리셔 취업을 위해 무엇을 어떻게 준비할지 요령을 알게 됩니다.

  • 퍼블리싱 기본기를 위한 습관과 원칙을 충분히 이해할 수 있습니다.

  • 퍼블리싱 실력을 키우는 효율적인 학습방법을 알게 됩니다.

🚩 해당 강의소개 바로가기 : https://inf.run/nmFR


03) <HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)> 강의를 수강하시고 완강하시기 바랍니다.

image

  • 해당 강의의 초반부의 기초 이론은 알고 있는 내용이라면 스킵하고 실전 예제 제작 섹션을 학습하세요.

  • 만약 기초 이론이 생소하다면 꼭 보시고 실전 예제 제작 섹션을 학습하세요.

[기대효과]

  • 해당 강의를 완강하면 퍼블리싱 기본기를 충분히 갖추실 수 있습니다.

  • 실전 예제 제작 학습 후 테마를 변경해서 응용하면 퍼블리싱 결과물로 함께 준비할 수 있습니다.

🚩 해당 강의소개 바로가기 : https://inf.run/t22k


04) <중상급 퍼블리싱을 위한 CSS3의 모든 것> 강의를 수강하셔서 CSS를 심도있게 학습하세요.

image

  • 해당 강의 수강하지 않고 반응형 포트폴리오 제작 등 전체 웹사이트 제작 강의를 들으면 알지만 확실히 내 것이 된다는 느낌이 적을 수 있습니다.

  • 하지만 <중상급 퍼블리싱을 위한 CSS3의 모든 것> 강의의 내용을 확실히 알고 학습하면 하나 하나가 완전히 수강생의 것이 될 것 입니다.

[기대효과]

  • 앞으로 이어질 강의, 포트폴리오 제작에서 근간이 되는 CSS 실력이 한층 상승됩니다.

🚩 해당 강의소개 바로가기 : https://inf.run/uiQ4


05) <HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)> 강의를 수강하시고 완강하시기 바랍니다.

image

  • <HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)> 강의와 <중상급 퍼블리싱을 위한 CSS3의 모든 것> 강의 정도의 이해도가 없다면 수업에 따라오시기 어려울 수 있습니다.

[기대효과]

  • 해당 강의를 완강하면 퍼블리싱 기본기를 더욱 향상 시킬 수 있습니다.

  • 실전 예제 제작 학습 후 테마를 변경해서 응용하면 퍼블리싱 결과물로 함께 준비할 수 있습니다.

  • 개인 포트폴리오 홈페이지에 올라갈 클론 코딩 반응형 웹사이트 2개를 갖게 됩니다.

🚩 해당 강의소개 바로가기 : https://inf.run/8o9A

 

⚡ 트랜드 신기술을 위해 학습할 강의 - Small Roadmap #02

01) <플렉스(Flex) 반응형 웹사이트 포트폴리오> 강의를 수강하시고 완강하시기 바랍니다.

image

  • 실무에서 가장 많이 사용되는 플렉스에 대한 이해도 뿐만 아니라 활용할 수 있는 실력을 충분히 갖게 됩니다.

[기대효과]

  • 플렉스로 만든 실전 퍼블리싱 결과물을 갖게 됩니다.

  • 플렉스로 만든 반응형 전체 웹사이트 포트폴리오 결과물을 갖게 됩니다.

🚩 해당 강의소개 바로가기 : https://inf.run/5gug


02) <SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱> 강의를 수강하시고 완강하시기 바랍니다.

image

  • 퍼블리셔 채용에서 우대사항인 SCSS(SASS)에 대한 이해도 뿐만 아니라 활용할 수 있는 실력을 충분히 갖게 됩니다.

  • 실전 퍼블리싱 제작은 있지만 전체 웹사이트 제작 강의는 없습니다. 하지만 완강 후 수강생이 SCSS(SASS)로 전체 웹사이트 포트폴리오를 만들면 큰 경쟁력이 됩니다.

[기대효과]

  • 퍼블리셔 채용에서 우대사항인 SCSS(SASS)를 기술할 수 있습니다.

  • SCSS(SASS)로 만든 실전 퍼블리싱 결과물을 갖게 됩니다.

🚩 해당 강의소개 바로가기 : https://inf.run/25Ho


03) <그리드(Grid) 핵심이론 및 실전 활용> 강의를 수강하시고 완강하시기 바랍니다.

image

  • 그리드에 대한 이해도 뿐만 아니라 활용할 수 있는 실력을 충분히 갖게 됩니다.

[기대효과]

  • 퍼블리셔 이력서에 그리드 사용 기술를 기술할 수 있습니다.

그리드 학습은 퍼블리셔 취업을 위해 당장 필요하지는 않으니 학습 우선 순위에서 지금은 빼셔도 됩니다.

🚩 해당 강의소개 바로가기 : https://inf.run/FnCM


04) <최고의 프론트엔드 CSS Frameworks, UIkit> 강의를 수강하시고 완강하시기 바랍니다.

image

  • CSS Frameworks 중 UIKit에 대한 이해도 뿐만 아니라 활용할 수 있는 실력을 충분히 갖게 됩니다.

[기대효과]

  • 퍼블리셔 이력서에 그리드 사용 기술를 기술할 수 있습니다.

UIkit 학습은 퍼블리셔 취업을 위해 당장 필요하지는 않으니 학습 우선 순위에서 지금은 빼셔도 됩니다.

🚩 해당 강의소개 바로가기 : https://inf.run/u2h1

 

⚡ 전체 웹사이트 제작을 위해 강의 - Small Roadmap #03

해당 로드맵을 학습하기 전에 최소한 Small Roadmap #01의 강의들은 충분히 학습된 상태여야 전체 웹사이트 제작 강의를 손쉽게 따라 오실 수 있습니다. 뿐만 아니라 완강 후 개인 포트폴리오 홈페이지에 올라갈 테마 변경 작업 웹사이트 제작도 자신감을 가질 수 있습니다.

01) <반응형 웹사이트 포트폴리오(Architecture Agency)> 강의를 수강하시고 완강하시기 바랍니다.

image

[기대효과]

  • 그동안 갈고 닦은 퍼블리싱 실력을 실전 웹사이트 제작에 사용하면서 실전 활용에 대한 경험을 갖게 됩니다.

  • 완강 후 테마를 변경해서 개인 포트폴리오에 올린 웹사이트 퍼블리싱 결과물을 만들게 됩니다.

🚩 해당 강의소개 바로가기 : https://inf.run/h6S7


02) <반응형 웹사이트 포트폴리오(App Official Landing Website)> 강의를 수강하시고 완강하시기 바랍니다. 

image

[기대효과]

  • 그동안 갈고 닦은 퍼블리싱 실력을 실전 웹사이트 제작에 사용하면서 실전 활용에 대한 경험을 갖게 됩니다.

  • 완강 후 테마를 변경해서 개인 포트폴리오에 올린 웹사이트 퍼블리싱 결과물을 만들게 됩니다.

🚩 해당 강의소개 바로가기 : https://inf.run/pkx6


03) <모바일 웹 퍼블리싱 포트폴리오 with Figma> 강의를 수강하시고 완강하시기 바랍니다. 

image

  • 퍼블리셔 취업을 위해 다양한 종류의 퍼블리싱 결과물이 필요합니다. 그 중에 모바일 웹 UI 디자인 및 퍼블리싱 결과물이 가장 중요합니다.

  • Figma를 사용해서 제작된 강의이므로 요즘 대세인 Figma로 UI 디자인을 하면서 Figma 활용 능력 또한 가질 수 있습니다.

[기대효과]

  • 가장 중요하고 경쟁력 있는 포트폴리오인 모바일 웹 퍼블리시이 결과물을 얻게 됩니다.

  • Figma로 제작하는 UI 디자인 능력과 디자인 결과물을 보여줄 수 있습니다.

🚩 해당 강의소개 바로가기 : https://inf.run/5vsq 


04) <SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma> 강의를 수강하시고 완강하시기 바랍니다. 

image

  • 웹 퍼블리셔와 개발자를 위한 최고의 S웹 퍼블리셔와 개발자를 위한 최고의 반응형 웹 포트폴리오 제작

  • 일관성 있는 클래스네임과 함께 HTML 와이어프레임 구조를 만들어 퍼블리싱까지 완료하는 체계적인 반응형 웹 사이트 프로젝트 제작 과정

  • Figma를 사용해서 제작된 강의이므로 요즘 대세인 Figma로 UI 디자인을 하면서 Figma 활용 능력 또한 가질 수 있습니다.

[기대효과]

  • SCSS(SASS) 핵심 이론 및 실무 활용 능력

  • FLEX Layout 핵심 이론 및 실무 활용 능력

  • PC, 모바일, 태블릿 대응 반응형 레이아웃 설계 및 제작

🚩 해당 강의소개 바로가기 : https://inf.run/gxza

 

⚡ 퍼블리셔 취업을 위한 강의 - Small Roadmap #04

해당 로드맵은 진짜 취업을 위해 개인 포트폴리오 홈페이지를 제작하는 과정이므로 Small Roadmap #01, 02, 03이 완료된 상태에서 진행하시기 바랍니다. 결과물이 없거나 부족한 상태에서 개인 포트폴리오 홈페이지 제작 방향을 잡기 어렵습니다. 또한, 이력서 작성과 취업을 위한 현실적인 자신의 상태를 체크하기도 어렵습니다.

01) <면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작> 강의를 수강하시고 완강하시기 바랍니다.

image

[기대효과]

  • 막연한 개인 포트폴리오 홈페이지 제작 방향과 실제 제작을 할 수 있습니다.

  • 완강 후 퍼블리셔 취업을 위한 괜찮은 개인 포트폴리오 홈페이지를 제작할 수 있습니다.

🚩 해당 강의소개 바로가기 : https://inf.run/Wuie


02) <퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)> 강의를 수강하시고 완독하시기 바랍니다. 

image

[기대효과]

  • 막연한 개인 포트폴리오 홈페이지 제작 방향과 실제 제작을 할 수 있습니다.

  • 완강 후 퍼블리셔 취업을 위한 괜찮은 개인 포트폴리오 홈페이지를 제작할 수 있습니다.

🚩 해당 강의소개 바로가기 : https://inf.run/ziSK


03) <퍼블리셔 취업하는 훌륭한 이력서 작성 가이드> 강의를 수강하시고 완강하시기 바랍니다. 

image

[기대효과]

  • 경쟁력 있는 퍼블리셔 취업 이력서 및 자기소개서를 작성할 수 있습니다.

  • 면접 요령, 희망 연봉 적정선 등 취업과 면접을 위해 필수적인 사항을 아시게 됩니다.

🚩 해당 강의소개 바로가기 : https://inf.run/VGv9

 

🏳‍🌈 마무리 하면서..

<퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)> 을 Small Roadmap #01이 끝나면 먼저 보시는 것을 추천드립니다.

<퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)>가 마지막 단계에서 필요한데 먼저 보시라고 하는건 전체적으로 개인 포트폴리오 홈페이지 제작을 위해 필요한 것들이 무엇인지 먼저 알고 준비하시는게 좋습니다. 어차피 해당 교재는 마지막 단계에서 필요하니 미리 봐두시는게 좋습니다. 물론 실습 부분을 따라 하실 필요는 없고 당장은 전체적인 제작 흐름과 필요한 준비가 뭔지에 대해서 이해하는 정도로 하세요. 

한가지 더 말씀 드리면 코딩웍스 강의 중에 <웹디자인기능사 실기시험 완벽 가이드> 강의가 있습니다. 코딩웍스가 인프런에 처음으로 올린 강의라서 가장 애정하는 강의이기도 합니다. <웹디자인기능사 실기시험 완벽 가이드> 강의가 퍼블리셔 취업을 위해 필수적이지는 않습니다. 하지만 웹디자인기능사 자격증이 있으면 여러가지로 장점이 있습니다. 

사실 회사에서 퍼블리셔 신입을 채용하면서 진짜 기본은 하는지 확인하는 방법은 현실적으로 일을 시켜봐야 알 수 있습니다. 그렇지만 퍼블리싱 기본 능력에 대한 확신을 채용 전에 갖기는 쉽지 않습니다. 반면에 웹디자인기능사 자격증이 있으면 최소한 퍼블리싱 기본 능력은 있다고 판단할 수 있습니다.

댓글을 작성해보세요.