무료
입문자를 위해 준비한
[웹 퍼블리싱, 웹 개발] 강의입니다.
HTML과 CSS를 배워서 웹사이트 제작에 필요한 기본 지식을 배울 수 있습니다. 코딩을 처음 접할 때 두려움이 없도록 정말 알기 쉽게 설명한 강의입니다.
✍️
이런 걸
배워요!
이런 걸
배워요!
HTML&CSS란? 웹 개발 입문
HTML 태그 용도 및 사용법!
CSS 속성과 웹 문서 꾸미는 법!
코딩을 처음 접하시는 분들을 위한
HTML / CSS 입문 강의 😁
HTML / CSS를 소개합니다 🎉
왕초보를 위해 난이도를 낮춘 HTML / CSS 입문 강의입니다.
이런 분들이 들으면 좋아요 🎁
쉽게 HTML, CSS를
배우고 싶으신 분
지루하지 않게 HTML & CSS를
배우고 싶으신 분
코딩을 처음 접하는
디자이너, 학생, 직장인!
이런 걸 배워요 🔍
우리는 웹사이트를 만들기 위해 기본적으로 HTML, CSS, JavaScript를 사용합니다.
이 웹 언어를 쉽게 설명드릴게요!
HTML로 웹사이트를 정의하고
CSS로 예쁘게 꾸민 후에
JavaScript로 동작하게 하는 것을 의미합니다.
이 강의에서는 HTML과 CSS가 무엇인지 정확하게 이해하고,
HTML 태그 사용법 그리고 CSS로 HTML 요소를 스타일링 하는 방법에 대해 자세히 학습합니다.
유튜브에서의 강의 리뷰 ✨
"댓글 달려고 로긴한 적 첨인데 이 강의 ㄹㅇ 대박입니다.
제가 지금까지 이것저것 코딩강의 많이 들어봤지만 이렇게 명료하고 쉽게 설명하시면서
교안 디자인까지 깔끔한 분은 처음 봤습니다. 부디 대성해서 100만 유튜버되세요.
아직 10강도 못 들었지만 전 무조건 완강하렵니다."
지식공유자를 소개합니다 ✒️
실용적인 코딩컨텐츠를 만들어 가는 유튜브 짐코딩 채널입니다.
유튜브 | 깃헙 | Gym스타그램 | Coding스타그램
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
코딩을 처음 접하는 사람
홈페이지를 만들고 싶은 사람
코딩이 어렵게 느껴지는 사람
안녕하세요
짐코딩 입니다.
짐코딩 입니다.
안녕하세요.
코딩 교육 크리에이터 짐코딩 입니다 🙂
유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있어요.
그리고 인프런 교육 플랫폼에서 지식을 공유하고 있습니다.
제 강의의 특징은 이제 막 시작하시는 분들을 위하여
설명하고자 할 때는 최대한 쉽게,
알려드리고자 할 때는 최대한 알차게 설명드립니다.
항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.
감사합니다.
📨 이메일 bruce.lean17@gmail.com
🏋️♀️ 헬스타그램 @helinlee.gram
🧑💻 코딩스타그램 @gymcoding
커리큘럼
총 43 개
˙ 7시간 34분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강의소개 & 개발환경 구성
2 강
∙ 21분
섹션 1. HTML이란? 시작하기 전에!
3 강
∙ 21분
섹션 2. HTML 학습하기 1
6 강
∙ 57분
폰트 태그
08:42
목록 태그
08:07
표 태그
16:12
강의소스 공유해요~!
02:15
시맨틱(Semantic) 태그
08:22
Block Element vs Inline Element
13:35
섹션 3. HTML 학습하기 2
5 강
∙ 1시간 7분
이미지 & 멀티미디어 태그 - img 태그
09:00
이미지 & 멀티미디어 태그 - audio, video, a 태그
13:51
폼(Form) 태그 - input
18:41
폼(Form) 태그 - select, checkbox, radio
16:31
Head 태그
09:30
섹션 4. CSS 선택자
4 강
∙ 51분
CSS란 무엇인가?
20:33
선택자(Selector)1 - 기본선택자
09:24
선택자(Selector)2 - 속성선택자
08:30
선택자(Selector)3 - 그룹/결합 선택자
13:32
섹션 5. CSS 학습하기 1
7 강
∙ 1시간 12분
폰트(Font) 스타일1
16:07
폰트(Font) 스타일2
13:02
표(Table) 스타일
06:04
Box Model1 - margin. padding
12:37
Box Model2 - border
10:46
Display 속성1
07:13
Display 속성2
06:58
섹션 6. CSS 학습하기 2
6 강
∙ 1시간 10분
Float 속성
09:48
Position 속성
16:30
Background 배경 스타일1
13:52
Background 배경 스타일2
09:31
고급 선택자 1탄
09:36
고급 선택자 2탄
10:53
섹션 7. CSS 더 깊게 학습하기
10 강
∙ 1시간 32분
Transform&Transition 1탄
10:17
Transform&Transition 2탄
05:52
Animation 1탄
09:31
Animation 2탄
07:22
반응형 웹 1탄
12:18
반응형 웹 2탄
09:37
Flexbox 1탄 - 레이아웃, Flexbox 구성요소
10:32
Flexbox 2탄 - Flex Container 속성
10:49
Flexbox 3탄 - Flex Item 속성
09:12
Flexbox 4탄 - Navbar 실습
06:41
강의 게시일 : 2022년 01월 28일
(마지막 업데이트일 : 2022년 01월 28일)
수강평
총 48개
수강생분들이 직접 작성하신 수강평입니다.
5
48개의 수강평
5점
4점
3점
2점
1점
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
정말 유용했습니다!
2024-01-05
듣다 보니 듣는 속도가 빨라져서 좋았습니다. 책을 읽는 것보다 직접 해보니 머리에 더 잘들어오네욤
2024-04-10
처음 html css를 배워보는데 확실히 처음인지라 낮설고 어렵네요 빨리 익숙해지고 홈페이지도 만들어 봐야겠습니당 덕분에 잘 수강했습니당
2023-12-14
저는 IT 개발쪽으로는 비전공자 뿐만 아니라 1도 아는 없는 초보입니다. 관심이 있어서 파이썬 관련 수업을 듣고는 있지만 웹디자인, 프론트 앤드, 백 앤드 분야에 관심이 있어서 공부하고 싶어도 무엇부터 어디서부터 시작해야 하는지 전혀 모르는 상황에서 HTML, CSS 관련 수업부터 시작해보라는 조언으로 해당 강의를 듣게 되었는데, 사실 수업 속도가 실행하면서 따라하기에는 조금 무리가 있습니다. 분량 자체는 함께 진행하면서 듣기에 무리없어 보이지만 하나하나 이런 기능이 어디에 있찌 찾아가며 수업을 들으니 10~15분 분량의 강의가 자체적으로 1시간으로 늘어나버리는 효과를 가져와서 관련 수업의 어려움을 많이 느끼고 있는 중이었습니다. 지금의 강의도 실습을 함께 하면서 듣고 있지는 않지만 한번 수업만 듣고, 두번째 따라하면서 듣고, 세번째 응용하면서 듣기에는 정말 좋은 수업이라고 생각이 됩니다. 아무것도 모르고 듣지만 지루하지 않고 이런 것이 있구나 하며 듣기에 전혀 어려움이 없어서, 지금 당장 사용할 수 없을 지언정 반복해서 듣는다면 꼭 저에게 도움이 될 것이라고 생각이 됩니다. 다르게 포현하면 프로그램 개발, 웹 개발에 관해 어렵게 접근하지 않고 쉽게 쉽게 접할 수 있게 해주셔서 좋은 수업이라고 생각이 듭니다. 다음 수업 커리큘럼이 있다면 유료라도 수강의사가 있습니다. 감사합니다.
2024-04-02
개념 설명과 이해를 위한 실습이 잘 구성되어 있어요. 입문자 입장에서 많은 지식을 습득할 수 있도록 잘 알려줍니다.
2024-01-30
