BEST

웹 개발

제대로 파는 HTML CSS - by 얄코(Yalco)

Name: 제대로 파는 HTML CSS - by 얄코(Yalco)
Price: 44000 KRW
Rating: 4.9 (150 reviews)

코알못도 따라올 수 있는 친절하고 쉬운 강좌! 현업 개발자는 HTML & CSS 박사로 들어주는 끝판왕 강좌!

(4.9) 수강평 150개

수강생 3,095명

난이도 입문

수강기한 무제한

얄팍한 코딩사전

HTML/CSS

먼저 경험한 수강생들의 후기

4.9

5.0

Hansh

100% 수강 후 작성

Coursera에서 Johns Hopkins html/css/js 강의 듣다 일루 넘어왔다. 존스홉킨스가 명문대임에도 불구하고 형편없는 강의였다. 하지만 이 강의는 달랐다. 1. 첫번째로 강의를 평가할때 내용의 총 시간을 보는데, 시간이 짧은 강의들은 깊게 파고들지 않을 수 있어서 안본다. 하지만 이 강의는 12시간으로, html/css만 커버하는데 꽤 긴 시간이라 믿음이 갔다. 강연자 또한 빠르게 강의를 진행해서, 사실상 한 30시간을 압축시킨거라고 볼 수 있다. 2. 두번째는 강연자의 내용 전달력인데, 이 강의는 내용을 굉장히 효율적이고 깔끔한 방법으로 전달한다고 느꼈다. 강의의 흐름도 마음에 들었다. 그리고 핵심적인 부분은 물론, 알아만 둬도 괜찮은 부분까지 다 커버하고. 수월하게 이해를 시키기 위해 많은 노력을 한 것처럼 보인다. 3. 세번째는 여기서만 들을 수 있는 코딩 환경 셋팅 방법이랑, 여러가지 팁들, 그리고 혼자 어떻게 더 나아가서 공부 할 수 있는지 알려주는것이 좋았다. Coursera, Udemy 에서 유명하기만 하고 형편 없는 강의들만 듣다가, 간만에 실속있는 강의를 봐서 좋았다. 유명세와 강의력은 상관관계가 뚜렸하지 않다는걸 깨닳게 해줬다.

5.0

하정원

31% 수강 후 작성

자세히 가르쳐주시고 하나하나 훑어주셔서 좋았어요. 모든 공부가 그렇겠지만 자기만의 방법을 찾고 공부하니까 훨씬 집중이 잘되더라구요. 저 같은 경우에는 소스코드를 먼저 스스로 해석해보고 강의를 들었는데 이 경우에 내가 해석한게 맞는지 또는 모르는 문법은 어떤 것을 의미하는지 생각하고 강의에 임하다보니까 더 머리 속에 남았어요!

5.0

HDK

83% 수강 후 작성

유튜브 구독자로서 Git 강의를 완강하고 html/css 강의도 이어서 구매하였습니다. 얄코님 강의의 강점은 깔끔한 커리큘럼과 전달력이 좋으셔서 내용이 귀에 쏙쏙 박힌다는 점입니다. 강의를 듣는 것이지만 마치 이야기를 듣는 것처럼 저도 모르게 빠져들어 듣게 됩니다. 이렇게 강의를 따라가다 보면 어느 순간 내용을 이해하고 습득한 자신을 볼 수 있게 됩니다. 돈이 전혀 아깝지 않은 강의라고 생각됩니다. 고민 중이시라면 구매하는 것을 강력 추천드립니다.

수강 후 이런걸 얻을 수 있어요

HTML과 CSS의 기초부터 고급까지
Emmet으로 HTML 간편하게 코딩하기
웹 표준을 준수하는 퍼블리싱
포지션, 각종 레이아웃, 선택자 등 어려운 CSS 개념들
상속과 리세팅, 벤더 프리픽스, 포커스 비저블 등 복잡한 개념들
변수, 웹폰트, 필터, 애니메이션 등 고급 기능 활용법
반응형으로 모바일 환경에 대응하기
접근성 - 다양한 사용자를 배려하는 웹사이트 만들기
시멘틱 태그와 BEM을 활용한 적절한 사이트 구성
파이널 프로젝트를 통한 실전 지식

