웹디자이너 배우기 / 웹디자이너 역량 스쿨 온라인 강의 코스 (프로그래밍,웹 퍼블리싱,JavaScript,jQuery)

웹디자이너 역량 스쿨을 들어야 하는 이유
UX/UI 디자인을 할 때 중요한 기획자/개발자와의 원활한 커뮤니케이션에 도움이 됩니다.

퍼블리싱, 프론트엔드 역량을 갖춘 디자이너의 수요가 빠르게 증가하고 있습니다.

- 코드잇 강의가 특별한 이유
비전공자, 코딩 입문자도 OK!
코딩을 처음 배우는 입문자도 코드잇의 커리큘럼과 강의 환경에서 어려움없이 배울 수 있습니다.


다양한 실습으로 빠르게 역량 UP!
왜 내가 만들면 예쁘지가 않지? 걱정하지 마세요! 다양한 실습 과제의 디자인과 설계도를 모두 제공해 드립니다. 따라만 하시면 예쁜 웹 사이트가 만들어집니다.


웹 사이트를 만들 수 있는 기회!
그냥 배우기만 하면 지루하죠? 코드잇 사이트에서는 바로 웹을 만들고, 하나씩 스스로 채점해 볼 수 있어요.

 

 

 

디자이너 역량 스쿨 코스
직접 퍼블리싱까지!

배울 수 있는 스킬: 퍼블리싱, 개발자와 커뮤니케이션, UI/UX 이해력
관련 커리어: 웹 퍼블리셔, UX/UI 디자이너

 

 

 

STEP 01
컴퓨터 개론
어디서부터 시작해야 할지 고민된다면, 컴퓨터 개론 코스를 통해 프로그래밍의 첫 걸음을 시작해 봐요!

프로그래밍 시장은 계속 커지고 있습니다. 

하지만 사실 현업에서는 뛰어난 개발자를 없어서 

못 구한다는 것, 알고 계시나요?
프로그래밍의 세계는 광범위하기 때문에, 올바른 방향을 갖고 효과적으로 공부하는 것이 매우 중요합니다.
코드잇의 컴퓨터 개론을 통해 프로그래밍 언어, 프로그래머, 프로그램에 대해 올바른 이해를 갖고, 

나만의 커리어 로드맵을 만들어 봅시다.


프로그래밍 시작하기 in Python
컴퓨터의 세계를 이해하려면 프로그래밍을 느껴봐야겠죠? 

파이썬을 사용하면 프로그래밍을 가장 심플하게 배워볼 수 있습니다.
2 챕터 17 레슨 1주 과정

프로그래밍 언어 이해하기
프로그래밍의 시작은 언어의 선택입니다. 각 프로그래밍 언어의 특징을 파악하고, 내게 맞는 언어를 함께 찾아봅시다.
4 챕터 35 레슨 1주 과정


프로그래머의 세계 이해하기
현직 프로그래머들은 뭔가 다른 세상에 살고 있다고 느낄 때가 많이 있는데요. 그들의 일상을 한번 들여다 봅시다.
2 챕터 15 레슨 1주 과정

소프트웨어 이해하기
프로그래머가 되기 위해서는 어떤 프로그램이 사용되고 있는지 알아야겠죠? 이 세상에 존재하는 소프트웨어의 큰 그림을 살펴봅시다.
3 챕터 22 레슨 1주 과정



STEP 02
웹 퍼블리싱
웹 개발의 가장 기본이라 할 수 있는 HTML과 CSS를 통해 내 머릿속의 아이디어를 실현해 보세요!

HTML에는 수백 개의 태그가 있다는데, 그걸 다 알아야 웹 사이트를 완성할 수 있나요? 아니요! 필수 태그 30개만 알아도 누구나 쉽게 웹 사이트를 만들어볼 수 있답니다. 비교적 적은 투자로 멋진 결과물을 만들어 낼 수 있는 효율성 갑 HTML/CSS 이니까요.

작은 쇼핑몰에서부터 Airbnb, Facebook, Youtube에 이르기까지. 세계의 모든 서비스는 이제 웹에서 시작되는데요. 코드잇과 함께, 언제 어디서나 쉽게 접근할 수 있는 나만의 서비스를 만들어 보세요!




HTML/CSS
HTML/CSS 시작하기
"웹사이트 어떻게 만들지..." 고민이라면? 일단 HTML과 CSS부터 공부하세요. 생각보다 너무 쉬워서 놀랄 수도 있습니다!
6 챕터 46 레슨 1주 과정


