Thumbnail
개발 · 프로그래밍 웹 개발

견고한 기본기 HTML&CSS

(4.7)
7개의 수강평 ∙ 266명의 수강생
110,000원

월 22,000원

5개월 할부 시
지식공유자: 제주코딩베이스캠프
총 57개 수업 (10시간 50분)
수강기한: 무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유
입문자를 위해 준비한
[웹 퍼블리싱, 웹 개발] 강의입니다.

우리는 HTML, CSS를 잘 알아야 견고한 실력의 프론트엔드 개발자가 될 수 있다고 생각합니다.✍ HTML과 CSS의 종류부터 실무 활용까지, 이 강의로 언어를 올바르게 사용하는 방법을 배울 수 있습니다. 정성 들여 준비했으니 즐겨주세요 :)

✍️
이런 걸
배워요!
HTML의 탄탄한 기본기
CSS의 탄탄한 기본기
HTML, CSS 응용
HTML, CSS의 실무 개발 적용
실무에서 사용하는 개발 노하우

 


프론트엔드의 모든 것은
HTML 문서에서 시작합니다! 👨‍🏫

견고한 기본기,
HTML과 CSS ✍


HTML로 웹 애플리케이션의 뼈대를 구축하고,
CSS로 아릅답게 채색하여 생기를 불어넣습니다.
이는 웹이 탄생한 1990년 이후로 30여 년이 지난 지금까지 변하지 않았고,
앞으로도 변하지 않을 법칙입니다.

계속 생겨나는 수많은 라이브러리와 프레임워크도 물론 학습하면 좋지만, 시간이 흘러도 변하지 않을 클래식을 먼저 공부해봐요.
우리가 배워야 할 HTML과 CSS 문법은 지금 이 순간에도 진화하고 있습니다. 필요하다고 생각되는 내용들은 꾸준한 업데이트를 통해 채워나가겠습니다. 쉽지만 중요하고, 깊이있는 HTML과 CSS의 세계로 떠나봅시다.

이 강의만의 특징 ✨

  • 실제 프론트엔드 개발자 부트캠프에서 사용하고 있는 교재를 이용해서 동일한 내용으로 학습을 진행합니다.
  • HTML과 CSS의 문법 공부와 함께, 기술과 관련된 히스토리나 배경지식도 함께 공부합니다.
  • 난해한 문법들을 최대한 쉽게 설명하기 위해 다양한 이미지를 직접 제작하여 제공하고 있습니다.
  • 지속적인 업데이트를 제공합니다.


이런 분들께 추천해요 🙋‍♀️

HTML/CSS를
처음 접하시는 분

레이아웃의 내부가
어떻게 동작하는지 궁금하신 분

프론트엔드로의 커리어
전환을 꿈꾸시는 분

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
웹 개발을 시작하는 입문자
기본 개념을 복습하고 싶으신 분
HTML, CSS의 개념을 익히고 싶으신 분
웹 개발을 시작하고 싶으신 비전공자
제대로 배워보고 싶은 Front-end 개발자 지망생

안녕하세요
제주코딩베이스캠프 입니다.
제주코딩베이스캠프의 썸네일

🧙‍♂ 안녕하세요. 제주코딩베이스캠프입니다.

제주코딩베이스캠프란?

제주에서 가장 핫한 개발자들이 모여 작당한 부트캠프! 열정있는 청년들에게 열정만큼 성장할 수 있는 기회를 제공합니다!

제주코딩베이스캠프는 제주에서 가장 큰 ICT 교육 행사로 카카오, 구름, 제주산학융합원 등 기업 지자체와 함께 진행하고 있습니다.


서비스 구축 성공
경험을 통해 이 취업난 시대에 자신감, 자존감, 성취감, 그리고 자립할 수 있는 능력을 배양해 보세요!

으라차차 청춘 화이팅입니다! 😀