이런 것들을 배워요! 📚

HTML과 CSS를쌩초보를 위한 기초부터 현업 개발자를 위한 고급 활용법과 실전 팁, 이해하기 어려웠던 이론들까지 쉽게 알아봅니다.
단지 시각적으로만 페이지를 구현해 내는 것을 넘어서서, 보다 많은 사람들을 배려하고 타 개발자와도 협업하기 좋은 '착한' 웹사이트를 만드는 법을 배웁니다.

'제대로 파는' 강의를 만든 이유 ⛏️

코딩을 처음 시작하시는 분들이 첫 코딩 경험부터 시작할 수 있는 시리즈를 만들고 싶었습니다.
그 첫걸음으로, 컴공 지식이 없어도 상대적으로 배워나가기 쉬운 HTML & CSS를 첫 주제로 선택했습니다.

한편 진입장벽이 낮은 HTML & CSS지만, 이를 깊이 있게 공부하여 '제대로' 활용하는 개발자들은 흔하지 않죠. 그래서 어려운 개념들과 세세한 속성들까지 파고들어가서 현업 개발자 및 퍼블리셔에게도 큰 도움이 될 수 있는 강좌로 만들고자 했습니다.

정말 멋지고 유익한 강의를 만들어보자는 목표로, 오랫동안 조사하고 준비한 끝에 이 강의를 제작하게 되었습니다.

누가 이 강의를
들으면 좋을까요? 👨‍💻

프로그래밍이 처음인 분

퍼블리싱을 하고 싶은 웹 디자이너

HTML/CSS을 잘 하고 싶은 개발자

🍼 코딩을 배우기 시작하는 사람
🎨 퍼블리싱을 직접 해내고 싶은 웹 디자이너
🎓 HTML, CSS를 보다 잘 다루고 싶은 개발자
⛏️ HTML과 CSS의 깊은 이론까지 공부해 보고 싶은 개발자
💖 표준에 부합하고 접근성 높게 웹 개발을 하고 싶은 개발자

책으로도
출시되었습니다! 📙

강의의 내용을 손에서도 확인하실 수 있도록 꾹꾹 눌러담았습니다.
(ℹ️ 이 책은 자바스크립트는 기초 부분만, 그리고 가볍게만 다룹니다.)

🛒 책 구매하러 가기

얄코 강의만의
특별한 점 ✨

빠르고 쉬운
영상 강의 🚀

군더더기 없이 시원시원한 진행으로 여러분의 소중한 시간을 절약합니다. (수강자에 따라 말이 빠르게 느껴질 수 있는 점 양해 부탁드립니다. 꼭 무료파트 강들을 들어보시고 수강해주세요!)

투머치설명러의
디테일한 강의 🎙️

각 태그와 속성의 기능들 뿐 아니라, 이들의 다양한 활용도와 웹 표준에 맞는 사용법, 이론적 원리까지 상세히 설명하여 최대한 많은 것을 배워가실 수 있도록 준비했습니다.

웹페이지를 통한
편리한 실습 🖥️

각 강마다 영상의 주요 포인트와 복붙 가능한 실습 명령어와 코드가 웹페이지에 정리되어 있어서, 이를 따라 하고 응용하며 수월히 실습을 진행할 수 있습니다.

기초 내용
무료 공개 😎

학생 분들도 부담 없이 공부하실 수 있도록, 첫 5시간 분량을 미리 보기를 통해 무료로 공개합니다.

얄코는 누구인가요? 😀

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다. 풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.

🎬 YouTube 얄팍한 코딩사전 채널 (클릭!)
📕 얄코의 책들 보러가기 (클릭!)

강의를 위해 특별제작한
⭐️ 플레이그라운드 ⭐️

