초급

코코아톡 클론 코딩

HTML, CSS, Flex, Animations, Github

왕초보의 시작은 여기서!2주 완성반 챌린지 프로그램13 hours of contentHTML. CSS에 대한 개념이해와 실전연습첫번째 포트폴리오를 만들어보세요.
동영상
95
강의 분량
13시간+
레벨
초급

실전형 코딩을 시작하세요

왜 직접 만들면서 배워야. 진짜 지식이 될까요?

#클론코딩#현업중심#자기주도학습

우리는 그동안
딱딱한 이론과 문법 중심의
한국식 코딩을 배워왔어요.

이렇게 배운 지식은
현업에서 바로 활용하기 어려워요.

하지만 존재하는 서비스와 기능을
따라 만들면서 배우면,
온전히 나의 기술로 습득할 수 있어요.

노마드코더’s 클론코딩 교육

주입식 코딩만 하면 실력은 늘지않아요.

코딩 챌린지 란?

코딩은 직접 스스로 만들어봐야 온전한 자신의 지식이 됩니다.
수강생들은 직접 기능을 구현하고, 본인의 졸업작품을 만들며제대로 배우게 됩니다!

무엇을 만드나요?

코코아톡의 외부 모습을 따라 만들어봅니다. 기본적인 HTML, CSS를 활용하여 이쁘장한 프로필, 채팅창을 만들어봅니다.

배우고, 직접 구현합니다

배우는 이론

IDs & ClassesHTML TagsSemantic & non-semantic tagsBox ModelInline, Block, inline-blockCSS PositionFlexbox

사용하는 패키지

HTML5CSS3Git & GithubFontAwesomeAnimationsSelectorsPseudo SelectorsTransitionsAnimationsMedia Queries
구현 기능

HTML5

웹 사이트가 처음부터 어떻게 만들어지는지 알아보세요! 이 강의를 통해서, 여러분은 빈 텍스트 파일에서 시작하여 단계별로 웹사이트를 직접 만들어 보게됩니다. 지름길을 사용하지 않고, 한땀한땀 웹사이트의 내용을 브라우저에 전달하는 방법을 배우게 됩니다.

CSS3

웹사이트의 콘텐츠 구성이 끝나면 CSS3를 사용하여 웹사이트를 아름답게 만드는 방법을 배웁니다. 각 화면을 처음부터 클론코딩 하고, 레이아웃을 만드는 방법, 아이콘 작업 방법, 애니메이션을 만드는 방법, 모바일 및 데스크톱 기기용 웹사이트를 만드는 방법을 배우게 됩니다.

강의 미리보기

결과적으로, 이 수업 이후 ...

기초적인 수준이지만 웹, 프로그래밍, HTML, CSS 에 대하여 이해할 수 있게된다현재 가장 핫한 서비스인 카카오톡을 직접 처음부터 끝까지 (채팅창 프런트엔드) 만들어보는 경험을 하게된다퀴즈, 숙제, 스터디자료를 통해 강의 후에도 혼자서 학습하고 코딩하는 방법을 알게된다

제공합니다

이 강의에서는 아래 자료들을 제공합니다.

강의 분량

95개의 동영상 강의
13시간+ 분량.

한국어도 OK

영어 강의라고 겁먹지 마세요!
강의에 한글 자막을 제공합니다.

실시간 Q&A

니꼴라스 선생님이 직접 100%
답변합니다.

활발한 슬랙 커뮤니티

수만명의 수강생들과
함께 공부하세요.

수강생 후기

27만명 수강생이 증명합니다.