공동 지식공유자: -J-의 썸네일 Hojun Lee의 썸네일
커리큘럼 총 57 개 ˙ 10시간 50분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. HTML
HTML이란? 미리보기 01:18
HTML Living Standard 11:28
Document element & meta data - <!DOCTYPE>, <html>, <head>, <title>, <link>, <meta> 11:52
Sections - <body>, <article>, <section>, <header>, <h1>...<h6>, <nav>, <aside> 08:42
Grouping content - <ol>, <ul>, <li>, <dl>, <dt>, <dd>, <div>, <figure>, <figcaption>, <p>, <pre>, <blockquote>, <main>, <hr> 18:19
Text level semantics - <br>, <wbr>, <a>, <b>, <strong>, <i>, <em>, <dfn>, <abbr>, <sup>, <sub>, <span> 20:49
개념을 잡기 위한 중간 실습! 26:04
Embedded content - <img> 19:02
Embedded content - <picture> 10:05
Embedded content - <iframe>, <audio> 07:58
Embedded content - <video> 12:38
Forms - <input> 20:24
Forms - <label>, <select>, <fieldset>, <legend>, <button>, <textarea>, <datalist> 17:32
Tabular data - <table>, <caption>, <thead>, <tbody>, <tfoot>, <tr>, <th>, <td>, <colgroup>, <col> 14:33
[22년 9월 추가영상] form의 get과 post 미리보기
섹션 2. CSS
CSS란? 미리보기 10:54
CSS의 기본 구조 08:08
CSS 적용하기 10:14
CSS 리셋하기 09:16
벤더 프리픽스(vendor prefix) 15:36
선택자 14:54
선택자 우선순위 16:47
Box Model 1 (박스의 구성과 유형, block, inline, inline-block) 22:50
Box Model 2 12:26
Box Model 3 17:23
declarations 1 14:05
declarations 2 14:55
declarations 3 (font-size, font-family, font-weight, text-align) 13:05
declarations 4 08:00
Text 1 14:10
Text 2 11:59
Text 3 09:37
position 20:31
float 18:19
선택자 심화 1 10:28
선택자 심화 2 13:21
선택자 심화 3 13:31
콤비네이터 07:31
flex basic 13:19
flex container 17:57
flex item 19:55
grid 기본 개념 12:49
grid-container 16:20
grid-item 20:48
transition 16:56
transform 11:21
transform VS position 11:29
강의 게시일 : 2022년 06월 28일 (마지막 업데이트일 : 2022년 09월 12일)
수강평 총 7개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.7
7개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
oh thumbnail
진짜 견고하네요. 지금까지 대충 알고 넘어갔던 내용들을 머리채 잡고 바로 잡아주시네요 얼얼합니다. 감사합니다.
2022-08-16
FE7 thumbnail
구체적인 예시와 함께 잘 설명해주셔서 이해가 잘 되는것 같습니다. 아직 좀 이해가 더 필요한 내용도 있지만 반복해서 들어볼게요! 많은 도움이 되었고, 잘 활용하도록 하겠습니다. 감사합니다!!! ^^
2022-08-16
bloomingds1 thumbnail
강의 듣는 도중에 수강평 남깁니다. 저는 데이터분석 위주의 파이썬과 R만 다뤄봤는데, 웹에 대한 기초가 없다보니 크롤링할때 HTML 태그 부분 등에서 막히는 경우가 종종있었습니다. 그 때마다 기본기를 한 번 다져야겠다 마음을 먹었었는데 잘 안되더라구요.. 그런데 우연히 제주코딩베이스캠프를 통한 인프런 강의를 들을 수 있는 기회가 생겨서 지금 듣고있는데 정말 인생 강의를 만난 것 같습니다. 아직 HTML까지만 강의를 들었지만 후기를 남겨봅니다! 일단 첫번째로 강사님 목소리 톤이나 속도, 발음이 너무 듣기 좋습니다! 저의 경우 온라인 강의는 무조건 2배속으로 듣는 편인데요! 그럼에도 불구하고 말소리가 전혀 뭉개지지 않고 전달력이 너무 좋습니다. 두번째로는 교재가 너무 좋아요! 단순히 PDF 파일로 제공되는 것이 아니라 노션으로 제공되는거라서, 어떤 디바이스에서든 보기가 너무너무 편합니다. 세번째로는 강의 내용이 정말 꼼꼼하고 섬세합니다!! 저처럼 현업에 있지만 직접적으로 웹 코딩을 안하는 사람들에게는 개념부터 싹 정리하고 가기 좋은 강의라고 생각합니다. 온라인 강의는 일방향 소통이기 때문에 이해가 안되는 상황이 종종 발생하곤 하는데, 이 강의는 마치 제가 무엇을 궁금해하는지 알고 있다는 듯이 내용을 꼼꼼하게 잘 설명해주었습니다. 마지막으로, 실습해보기가 너무 좋습니다. 저는 강의에 나오는 코드를 직접 타이핑을 쳐보면서 수업을 따라가고 있는데요. (복붙X) 강의를 일시정지 하는 시간이 간혹 생기지만, 그래도 코드를 직접 타이핑해가며 공부하기 쉽게끔 되어있습니다. 코로나 격리 때문에 예정 진도보다 많이 못나간 상태지만 ㅠㅠ 빨리 CSS 쪽도 해보고 싶네요. 감사합니다! ps. 아, 그리고 제코베 캐릭터 진짜 너무너무 귀엽습니다 ㅠㅠ
2022-09-28
덕복희 thumbnail
강의가 꼼꼼하고 진짜 견고하네요!(진짜... HTML/CSS 정석같은..강의...) 필요할 때 필요한 부분만 골라서 다시보면 너무너무 좋을것 같아요! 끝까지 힘내서 완강하도록 하겠습니다...!!!할수이땨!!!!!! 좋은 강의 감사합니다.😃
2022-08-17
알빠없음 thumbnail
html 부분만 듣기는 했지만 제가 부족했던 부분을 채울 수 있었고 동작원리도 자세히 가르쳐주셔서 이해하기가 쉬웠습니다. css 도 빨리 듣고 완강하겠습니다! 감사합니다!!
2022-08-19
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!