강의용 웹페이지에는 CSS 학습과 복습을 수월히 하기 위해 만든 플레이그라운드가 주제별로 아래와 같이 마련되어 있습니다.

각 속성의 값들을 조정해 보면서 이들이 웹 상의 요소들에 어떻게 반영되는지 직접 확인할 수 있어요.

어떤 형식의 값들을 사용할 수 있는지를 확인해가며 해당 CSS 속성을 활용하는 다양한 예를 알아갈 수 있습니다.

이 강의를 들으면
무엇이 달라질까요? 💪

입문자나 비전공자는 코딩에 대한 두려움이 사라지게 됩니다.
어떤 웹사이트든 퍼블리싱 해낼 수 있는 자신감을 얻게 됩니다.
어렴풋이만 알고 있던 개념들, 잘 모르고 사용하던 기능들을 명확히 이해하게 됩니다.
웹사이트를 '제대로', '착하게', '사려 깊게' 만드는 법을 배우게 됩니다.

어떤 내용을
배우게 되나요? 📚

✅ 섹션 1: HTML 기초 HTML 태그들과 각각의 적절한 활용법

텍스트 콘텐츠, 목록, 이미지, 표, 링크, 입력 등 각종 웹 구성요소들
웹 표준과 권장사항에 맞게 코딩하기
Emmet을 이용한 빠른 코딩

✅ 섹션 2: CSS 기초

CSS의 다양한 적용 방법과 기본 선택자들
텍스트 요소, 목록, 색, 배경 등 각종 요소들의 스타일링
인라인/블록, 박스 모델, 포지션 등 CSS의 핵심 개념들
플렉스 레이아웃을 활용한 웹페이지 구조

✅ 섹션 3: HTML 심화

헤더 안의 메타정보, 뷰포트, 오픈그래프 등의 페이지 설정
시멘틱 태그와 BEM을 통해 페이지를 체계적으로 구성하기
다양한 사용자를 배려하는 접근성 갖추기
SVG, 영상 등 기타 미디어 활용법

✅ 섹션 4: CSS 심화

임포트와 변수, 리세팅, 벤더 프리픽스 등의 실무 개념
플로팅 및 그리드를 활용한 레이아웃
트랜지션, 애니메이션, 필터 및 기타 다양한 CSS 기능들
반응형으로 웹사이트 만들기
웹 폰트, 아이콘, 프레임워크 등 외부 요소 활용법

✅ 섹션 5: 파이널 프로젝트

위와 같은 웹페이지를 반응형으로, 자바스크립트를 사용하지 않고 HTML과 CSS만으로 만드는 실습을 진행합니다.

자주묻는 질문을
확인하세요 💬

Q. 프로그래밍을 처음 접하는데 수업을 들을 수 있을까요?

A. HTML과 CSS는 입문자들이 시작하기 가장 적합한 주제입니다. 코딩이 처음인 사람들도 따라올 수 있도록, 첫 환경 세팅부터 코딩 툴 사용까지 자세히 설명하고 실습도 가능한 쉬운 용어를 사용하여 진행합니다.

Q. 이미 웹 개발을 어느 정도 하는데 얼마나 도움이 될까요?

A. 웹 개발자들이 흔히 충분이 알고 사용한다고 여기는 기본적인 HTML 태그나 CSS 속성들도, 깊이 공부해 보면 그동안 모르는 것이 많았음을 깨닫게 되곤 합니다. 그동안 적당히만 알고 활용해왔던 요소와 기능들을 보다 제대로 쓸 수 있게 되고, 외관뿐 아니라 내부와 구조상으로도 아름다운 사이트를 만들기 위한 유용한 지식들을 배우실 수 있게 될 거에요.

Q. 강의속도가 빨라서 어렵지 않을까요?

A. 영상의 진행은 빠르지만 각 강마다 강의 페이지가 링크되어 있어서 영상의 내용을 편하게 복습하고 실습할 수 있도록 해두었습니다. 페이지 곳곳의 예제들과 플레이그라운드를 활용해서, 여러분의 시간효율을 최대한대로 활용하는 학습을 진행하실 수 있을 거예요!