HTML/CSS
HTML/CSS 핵심 개념
처음에는 쉬워 보이는 HTML/CSS, 하다 보면 생각처럼 안 돼서 화가 납니다! 하지만 원리를 잘 익히면 브라우저를 마치 그림판처럼 자유자재로 쓸 수 있습니다.
7 챕터 56 레슨 3주 과정

HTML/CSS
반응형 웹 퍼블리싱
분명 예쁘게 만들었는데... 스마트폰, 타블렛에서는 왜 깨질까요? 반응형 웹 퍼블리싱을 배워서 어떤 기기에서든 잘 동작하는 웹사이트를 만들어 보세요.
2 챕터 8 레슨 1주 과정



STEP 03
프로그래밍 기초 in JavaScript
웹 개발을 하고 싶다면 필수! 무엇이든 할 수 있는 기반을 다지려면 자바스크립트로 시작하세요.

인터넷 없이는 하루도 살아가기 힘든 요즘, 우리가 사용하는 서비스 대부분은 바로 이 인터넷을 통한 웹 기술입니다. 이런 웹 기술을 활용해 기술 분야에 큰 경쟁력을 갖추고 싶다면 웹 분야에서 가장 널리 사용되는 프로그래밍 언어, 자바스크립트를 학습해 보세요!

혹시 웹에는 전혀 관심이 없으신가요?
"Javascript is Everywhere!" 처음에는 웹에서만 사용되던 자바스크립트가 이제는 분야를 가리지 않고 그 역량을 뽐내면서 날이 갈수록 다재다능해지고 있습니다. 시간이 지날수록 끊임없이 성장하는 자바스크립트와 함께 여러분의 가치도 성장시켜보세요!


프로그래밍 시작하기 in JavaScript
프로그래밍의 진입 장벽이 너무 높게 느껴지나요? 자바스크립트로 프로그래밍을 시작해보세요! 간단한 환경 설정부터 기본적인 개념까지 모두 알려드립니다.
2 챕터 20 레슨 1주 과정

프로그래밍 핵심 개념 in JavaScript
자료형, 추상화, 제어문... 쉽다면 쉬운 개념이지만, 많은 이들이 제대로 알고 있지 못한 프로그래밍 핵심 개념. 여러분은 완..
3 챕터 56 레슨 3주 과정

프로그래밍과 데이터 in JavaScript
프로그래밍이란 결국 데이터를 받아서 처리하는 것인데요. 그렇다면 프로그래밍을 잘하기 위해서는 데이터를 제대로 알아야겠죠? 그 ..
4 챕터 46 레슨 3주 과정


STEP 04
jQuery
요즘은 인터랙티브한 사이트가 대세! jQuery와 함께 웹 프론트엔드 개발을 시작하세요.

이제 HTML/CSS로 웹사이트도 만들 수 있고, JavaScript 프로그래밍도 배웠다면? 다양한 효과가 슉슉 나오는 다채로운 웹 사이트를 만들 수 있는데요! jQuery를 사용하면 보다 쉽고 빠르게 인터랙티브한 사이트를 구현할 수 있습니다.

비트 메이커, 음악 플레이리스트, 포트폴리오 사이트 등을 직접 만들면서, 웹 프론트엔드 개발을 시작해 봅시다!



JavaScript
jQuery 시작하기

인터랙티브한 사이트를 더 쉽게 만들고 싶다면? jQuery가 해결책! 복잡한 기능도 jQuery를 사용하면 몇 줄 안에 해결!
5 챕터 32 레슨 2주 과정

JavaScript
jQuery 활용하기
jQuery에 익숙해 졌다면, 본격적인 활용을 해 봅시다. 내부 동작 원리부터 포트폴리오까지!
4 챕터 33 레슨 2주 과정



디자이너 역량 스쿨 수강생 후기

현직 웹디자이너 입니다. 코딩을 해본적은 있지만 체계적으로 배운것이 아니고 정말 실전에서 사수들이 쓰는 코드를 가지고 짜맞춘? 코딩으로 일을 했었습니다. 그 뒤로 디자인만 하다가 그나마 알던 코딩 지식마져 잊어버린 상태여서 공부를 하기 위해 여기저기 알아보았습니다.직장인이여서 편하게 짬나는 시간에 공부를 할 수 있는 인강을 찾다가 코드잇을 알게되었습니다. 듣기 좋게 짤막한 강의와 노트 정리 그리고 과제가 있다는게 너무 맘에 들어 결제해서 듣고 있습니다. 과제를 통해 피드백을 받을 수 있다는게 너무 좋습니다. 예전에 학원도 다녔었는데 제가 다녔던 학원과는 차원이 다르게 좋습니다. 내 속도와 일정에 맞춰서 강의를 들을 수 있고 실습 과제들도 많고 해서 이번 강의가 끝나면 다른 강의도 들어 볼 생각입니다!

