훌륭한 웹 개발자 포트폴리오 구성

견고한 포트폴리오를 갖는 것은 모든 웹 개발자에게 필수입니다. 당신이 만든 프로젝트를 단순히 설명하는 자기 소개서, 이력서 또는 이력서를 기반으로 고용주가 직위를 결정하는 것은 어렵습니다. 당신의 재능과 기술은 그런 식으로 빛을 발하지 않습니다. 따라서 포함할 수 있는 훌륭한 웹 개발자 포트폴리오를 갖는 것은 다른 무엇보다 중요합니다. 그러나 훌륭한 것을 갖는 것과 충분히 좋은 것을 갖는 것은 거대합니다. 그리고 취업과 합격의 차이라고 할 수 있습니다. 따라서 가능한 한 많은 성공을 보장하기 위해 무엇을 할 수 있는지 살펴보겠습니다.

무엇이 훌륭한 웹 개발자 포트폴리오를 만드는가?

인터넷을 뒤져보면 개발 포트폴리오의 개념이 꽤 넓다. 어떤 사람들은 시간이 지남에 따라 개선을 보여주기 위해 작업한 모든 프로젝트를 포함하고, 어떤 사람들은 많은 텍스트와 링크가 포함된 베어본 이력서를 만드는 반면, 다른 사람들은 포트폴리오 사이트 자체를 기술을 실제로 적용하는 방법의 예.

당신은 이것을 하는 옳고 그른 방법을 찾지 못할 것입니다. 그러나 가장 성공적인 웹 개발 포트폴리오에서 실행되는 몇 가지 요소를 찾을 수 있습니다. 우리는 이러한 요소를 살펴보고 그들이 작동하는 이유와 새 포트폴리오 또는 기존 포트폴리오에 대한 업데이트에서 이를 쉽게 구현할 수 있는 방법을 분석할 것입니다.

1. 귀하의 이름 및 전문 연락처 정보

이력서와 포트폴리오에 이름과 연락처 정보를 넣는 것을 놓치기 쉽습니다. 당신은 당신의 경력과 재능이 너무 빛나서 가장 간단한 것을 잊어 버릴 수 있는지 확인하는 데 너무 걱정할 수 있습니다. 또는 그것에 대해 생각하지만 포트폴리오에 눈에 띄게 배치하지 않아 채용 담당자 또는 고용 관리자가 작업을 수행하게 만듭니다. 결국, 당신은 그 반대가 아니라 그들을 위해 일하려고 노력하고 있습니다.

물론 정보를 맨 위에 두는 것도 좋지만 사용자와 함께 스크롤되는 플로팅 상자나 작은 섹션을 고려하는 것이 좋습니다. 그렇게 하면 클릭 한 번으로 전화나 이메일을 보낼 수 있습니다. 한 단계 더 나아가 IM을 통해 직접 연락할 수 있는 Facebook Messenger 탭을 만들 수도 있습니다. 무엇을 하든지 바닥글에 정보를 묻지 마십시오. 또는 긴 섹션의 끝에서 찾기 어렵거나 혼란스럽게 만듭니다.

또한 완전히 전문적인 연락처 정보인지 확인하십시오. 전에도 이 말을 들어보셨을 것입니다. 하지만 귀하의 이메일이 [email protected] 인 경우 [email protected] 가 표시되는 것보다 덜 심각하게 받아들여질 것입니다.

1a. 사진

우리는 이것을 목록의 전체 항목으로 포함하고 싶지 않았지만 언급할 가치가 있다고 생각했습니다. 포트폴리오와 함께 자신의 사진을 남길 수 있는 방법을 찾을 수 있다면(연락처 정보는 사진을 배치하기에 좋은 장소입니다), 잠재적 고용주에게 일에 얼굴을 댈 수 있는 방법을 제공하면 단순히 이름을 보는 것보다 훨씬 더 인간적인 사람이 될 것입니다. 그리고 당신이 알고 있는 프로그래밍 언어 목록. 고용 관리자는 회사 내에서 성격에 맞는 사람을 고용하는 경향이 있으므로 원하는 산업 틈새 시장에 적합하고 그곳에서 편안함을 보여줄 수 있는 솔직한 장면이 있다면 어딘가에서 사용하십시오.

2. 약력, 경험 및 교육을 하나의 내러티브로 결합하는 것을 고려하십시오.

마케팅에서 스토리텔링은 거대합니다. 포트폴리오는 자신을 마케팅하는 방법입니다. 따라서 가능한 한 흥미롭고 인간적으로 자신을 만들고 싶어하는 것이 합리적입니다. 그리고 대학, 부트캠프, 자격증, 회사 이름, 고용 날짜 등의 글머리 기호 목록은 그다지 흥미롭거나 기억에 남지 않습니다.

반면에 당신의 이야기는 그렇습니다. 그리고 그 목록에서 당신의 이야기를 수집하는 것이 가능하지만, 그것을 내러티브 형식으로 넣는 것이 더 좋습니다. 문제는 여전히 모든 정보를 강조 표시하고 쉽게 액세스할 수 있도록 하는 방법이 있다는 것입니다. 그러나 그것은 읽는 것을 훨씬 더 즐겁게 만듭니다. 그리고 당신을 더 사람처럼 보이게 만듭니다.