이런 분들께
추천드려요

학습 대상은
누구일까요?

코딩을 처음 배워보는 사람
퍼블리싱을 직접 해내고 싶은 웹 디자이너
HTML, CSS를 보다 잘 다루고 싶은 개발자
HTML과 CSS의 깊은 이론까지 공부해보고 싶은 개발자
표준에 부합하고 접근성 높게 웹 개발을 하고 싶은 개발자

안녕하세요
입니다.

34,153

명

수강생

1,953

개

수강평

개

답변

4.9

점

강의 평점

개

강의

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다. 풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.

🎬 YouTube 얄팍한 코딩사전 채널 (클릭!)
📕 얄코의 책들 보러가기 (클릭!)

커리큘럼

전체

54개 ∙ (11시간 16분)

섹션 1. 인트로

5개 ∙ (22분)

섹션 2. <갖다 놓는> HTML

11개 ∙ (2시간 14분)

섹션 3. <꾸미는> CSS

11개 ∙ (2시간 49분)

17. CSS 적용방법(inline, internal, linked)과 선택자들
22:26
18. 글자와 텍스트 스타일
22:06
19. 문단과 목록 스타일
09:29
20. 색 표현하기
10:46
21. 인라인 요소와 블록 요소
13:29
22. 박스 모델 1
18:37
23. 박스 모델 2
14:28
24. 배경 꾸미기
14:08
25. 포지셔닝
13:49
26. 요소들을 감추는 방법들
07:51
27. Flex 레이아웃
22:34

섹션 4. HTML 더 깊이 알아보기

5개 ∙ (1시간 1분)

섹션 5. CSS 더 깊이 알아보기

13개 ∙ (3시간 24분)

섹션 6. 파이널 프로젝트

7개 ∙ (1시간 23분)

섹션 7. 강의를 마무리하며

2개 ∙ (0분)

강의 게시일:

마지막 업데이트일:

수강평

전체

150개

4.9

150개의 수강평

Hansh
수강평 1
∙
평균 평점 5.0
5
100% 수강 후 작성
Coursera에서 Johns Hopkins html/css/js 강의 듣다 일루 넘어왔다. 존스홉킨스가 명문대임에도 불구하고 형편없는 강의였다. 하지만 이 강의는 달랐다. 1. 첫번째로 강의를 평가할때 내용의 총 시간을 보는데, 시간이 짧은 강의들은 깊게 파고들지 않을 수 있어서 안본다. 하지만 이 강의는 12시간으로, html/css만 커버하는데 꽤 긴 시간이라 믿음이 갔다. 강연자 또한 빠르게 강의를 진행해서, 사실상 한 30시간을 압축시킨거라고 볼 수 있다. 2. 두번째는 강연자의 내용 전달력인데, 이 강의는 내용을 굉장히 효율적이고 깔끔한 방법으로 전달한다고 느꼈다. 강의의 흐름도 마음에 들었다. 그리고 핵심적인 부분은 물론, 알아만 둬도 괜찮은 부분까지 다 커버하고. 수월하게 이해를 시키기 위해 많은 노력을 한 것처럼 보인다. 3. 세번째는 여기서만 들을 수 있는 코딩 환경 셋팅 방법이랑, 여러가지 팁들, 그리고 혼자 어떻게 더 나아가서 공부 할 수 있는지 알려주는것이 좋았다. Coursera, Udemy 에서 유명하기만 하고 형편 없는 강의들만 듣다가, 간만에 실속있는 강의를 봐서 좋았다. 유명세와 강의력은 상관관계가 뚜렸하지 않다는걸 깨닳게 해줬다.
- 얄팍한 코딩사전
  지식공유자
  열심히 준비한 만큼 큰 보람 느끼게 해주셔서 감사합니다 ㅠㅠ 사실 똑똑한 교수님들일수록 본인들이 너무 탁월하시고 잘 아시기 때문에, 입문자분들이 듣기에는 오히려 그분들의 강의가 전달력이 높지 않은 경우가 많더군요. 부족한 머리를 가진 사람으로서, 어떻게 강의하면 남들이 잘 이해할까 많은 고민을 하면서 만들었는데 그만큼의 도움이 되어드렸다니 정말 기쁩니다. 앞으로도 더 좋은 강의들로 보답하겠습니다. 수강해주셔서 감사합니다!!