저는 코딩 생초보 디자이너입니다. 개발자들과이 효율적 협업 및 추후 퍼블리싱 작업을 수행하기 위하여 이 강의를 수강하게 되었습니다. 우선 불필요한 설명을 제외한 필수 요소만을 강의로 담으셔서 쉽고 빠르게 진도를 나갈 수 있고, 동영상 강의 후 꼼꼼하고도 간결한 노트들을 통해 다시 한번 정리 및 복습할 수 있어서 정말 좋습니다. 덕분에 단기간에 간결한 html 코드 작성 및 css 스타일링을 할 수 있게 되었습니다. (수강한지 한달이 채 되지 않았습니다) 또한 모르는 것은 커뮤니티를 통해 해결 할 수 있고, 또 제가 생각하지 못한 부분들을 커뮤니티의 문답들을 통해 새롭게 고민해 볼 수 있다는 점이 큰 장점입니다. 강의마다 문답형으로 커뮤니티 활동이 이루어지다보니 저처럼 코딩 초보도 커뮤니티를 통해 다른 분들과 함께 성장하고 있다는 느낌을 받습니다. 이는 코드잇이 지닌 아주 큰 장점이라고 생각합니다. 저는 웹 프론트엔드스쿨 패키지를 수강하고 있기에 웹 퍼블리싱이 강좌 수강을 마친 후 파이썬과 자바스크립트 기초를 들을 예정입니다. 다 들은 후 멋진 포트폴리오 사이트를 만들어 보려합니다. 감사합니다, 코드잇.

웹디자이너에게 html과 css는 필수라는 말을 많이 들어서 준비하려고 하던 찰나에 코드잇이라는 코딩강의를 알게 되었어요. 어디서부터 어떻게 공부해야 할지 정말 막막했었는데 정말 쉽게 하나하나씩 풀어주셔서 무지했던 분야에 쉽게 다가갈 수 있었던 것 같습니다. 무엇보다 쉽게 익힐 수 있도록 테스트를 진행하는 점이 마음에 들었습니다ㅎㅎ

보통 후기 잘 안 쓰는데, 결론부터 말씀드리면 강추!입니다! 일단 기존에 알고 있던 부분을 막상 설명하려면 애매했던 부분이 정리되었고, 직접 생각하면서 코딩할 수 있어서 좋았습니다.!

현업 개발자로 일하며 시간에 쫓긴다는 핑계때문에 항상 기본을 잊고 있었는데 그 기본을 다시 알려주는 좋은 강의들과 현업에서도 자주 쓰이는 부분을 집중적으로 알려주는거 같습니다. 많은 좋은 강의와 교재들이 있을것이고 저도 여러 책을 보며 공부 했지만 여러 책의 핵심을 잘 알려주는 강의와 강사님들이 일일히 피드백 해주시는 걸 보고 코드잇보다 더 좋은 교재는 없을거 같다는 생각이 들었습니다.

한 강의당 5분 내외로 구성된 강의라 강의를 듣다가 집중력이 흐트러질 일이 없어 좋았습니다. 또, 과제 수행을 하며 잘된 점, 잘못된 점 등 피드백을 받을 수 있어 '이렇게 하는게 맞나?' 하는 의구심 없이 과제를 수행할 수 있었어요. 강의별, 과제별로 커뮤니티에서 추가적인 정보도 얻고, 다른 사람들은 과제를 수행하면서 어떤 어려움을 겪었는지, 어떻게 접근하여 문제를 해결하였는지 보면서 강의 내용에 더불어 더 많은 정보를 얻을 수 있었습니다.



웹디자이너 역량 스쿨
온라인 강의 자세히 보기

 

 

 

2020/11/17 - [배우기 강좌] - 프레젠테이션잘하는 방법 // 성공적인 프레젠테이션을 위한 시선을 사로잡는 인포그래픽 PT제작 온라인 강의

프레젠테이션잘하는 방법 // 성공적인 프레젠테이션을 위한 시선을 사로잡는 인포그래픽 PT제작

2020/11/10 - [게임] - PC게임추천// 액션 RPG 게임 2019년 9월 발매한 Greed Fall 블랙프라이데이 53% 할인

PC게임추천// 액션 RPG 게임 2019년 9월 발매한 Greed Fall 블랙프라이데이 53% 할인

2020/11/09 - [배우기 강좌] - 외국어 배우기 // 영어, 프랑스어, 이탈리아어, 일본어, 중국어 스페인어 등 혼자 배우기 좋은 uTalk Single Language