saja90
★★★★★
2주 전
첫번째로 정주행 끝났어요. 너무 재밌었습니다 앞으로 자주 말씀드리게 될 것 같지만, I love you so much my 니코 스승님!!
super9932
★★★★★
Thanks to Nicholas. I think I can finish CSS here, which I always have to do but didn't want to do. The lectures I've taken elsewhere were so boring, but this lecture is so much fun. I want to listen to all of this and ...더 보기
namagily
★★★★★
I got overwhelmed by a 700-page HTML CSS book, so I signed up for a course — and I think it was a good decision." ai번역
tu7
★★★★★
새로운 세상을 경험합니다 감사합니다
tinkywinky
★★★★★
두 번째 정주행 완료. 다시 봐도 정말 재미있네요. 감사합니다 니코쌤!
heysep
★★★★★
시작할때는 웹을 어떻게 만드나 막막했으나 좋은 선생님 니코 덕분에 여기까지 왔습니다. 다음 강의에서 봐요!!!
jayhs0926
★★★★★
미국으로 이민오고 대학에서 배웠던 전공 지식들은 사용하기도 너무 힘들어서 코딩을 하고싶다라는 일념하나로 독학을 시작했고 여러 사이트를 찾아보고 영어로 된 사이트에서도 공부를 했지만 여기만큼 좋은데가 없는 것 같아요! (사람들마다 다르겠지만) 바닐라 JS 로 넘어가기전에 혼자 복습한번 해보고 넘어가겠습니다! 감사합니다 니꼬쌤!
hwangjr735
★★★★★
대학 등록금 아깝다 그돈으로 니꼴라스 도네쏘고 남은돈으로 주식이나 코인을 했어야했어 ...
efupeeg
★★★★★
Thank you, Teacher Nico! I'm excited to learn new languages and skills to expand or bring my ideas to life. It literally feels like my brain's CPU is increasing.
hyojeungch...
★★★★★
I did it!!!! I finally finished!!!! Thanks to you, I've learned a lot!!!!
yurihime
★★★★★
도중에 해외 다녀올 일이 생겨서 챌린지는 실패했지만 다음 기수 시작하기 전에 강의는 완주했네요. 생각보다 단순한 화면에도 엄청난 양의 코드가 들어간다는 사실에 놀랐습니다...😂😂 그래도 덕분에 재미있게 잘 배웠습니다! 감사합니다 :) https://mesyaria.github.io/kokoa-clone/
0919hailli...
★★★★★
https://eunseovv.github.io/peach-clone/ I've upgraded my clone! Welcome to PeachTalk💖
0919hailli...
★★★★★
Don't forget to eat 김치 ㅋㅋㅋㅋㅋㅋㅋ Love you, too! Thanks for all your efforts and wonderful videos :) Looking forward to taking the next course!
yeo8006
★★★★★
I love this course. Thank you Nico Shout out Nicoooooooooo!!
owlhb
★★★★★
마침내 완강했습니다. 겨울방학 초에 구매했다가 조금씩 듣다 어느새 카카오톡을 만들고 있더라구요? 아무것도 모르는 상태였는데 중간에 챌린지 진행을 하면서 앞부분을 복습할수 있게되어 많이 도움되었습니다. 앞으로 다른 많은 강의에서도 뵙길!! 니코쌤 감사합니다!!!!!!!!
rn
★★★★★
한 달 전에 끝났지만.. 저에게 자신감을 심어주는 좋은 강의였습니다.! 고맙습니다.
shkoh01
★★★★★
하나하나씩 꼼꼼하게 코딩하는 방법을 알려주는 니코님 감사합니다. 다른 강의들은 후반으로 갈수록 대충대충 넘어가는 경우가 많은데 니코선생님은 다르시군요.. 끝까지 초심을 잃지 않고 꼼꼼하게, 같은 결과도 다른 방법을 적용하면서 수강생들의 능력을 키워주고 계십니다.
hwayoon
★★★★★
오우 좀 새롭게 어려워졌지만 해볼만 해용 재밌어욜 오우 what a gorgeous lecture. I love it 싸랑해용
domin06081...
★★★★★
이강의를 시작한지 언1년이 지났네요.. 길다면 길고 짧다면 짧은 시간이겠지만... 저는 이 1년이란 시간동안 많은 것을 얻어 간 것 같습니다.. 니콜라스 선생님도 얻어가시는게 있다면 좋겠다는 생각이 듭니다. 제 나이 36살 안정적인 직장을 때려치우고 제가 하고싶은걸 하기 위해서 이강의를 샀는데 이젠 저도 세계최고의 프로그래머가 된것이겠지요..? 아내와 가족이 왜 직장을 때려치우냐고 뭐라뭐라...더 보기
bryanho047...
★★★★★
선생님덕에 0부터 시작해서 HTML CSS 전문가가 됫습니다. 앞으로 멋진 사이트 클론해서 포트폴리오 만들어서 바이트 찾아서 돈벌수잇을거 같아요
후기 더 보기

니꼬쌤이 가르칩니다

무료 강의를 최신 기술로 3번이나
업데이트 해주는 쌤 보셨나요?
찐 책임감으로 무장한 딱 1명의 슈퍼 강사!
니꼬쌤과 시작하세요.

Since2017
누적 수강생27만명+
총 조회수2,500만 이상!
압도적 강의력
지루할 틈이 없는 찰진 유머
최신 기술만 꾹꾹 눌러담은 클론코딩 까지!
#압도적_강의력#최신기술_ONLY
#찐_책임감#딱1명의_슈퍼강사

상세 커리큘럼

수업 내용을 직접 들어보고 결정하세요!

동영상 95
13시간+
전체 열기
#1 Introduction
#2 Learning HTML
#3 Learning CSS
#4 Advanced CSS
#5 Git and Github
#6 Cloning Time
#7 Publishing Our Website

실전형 코딩을 시작하세요!

본인이 원하는 시간과 속도로, 언제든지 다시 반복하여 들을 수 있는 온라인 수업 입니다.
또한 2주 동안 100% 완주할 수 있는 챌린지 프로그램까지 추가로 제공됩니다.

코코아톡 클론 코딩

강의 평생 소장
2주 완성반 챌린지
100% 한글자막
니꼬쌤 질의응답

한번 결제하고 평생 소장하세요!

코코아톡 클론 코딩평생 소장
6개월 할부 18,000
평생 수강권 결제하기

자주하는 질문