하정원
수강평 1
∙
평균 평점 5.0
5
31% 수강 후 작성
자세히 가르쳐주시고 하나하나 훑어주셔서 좋았어요. 모든 공부가 그렇겠지만 자기만의 방법을 찾고 공부하니까 훨씬 집중이 잘되더라구요. 저 같은 경우에는 소스코드를 먼저 스스로 해석해보고 강의를 들었는데 이 경우에 내가 해석한게 맞는지 또는 모르는 문법은 어떤 것을 의미하는지 생각하고 강의에 임하다보니까 더 머리 속에 남았어요!
HDK
수강평 6
∙
평균 평점 5.0
5
83% 수강 후 작성
유튜브 구독자로서 Git 강의를 완강하고 html/css 강의도 이어서 구매하였습니다. 얄코님 강의의 강점은 깔끔한 커리큘럼과 전달력이 좋으셔서 내용이 귀에 쏙쏙 박힌다는 점입니다. 강의를 듣는 것이지만 마치 이야기를 듣는 것처럼 저도 모르게 빠져들어 듣게 됩니다. 이렇게 강의를 따라가다 보면 어느 순간 내용을 이해하고 습득한 자신을 볼 수 있게 됩니다. 돈이 전혀 아깝지 않은 강의라고 생각됩니다. 고민 중이시라면 구매하는 것을 강력 추천드립니다.
with_all
수강평 11
∙
평균 평점 5.0
5
100% 수강 후 작성
결론부터 말씀드려서 아주 훌륭한 강의 입니다. 배우는 내용이 많아서 다시 복습을 해봐야 할 것 같습니다. 다음 강의들도 기대됩니다!
Youjin Jang
수강평 1
∙
평균 평점 5.0
5
100% 수강 후 작성
아주 좋은 강의입니다. 비전공자, 생초보자로 공부를 시작했는데, 남들은 재미있고 쉽다는 HTML&CSS 파트인데도 저는 역시 생초보자여서 그런지 어려웠습니다. 11시간 좀 넘는 강의인데 거의 7주 넘어서 완강을 했네요. 사실 중간에 어려워서 다른 강의로 갈아탔다가, 다시 이 강의로 넘어 왔어요. 첫 강의여서 혹시 레벨이 저한테 안맞나 싶었는데, 그냥 제가 잘 이해를 못하는 머리를 가진 것이라고 생각했고 다른 강의에 비해 압축적이지만 많은 것을 담고 있고 설명을 잘하신다고 생각해서 완강을 하게 되었네요. 10분~20분 정도로 나뉘어진 강의라고 생각해도, 저처럼 생초보자는 머리로만 이해하고 넘어가면 나중에 파이널 프로젝트때 멘붕옵니다. 아직 파이널 프로젝트 제대로 클론이나 다 이해는 못하고 있지만, 더 시간을 투자해서 복습해야 겠다는 생각이 드네요. 결론을 말씀드리자면 전반적으로 강의의 질과 내용은 최고였지 않았나 싶고요. 사실 수강평 잘 안남기는데~ 이런 고퀄리티의 강의는 다른 분들도 보는게 좋다고 생각해서 남깁니다. 그리고 개별적으로 문의를 했을때도 잘 답변해 주셔서 감사합니다. 한번 더 복습하러 갑니다.
- 얄팍한 코딩사전
  지식공유자
  감사합니다!! 작정하고 깊게 만들었던 강의라 비전공자가 아니셨더라도 어렵고 벅찬 것이 정상입니다. 끝까지 들어주셔서 정말 감사드리고 강의자로서 기쁩니다. 이후에 복습하거나 실전에서 사용할 때 어려운 부분이 있다면 언제든 질문주세요!! 다시금 감사드립니다~!