외국어 배우기 // 영어, 프랑스어, 이탈리아어, 일본어, 중국어 스페인어 등 혼자 배우기 좋은 uTal

2020/10/28 - [기타] - 서버호스팅 단독 서버 사용으로 언제나 안정적으로 비즈니스를 운영하실 수 있는 가비아 서버임대, 서버구매

서버호스팅 단독 서버 사용으로 언제나 안정적으로 비즈니스를 운영하실 수 있는 가비아 서버임

2020/10/25 - [해외직구] - 코딩학습용을 좋은 어린이 장난감 Robobloq STEM 로봇 키트

코딩학습용을 좋은 어린이 장난감 Robobloq STEM 로봇 키트

2020/10/21 - [배우기 강좌] - 부트스트랩 배우기 // 10시간 만에 부트스트랩 기초부터 마스터하기 강좌 (+ 웹팩, 프로젝트 제작, DIY Bootstrap 4)

부트스트랩 배우기 // 10시간 만에 부트스트랩 기초부터 마스터하기 강좌 (+ 웹팩, 프로젝트 제작,

2020/10/15 - [배우기 강좌] - 파이썬 Python 드론 프로그래밍 입문 강좌 미국 실리콘밸리 현역 엔지니어와 함께하는 드론 프로그래밍 강좌

파이썬 Python 드론 프로그래밍 입문 강좌 미국 실리콘밸리 현역 엔지니어와 함께하는 드론 프로

2020/08/19 - [배우기 강좌] - 엑셀 배우기 인강 // 데이터 수집과 정리의 기본 반드시 알야야 하는, 그러나 상당수가 모르는 내용

엑셀 배우기 인강 // 데이터 수집과 정리의 기본 반드시 알야야 하는, 그러나 상당수가 모르는 내

2020/08/22 - [배우기 강좌] - 캔바(Canva)로 SNS 콘텐츠 만드는 방법 // 인터넷 강좌로 캔바 배우기 소셜미디어에 필요한 이미지를 쉽고 빠르게 만드는 방법

캔바(Canva)로 SNS 콘텐츠 만드는 방법 // 인터넷 강좌로 캔바 배우기 소셜미디어에 필요한 이미지

2020/08/23 - [배우기 강좌] - 검색웹만들기 강좌 // 파이썬 웹 Django(장고) 프레임워크로 주식 검색 웹 만들기

검색웹만들기 강좌 // 파이썬 웹 Django(장고) 프레임워크로 주식 검색 웹 만들기

2020/08/23 - [배우기 강좌] - 개체지향 프로그래밍 및 설계 (Java) 강좌 // 개체지향 프로그래밍(OOP)'과 '개체지향 분석 및 설계(OOAD)'를 배우기

개체지향 프로그래밍 및 설계 (Java) 강좌 // 개체지향 프로그래밍(OOP)'과 '개체지향 분석 및 설계(

2020/08/15 - [배우기 강좌] - 게임개발초보자 강좌 // 코딩에 관심이 있는 비전공자도 만들수 있는 Swift 언어로 만드는 테트리스 게임 (Tetris Game) 만들기

게임개발초보자 강좌 // 코딩에 관심이 있는 비전공자도 만들수 있는 Swift 언어로 만드는 테트리

2020/08/19 - [기타] - 가비아 정보 // 월 9,000원에 이용하는 클라우드 PC 컴퓨팅 기반의 가상데스크톱 서비스 가비아 DaaS

가비아 정보 // 월 9,000원에 이용하는 클라우드 PC 컴퓨팅 기반의 가상데스크톱 서비스 가비아 DaaS

2020/08/12 - [배우기 강좌] - 동영상강의 / 맥에서 쉽게 영상 자르고 붙이기 인터넷 강의로 동영상 편집 실력자가 되어 보세요 ~

동영상강의 / 맥에서 쉽게 영상 자르고 붙이기 인터넷 강의로 동영상 편집 실력자가 되어 보세요

2020/07/24 - [배우기 강좌] - HTML 배우기// 입문자를 위한 핵심을 꿰뚫는 강의 최단시간 HTML 완전정복

HTML 배우기// 입문자를 위한 핵심을 꿰뚫는 강의 최단시간 HTML 완전정복

2020/07/21 - [배우기 강좌] - 개발강좌 // 소스 관리를 버전관리 시스템 없이 하시나요?? 정답은 git ,Git(깃)의 기초와 Github(깃허브) 활용법

개발강좌 // 소스 관리를 버전관리 시스템 없이 하시나요?? 정답은 git ,Git(깃)의 기초와 Github(깃