디자이너에게 딱 맞는 필수 코딩 CAMP

더 설득력 있는 디자인을 위한 코딩 고민, 여기서 끝내세요.
현업 프로덕트 디자이너에게 배우는 디자이너를 위한 필수 코딩 지식 7주 과정.

  • #디자인X코딩
  • #깃허브_포트폴리오
  • #맞춤코딩
기간
2019. 9. 28 – 2019. 11. 9 총 7주
일정
매주 토요일 10:00 – 13:00 주 1회, 총 28시간
장소
패스트캠퍼스 강남강의장 강남역 4번출구, 미왕빌딩
문의
02-568-9886 help.camp.creative@fastcampus.co.kr

본 강의는 모집이 마감되었습니다.
다음 기수 출시알림을 신청해주시면, 특별 할인혜택과 함께 가장 먼저 소식을 알려드리겠습니다.


디자이너가 실무에서 마주하는 코딩 문제를 해결하는 능력을 기르고,
다른 디자이너들과 차별화될 수 있는 깃허브 포트폴리오까지 꼼꼼히 챙겨가세요.

개발자가 자꾸 안된다고
하는데 저보고 어떻게
하라는건지 모르겠어요…

직무는 디자이너가 맞는데
디자인만 할 수 있는
근무환경이 아니라구요…

그저 시키는대로
디자인하는데
내 커리어는 어디에…?

안된다는 개발자의 말에 된다고 받아칠 수 있는 디자이너가 되고 싶으신가요?
간단한 코드 수정은 직접 할 수 있는 능력있는 디자이너가 되고 싶으신가요?

이번 커리큘럼이 당신의 커리어에 터닝포인트가 될거예요.


K대학교 시각디자인 과정에 포함될만큼 중요해진 코딩.

디자인만 하는 디자이너의 입지가 점점 좁아지는 것이 현실. 이제 실무에서는 디자이너에게 개발 역량을 요구하고 있습니다. 또한, 프로젝트 개발 시스템이 변화함에 따라 개발자와의 협업이 매우 중요해지고 있습니다. 그렇기 때문에 개발 지식을 갖춘 디자이너라면, 빠르게 업무를 처리할 수 있고 팀의 협업에서 도 매우 중요한 역할을 할 수 있습니다.


사진출처: http://vcd.kookmin.ac.kr/curriculum

개발자를 위한 학습 콘텐츠,
디자이너에겐 안 맞을 수 밖에요.

많은 분들이 책, 인터넷 강의, 오프라인 강의 등을 통해 열심히 코딩을 공부하지만 실무에 적용하는 것을 어려워 합니다. 이는 코딩 관련 콘텐츠들이 대부분 개발자를 위해 만들어졌기 때문입니다. 본 강의에서는 개발자를 위한 코딩 교육이 아닌, 오직 디자이너를 위한 코딩 학습 커리큘럼을 준비했습니다.

오직 디자이너를 위한 필수 코딩 지식

디자이너의 실무에 딱 맞게 준비한 커리큘럼. 현직 프론트엔드 개발자 겸 디자이너 강사님이 직접 구상한 7주 간의 커리큘럼으로 디자이너의 코딩 학습 고민을 끝내세요. 디자이너를 이해하는 커리큘럼을 통해 어렵게 느껴지는 코딩도 재밌게 배우실 수 있습니다. 내 디자인에 개발적/논리적 근거를 더하는 과정, 지금 바로 시작하세요.

디자이너에게 필요한 건 코딩 자체가 아닌,
코딩을 통한 디자인 문제 해결 능력이니까요!

세 가지 강의 특징을 확인해보세요.

실제 55만 원 상당의 가격으로 판매중인 홈페이지 솔루션,
본 강의를 수강한 후에는 직접 제작하고 커스텀까지 할 수 있어요!

나만의 깃허브 포트폴리오로 다른 디자이너들과 차별화된 경쟁력을 키우세요.

*본 이미지는 실제 수강생들의 실습 자료 입니다.

커리큘럼.

1회차
디자이너를 위한 개발
강의 내용
- “우리는 왜 개발을 배우는걸까?” – 문제상황을 고민하고 해결하기
- 디자이너가 코딩을 어려워하는 이유
- 서버와 클라이언트, 다양한 개발 언어 이해하기 (Backend/Frontend, Python, Node..)
- 디자이너가 재미를 느낄 수 있는 개발 학습 방법 : 시각적 결과물에 초점을 맞춘 HTML/CSS/Javascript
 · HTML/CSS 코드 읽고 해석하기
 · Chrome 요소검사로 코드 읽어보기