₩44,000

얄팍한 코딩사전님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

제대로 파는 Git & GitHub - by 얄코(Yalco)

얄팍한 코딩사전

AI시대, 코딩은 몰라도 Git은 알아야 합니다. 가장 쉽게, 가장 자세하게 배우는 Git & GitHub

入門

Git, GitHub, github-actions

제대로 파는 Git & GitHub - by 얄코(Yalco)

얄팍한 코딩사전

얄코의 가장 쉬운 자료구조와 알고리즘

얄팍한 코딩사전

자료구조와 알고리즘의 핵심 개념을 시각적 비유와 테스트 도구를 통해 쉽게 이해할 수 있는 강의입니다. 기초부터 정렬, 탐색까지 직접 구현하며 실력으로 체득하게 됩니다.

初級

알고리즘, data-structure

얄코의 가장 쉬운 자료구조와 알고리즘

얄팍한 코딩사전

얄코의 떠먹여주는 객체지향 디자인 패턴

얄팍한 코딩사전

OODP의 25가지 패턴들을 통해 소프트웨어를 객체지향적으로 설계하는 다양한 방법들을 배웁니다.

初級

Java, 객체지향, 디자인 패턴

얄코의 떠먹여주는 객체지향 디자인 패턴

얄팍한 코딩사전

제대로 파는 자바스크립트(JavaScript) - by 얄코(Yalco)

얄팍한 코딩사전

코알못도 따라올 수 있는 친절한 강좌! 현업 개발자는 자바스크립트 박사로 들어주는 끝판왕 강좌!

初級

JavaScript

제대로 파는 자바스크립트(JavaScript) - by 얄코(Yalco)

얄팍한 코딩사전

얄코의 가장 쉬운 리액트(React)

얄팍한 코딩사전

설명대장 얄코의 녹진하고 꾸덕한 강좌로 가장 쉽게, 가장 빠르게 리액트를 배우세요!

初級

JavaScript, React, Node.js

얄코의 가장 쉬운 리액트(React)

얄팍한 코딩사전

제대로 파는 자바 (Java) - by 얄코(Yalco)

얄팍한 코딩사전

적당히 배워서는 살아남을 수 없는 시대. 자바, 한 번에 제대로 파서 마스터하세요!

入門

Java, 함수형 프로그래밍, 객체지향

제대로 파는 자바 (Java) - by 얄코(Yalco)

얄팍한 코딩사전

갖고노는 MySQL 데이터베이스 by 얄코

얄팍한 코딩사전

비전공자도 이해할 수 있는 MySQL! 빠른 설명으로 필수개념만 훑은 뒤 사이트의 예제들과 함께 MySQL을 ‘갖고 놀면서’ 손으로 익힐 수 있도록 만든 강좌입니다.

入門

MySQL, SQL, DBMS/RDBMS

갖고노는 MySQL 데이터베이스 by 얄코

얄팍한 코딩사전

얄코의 가장 쉬운 Node.js

얄팍한 코딩사전

실무 프론트/백엔드 개발 이전에 꼭 알아야 할, Node.js의 핵심 원리와 실전 기술을 담았습니다.

初級

Node.js

얄코의 가장 쉬운 Node.js

얄팍한 코딩사전

얄코의 가장 쉬운 타입스크립트(TypeScript)

얄팍한 코딩사전

타입스크립트의 문법과 사용법을 가장 쉬운 설명으로 빠르게 학습합니다.

初級

TypeScript

얄코의 가장 쉬운 타입스크립트(TypeScript)

얄팍한 코딩사전

Yalco's TypeScript (English ver.)

얄팍한 코딩사전

Learn TypeScript syntax and usage quickly with the easiest explanations!

初級

TypeScript

Yalco's TypeScript (English ver.)