또한 포트폴리오의 일부로 약력/소개 섹션이 이미 있을 가능성이 큽니다. 목록과 동일한 정보를 뿌리되, 그들이 읽고 하이라이트를 스캔할 수 있는 것으로 만드십시오.

귀하의 기록은 약력/정보 섹션에서 허용하는 것보다 더 길어질 수 있지만 링크와 하이라이트를 포함하면서 자신에 대해 이야기하는 것은 눈에 띄는 좋은 방법입니다.

다음은 내 경험과 역사를 강조하여 현재 약력을 재작업한 것입니다.

단지 꽤 멋있는 것 외에도, 저는 2009년 University of North Alabama 에서 영어로 석사 학위를 받았고, 거의 10년 동안 대학 영어(다양한 수준의 문학 및 작곡)를 가르치고 Martin 의 캠퍼스 작문 센터 소장으로 일했습니다. 테네시주 풀라스키에 있는 감리교 대학 . 저는 2008년에 WordPress로 작업을 시작 했습니다. 즉, 당신이 원하는 것은 무엇이든 할 수 있습니다.

워드프레스가 취미였을 때 위험한 PHP , CSS , 자바스크립트 를 충분히 배운 후 저는 풀타임으로 프리랜서로 전환하여 아래와 같은 웹사이트를 구축했습니다. 그러나 나는 글쓰기를 완전히 포기하고 싶지 않았고 Like the Wind 와 The No'Ala 와 같은 잡지에 의해 출판되었습니다 . 그로 인해 2017년 5월 에 Elegant Themes 를 위한 프리랜서 로 일 하기 시작했고 9월 말에 ET 의 풀타임 콘텐츠 제작자 로 시작했습니다.

이제 우리는 당신이 생각할 수도 있다는 것을 압니다. 나는 작가가 아니라 개발자 입니다. 매우 타당한 지적입니다. 그래서 당신은 여전히 ​​약력, 경험 및 교육에 내러티브 스핀을 넣을 수 있습니다. 산문 형식의 이야기일 필요는 없습니다. 그것은 당신의 이야기를 들려주는 타임라인과 같은 것일 수 있습니다.

2a. 타임라인 사용

여기에서 조언은 글머리 기호 목록을 가능한 한 많이 피하라는 것입니다. 우리는 Kyle Ledbetter가 그의 작업 역사를 통해 그것을 아주 잘 해냈다고 생각합니다. 그는 그것을 쉽게 소화하고 스캔할 수 있는 타임라인에 배치하고 지금까지의 자신의 이야기를 전달합니다.

이것은 웹 개발자 포트폴리오의 환상적인 예이지만 실제로 이러한 프로젝트가 무엇인지 말하거나 보여주지는 않습니다. 전통적인 이력서/이력서 방식으로 Kyle는 함께 일한 팀에서 자신의 역할을 설명합니다. 그러나 여기에 있는 작업 중 어느 것도 그가 설명하는 실제 프로젝트와 연결되어 있지 않습니다. 그의 포트폴리오는 완전히 별개이며 여기에는 이러한 예가 포함됩니다. 그것들은 타임라인과 연결되어 있지 않으며 이것이 좋은 예이지만 각 작업의 최종 결과가 무엇인지에 대한 직접적인 예를 제공하면 훌륭 합니다.

3. 프로젝트 표시 및 설명

모든 웹 개발자 포트폴리오의 고기와 감자는 포트폴리오입니다. 포트폴리오가 썸네일이 있는 단순한(그리고 유용하고 기능적인) 그리드인 것은 드문 일이 아닙니다. 우리 눈에는 고장난 것을 고칠 필요가 없습니다. 이러한 종류의 그리드는 재능, 프로젝트, 기술 및 창의성을 보여주는 데 탁월 합니다(예: Adham Dannaway)

그러나 그들이 탁월 하지 않은 것은 해당 프로젝트에 대한 이야기를 전달하고 프로젝트의 복잡성을 과시하고 이 프로젝트를 있는 그대로 놀랍게 만드는 데 얼마나 놀라운지 전체 그림을 제공하는 것입니다. Adham이 웹 개발자 포트폴리오를 빛나게 만든 곳입니다. 대단해

그리드에서 항목을 클릭 하면 프로젝트의 최종 결과로 이동하지 않기 때문입니다 . 지금까지는 이것이 이러한 포트폴리오의 가장 일반적인 용도입니다. 내가 한 일을 클릭하면 볼 수 있는 접근 방식입니다. 그러나 Adham이 하는 일은 좋은 아이디어를 가져와 훌륭하게 만듭니다. 그는 각 프로젝트를 구상부터 완료까지 세분화합니다. 그는 프로젝트 과정에서 내린 각 결정의 이유에 대해 완전히 투명합니다.