- 인스타그램 HTML/CSS 분석하고 변형해보기
- [기초 1단계 실습] HTML로 웹 페이지 뼈대 만들기
2회차
퍼블리싱 하기
강의 내용
- 웹/앱 퍼블리싱 실무 프로세스 알아보기
- HTML/CSS 실습
- 대표 속성 실습해보기
 · HTML/CSS 작성 규칙(컨벤션) 이해하기
 · 퍼블리싱 문제 해결 방법 : 검색 활용법
- 반응형 웹 이해하기 : 미디어쿼리
- [기초 2단계 실습] HTML/CSS로 다양한 스타일이 들어간 소개 페이지 만들기
3회차
일 잘하는 디자이너
강의 내용
- 실무에 많이 사용되는 - HTML/CSS속성 실습
- Javascript 개념 이해하기
- 반응형 웹 제작 : 미디어쿼리
- 프레임워크와 라이브러리 이해하기
- 디자인에 인사이트를 주는 오픈소스 찾고, 활용하기
- [기초 3단계 실습]**Javascript와 미디어 쿼리를 활용한 원페이지 제작
4회차
더 나은 디자인을 위한 개발
강의 내용
- 모두가 놓치기 쉬운 개발에 꼭 필요한 디자인 요소 – favicon, open graph, 404, status 등
- 디자인과 실제 구현된 결과물의 차이 줄이기 – 디바이스 환경, 수치화, Data 등
- 수치로 인터렉션 만들기
- CSS를 활용한 애니메이션
- 프로토타이핑 툴 이용하기(protopie)
- HTML/CSS 프레임워크 활용하기(부트스트랩)
- [기초 4단계 실습] 애니메이션이 들어간 웹 페이지 만들기
5회차
내 디자인에 설득력 더하기
강의 내용
- “왜 이렇게 디자인 하셨어요?” – 코드로 내 디자인에 설득력 더하기
- 디자인과 개발 속도를 높여주는 “디자인 시스템” 만들기
- 디자인 구조와 규칙 만들기
- 재사용 가능한 형태(Componenet)로 디자인하기
- 코딩으로 프로토타이핑하기
6회차
직접 만드는 웹 포트폴리오
강의 내용
- git 이해하고 업무에 활용하는 방법 – 버전관리/공유/협업
- 온라인 깃 저장소 ‘깃허브’ 알아보기
- 개발환경 셋팅하기(Ruby)
- 나만의 깃허브 페이지 만들기(Jekyll)
- 테마 선택/적용하기
7회차
깃허브 페이지 만들기
강의 내용
- 깃허브 페이지 테마 변경하기
- 깃허브 페이지 테마 HTML 커스텀하기
- 깃허브 페이지 CSS/Javascript 커스텀하기
- 깃허브에 내 포트폴리오 웹 페이지 만들기

강사 소개.
[주요 프로젝트]

Rocketpunch / Beanbrothers / 청년허브 / 그린피스 시민경찰 캠페인 / 월드비전 위기아동지원사업 / Pinspot / 우리펜션 / HALO / Houseapp 등

정은지 강사님

현| (주)하우스미디어 프로덕트 디자이너
전| (주) 옐로오투오 서비스개발팀/UI개발 매니저
전| UFOfactory 소셜서비스개발팀 PM/디자인 매니저
전| Rocketpunch 서비스개발팀 디자인 매니저

강사님 인터뷰 보기 >
강사 포트폴리오.

강사님의 작업물을 확인해보세요.

수강 대상.

1. 나의 테크트리에서의 차별점을 고민하는 주니어 디자이너
2. 내 프로젝트를 위해 코딩을 직접 하고싶은 디자이너
3. 웹 퍼블리셔로 취직을 준비하는 디자이너/디자인과 학생


수강 후기.
1기 수강생

초보자의 눈높이에 맞춘 설명과 아끼지 않고 나눠주시는 자료들이 정말 좋았습니다. 디자이너의 눈높이에 맞춰 설명해주셔서 이해하는데 어려움이 적었습니다.

1기 수강생

업무를 하면서 어깨 넘어로 배운 개발 지식들이 한 번에 정리되는 느낌이었습니다. 강사님께서 디자이너 출신이시라 실무에 필요한 핵심을 정확히 짚어주시는 점이 좋았습니다.

1기 수강생

강의명처럼 실무에 바로 활용 가능한 실습과 팁을 많이 알려주셔서 좋았습니다. 강사님께서 수업에 애정을 가지시는게 느껴졌고, 강의 수강 후 개발자와의 ‘컴’능력이 상승되었습니다.


강의장 안내.
유의사항 및 환불규정.

수강료.

국내 9개 카드사 12개월 무이자 할부 지원!

  • 삼성카드
  • 신한카드
  • 롯데카드
  • 현대카드
  • 하나카드
  • BC카드
  • KB국민은행
  • 씨티카드
  • NH농협카드