얄팍한 코딩사전

가장 쉬운 Node.js (글로벌 버전)

얄팍한 코딩사전

이 강좌는 실제 프런트엔드 또는 백엔드 개발에 뛰어들기 전에 반드시 알아야 할 Node.js의 핵심 원리와 실용적인 기술을 다룹니다.

初級

Node.js

가장 쉬운 Node.js (글로벌 버전)

얄팍한 코딩사전

The Easiest React (Global ver.)

얄팍한 코딩사전

Learn React the Easiest and Fastest Way!

入門

React, JavaScript, Node.js

The Easiest React (Global ver.)

얄팍한 코딩사전

25 Object-Oriented Design Patterns by Yalco (Global ver.)

얄팍한 코딩사전

You will learn various ways to design software in an object-oriented manner through the 25 patterns of OODP.

初級

Java, 디자인 패턴

25 Object-Oriented Design Patterns by Yalco (Global ver.)

얄팍한 코딩사전

뉴비를 위한 자바스크립트

얄팍한 코딩사전

코딩을 자바스크립트로 시작하시는 분들을 위한, 가장 쉬운 자바스크립트 강의입니다.

入門

JavaScript

뉴비를 위한 자바스크립트

얄팍한 코딩사전

얄코의 반응형 프로그래밍 - 자바스크립트로 쉽게 배우는 ReactiveX

얄팍한 코딩사전

⚡ 짧고 굵은 전체 160분 강좌! 웹사이트에서 웹사이트로 코드를 복붙하며, ReactiveX를 통한 반응형 프로그래밍을 익히세요 😎

初級

RxJS, JavaScript, 함수형 프로그래밍

얄코의 반응형 프로그래밍 - 자바스크립트로 쉽게 배우는 ReactiveX

얄팍한 코딩사전

얄팍한 GraphQL과 Apollo

얄팍한 코딩사전

⚡ 짧고 굵은 전체 90분 강좌! 사이트의 코드들을 복붙하며 빠르게 GraphQL을 배우고 아폴로 사용법을 익히세요.

初級

GraphQL, Apollo, Node.js

얄팍한 GraphQL과 Apollo

얄팍한 코딩사전

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

워드프레스 인기 테마 Generatepress, 기초부터 제대로 배우기(초급)

액트나우

워드프레스 수익화 테마 중 가장 잘 알려져 있는 제너레이트프레스(GeneratePress) 테마. 가볍고 빠르고 단순해서 많은 강사들에게 추천하는 테마입니다만, 실제로 제대로 가르쳐주는 강의는 찾기 어렵습니다. 보통은 "수익화를 통해 얼마를 벌수 있다"라고 홍보하고 실제로 테마를 꾸미고 설정하는 부분 보다 컨텐츠 SEO 관련한 어려운 플러그인이나 워드프레스 설정에 대해서만 듣지 않으셨나요? 실제 홈페이지를 원하는대로 꾸미려면 GeneratePress 테마의 사용자 정의 설정을 제대로 알아두어야 합니다. 이 강의를 통해 두고두고 써먹을 수 있는 진짜 지식을 가져가세요. 별로 어렵지 않습니다. 공식 홈페이지를 통하거나 여기저기 찾다보면 배울 수 있는 내용이지만, 이 강의를 듣는다면 빠르게 핵심만 압축적으로 배울 수 있습니다. 시간이 부담되거나, 실행력이 부족했던 분들께 제너레이트 프레스 테마, 아주 쉽게 알려드립니다.

入門

HTML/CSS, WordPress

워드프레스 인기 테마 Generatepress, 기초부터 제대로 배우기(초급)

액트나우

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

初級

HTML/CSS, JavaScript, jQuery

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

가볍게 실전 html (인터넷 업로드까지)

두노피

입문편에서 연습으로 만들어봤던 VD 사이트 메인페이지를 실전으로 만들어볼거에요~

初級

HTML/CSS, upload-file

가볍게 실전 html (인터넷 업로드까지)