이 분석은 프로젝트에서 나온 멋진 작업을 보여 줄 뿐만 아니라 완성된 제품만 보고는 볼 수 없는 개발자의 재능과 기술을 보여줍니다.

각 프로젝트에 대한 전체 사례 연구를 포함할 시간이나 의향이 없을 수도 있습니다. 그러나 잠재적인 고객과 고용주가 알아야 하는 프로젝트의 주요 측면에 대한 일부 광고 및 설명을 절대적으로 얻을 수 있습니다.

포트폴리오가 비어 있다면?

훌륭한 웹 개발자 포트폴리오를 구성할 때 주의할 점은 웹 개발 경험이 있어야 한다는 것입니다. 과시할 프로젝트가 없다면 전문성을 뽐낼 수 있는 탄탄한 포트폴리오를 갖추기가 매우 어렵습니다. 모두가 거기에 있었다. 재미있는 곳은 아니지만, 쉽게 벗어날 수 있는 곳입니다.

먼저 First Timers Only를 확인하십시오. 이 사이트는 사람들이 처음으로 GitHub pull 요청을 수락하도록 특별히 설계되었습니다. GitHub에는 오픈 소스 프로젝트에 쉽고 접근 가능한 요구 사항이 있음을 나타내기 위해 프로젝트에 포함할 수 있는 태그가 있습니다. 이러한 종류의 기여는 포트폴리오(그리고 일반적으로 개발자 경력)를 시작하는 데 놀랍 습니다. 이러한 종류의 기여 중 몇 가지는 자신의 능력을 보여주는 데 큰 도움이 될 수 있습니다. (그리고 당신은 조사를 받고 무작위 인터넷 낯선 사람이 프로젝트에 참여하기 위해 당신이하는 일에 충분히 능숙합니다).

둘째, 물건을 만들기 시작합니다. 또는 실제로 이미 수행한 작업을 업그레이드합니다. 보여줄 것이 없으면 웹 개발 포트폴리오가 필요한 시점에 도달할 수 없습니다. 학교에서 수행한 프로젝트 또는 재미를 위해 다듬고 온라인에 게시할 수 있는 프로젝트에 대해 생각해 보십시오. 그러면 현재의 능력을 과시하는 업데이트된 프로젝트가 있을 뿐만 아니라 게시하여 원본이 만들어진 이후의 성장을 보여줄 수 있는 방법도 있습니다.

또한 비영리 단체, 친구 또는 가족을 위해 일하는 것도 포트폴리오에 추가할 수 있는 좋은 방법입니다. 우리는 당신이 할 수 있는 일을 해야 하는 누군가(또는 많은 누군가)를 알고 있음을 보장합니다. 그들은 일반적인 웹 개발자가 청구하는 요금을 지불하지 못할 수도 있습니다. 특히 비영리. 우리는 당신이 무료로 일할 것을 옹호하지 않습니다 . 당신은 기술이 있고 일을 하고 있으며 그 일에 대해 보수를 받을 자격이 있습니다.

그러나 지불이 반드시 돈이 되어야 하는 것은 아닙니다. 당신의 삼촌이 빵집을 운영하고 있고 새로운 웹사이트를 만드는 대가로 당신의 웨딩 케이크를 만들어줄 수도 있습니다. 꽤 좋은 거래입니다. 또는 비영리 단체가 지불할 예산이 있지만 매우 작습니다. 아마도 당신은 세금 공제로 그들을 위해 일하는 시간을 계산할 수도 있습니다. 다시 말하지만, 이것은 꽤 좋은 거래입니다.

어느 쪽이든, 당신은 과시할 새로운 프로젝트를 얻게 되며, 위에서 언급한 아이디어와 이를 결합하면 훌륭한 웹 개발 포트폴리오를 갖게 되는 것입니다.

그리고 그것은 당신이 포트폴리오 웹사이트 자체에 투입할 시간과 보살핌과 완벽주의에 대해서는 언급조차 하지 않습니다. 이것은 다른 어떤 프로젝트와도 비교할 수 없을 정도로 많은 프로젝트입니다.

결론

훌륭한 웹 개발자 포트폴리오를 갖추는 것은 취업에 큰 도움이 됩니다. 그것은 당신이 한 일에 대한 쇼케이스일 뿐만 아니라 당신이 합류하는 모든 팀에 어떤 종류의 기술과 성격을 가져올 것인지도 보여줍니다. 잠재 고객과 고용 관리자는 포트폴리오를 보고 개발자와 호환되는지 확인하고, 자신이 가장 잘하는 것이 무엇인지, 자신이 가장 잘 한다고 생각 하는 것이 무엇인지, 뇌의 일부를 엿볼 수 있습니다. 그것은 당신이 하는 특정한 방식으로 코드를 모으는 것입니다. 이 모든 것을 염두에 두고 웹 개발자 포트폴리오를 훌륭하게 만들 수 있는 도구를 갖추었다고 생각합니다. 그리고 어쩌면 그 이상일 수도 있습니다.

웹 개발자 포트폴리오의 어떤 부분이 가장 자랑스럽습니까?

기사 특집 이미지 제공: 0beron / shutterstock.com