두노피

생활코딩 - HTML 기초

Egoing Lee

생활코딩의 콘텐츠를 원저작자의 협의를 통해 수강이 편하도록 인프런에 옮긴 강좌입니다.생활코딩 http://opentutorials.org 에 감사의 뜻을 전합니다.

入門

HTML/CSS

생활코딩 - HTML 기초

Egoing Lee

Vanila JS 기반 UI Component - 탭메뉴 만들기

코딩고스트

하나의 웹 페이지를 구성하려면, 부분부분 각 컴포넌트들을 만들 수 있어야 합니다. 순수코딩만으로 UI component를 만들어 봅니다. html,css,javascript를 사용하실 줄 아는 분께 추천드립니다.

初級

HTML/CSS, vanilla-javascript

Vanila JS 기반 UI Component - 탭메뉴 만들기

코딩고스트

떠먹는 Three.js

제주코딩베이스캠프

Three.js의 기초적인 개념을 학습하고, 이를 응용하여 '나만의 섬 만들기' 미니 프로젝트를 진행합니다. 프로젝트를 진행하면서 쉽고 가볍게 Three.js를 익힐 수 있습니다.

初級

Three.js, HTML/CSS, JavaScript

떠먹는 Three.js

제주코딩베이스캠프

실전! 웹사이트제작! Step by Step! (쌩초보 코스)

J.영

실전! 웹사이트제작 Step By Step! 입문 강좌로, 다양한 기초 레이아웃을 제작해 보면서 HTML과 CSS의 개념을 확실하게 배울 수 있는 강의입니다.

入門

HTML/CSS, 웹 디자인

실전! 웹사이트제작! Step by Step! (쌩초보 코스)

J.영

바~로 실습! 개념몰라도 됨, HTML 시작

두노피

개념을 외우는게 아니라 실습을 통해 개념도 배우는 수업입니다. 다른곳에서 코드를 보면 울렁거리거나 토할것같은 분들도 오세요. 누구나 할 수 있습니다.

入門

HTML/CSS, 웹 디자인

바~로 실습! 개념몰라도 됨, HTML 시작

두노피

자바스크립트 제대로 배워볼래?

개발자의 품격

자바스크립트를 제대로 배우길 원하는 초급자를 위한 가장 탄탄한 기초 강의입니다. 여러분은 이 강의를 통해 자바스크립트라는 언어를 이해하는 시작점이 될 것이고, 프론트엔드(Vue, React, Angular) 개발자, 서버(Node.js) 개발자가 되기 위한 기초를 완벽하게 준비할 수 있습니다.

初級

JavaScript, ES6, HTML/CSS

자바스크립트 제대로 배워볼래?

개발자의 품격

웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)

두노피

전국 합격률 60%중에 우리반 합격률은 90%! 시험요구사항을 파악하면 가능합니다. 실기 책 사지마요 어려워요

初級

HTML/CSS, jQuery

웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)

두노피

퍼블리셔 취업 진짜 실전 가이드(PDF)

코딩웍스(Coding Works)

퍼블리셔 취업을 위한 진짜 가이드 전자책(PDF)으로 효율적인 퍼블리싱 학습방법, 좋은 퍼블리싱 강의 잘 가르치는 퍼블리싱 강사 고르는 안목, 신입이지만 경력자처럼 퍼블리싱하는 요령, 바람직한 코딩 습관과 원칙, 개인 포트폴리오 홈페이지 제작 방법, 디자이너 개발자와의 협업 요령, 퍼블리셔로 알아야 할 필수 사이트, 포토샵 UI 디자인 실력키우기 등 퍼블리셔 취업을 위해 반드시 알아야 하는 HTML+CSS+JQUERY 퍼블리싱 기본기를 상세하게 알려드립니다. 또한, 국비지원 퍼블리셔 과정에 대해 상세히 설명합니다.

入門

HTML/CSS

퍼블리셔 취업 진짜 실전 가이드(PDF)

코딩웍스(Coding Works)