HTML & CSS 정복 캠프
기간 08-16(수) ~ 10-14(토) 총 8주
*10/4(수), 10/7일(토) 추석으로인한 휴강
일정 수요일 19:30 ~ 22:30, 토요일 09:30 ~ 13:30
준비물 개인 노트북 사용 추천(본인 PC에 맞는 개발환경 설정 및 원활한 개별 실습을 위하여)
장소 패스트캠퍼스 강의장
담당자 김용성 매니저 02-517-0686
궁금하신 사항이 있으면 언제든 연락주세요!

주먹구구식으로 배워, 일단 사이트를 만들면 그만이라구요?

웹 개발의 근간을 이루는 중요한 언어인 HTML, CSS!
하지만 대부분의 사람들은 HTML, CSS를 쉽고 단순한 언어라고 착각하곤 합니다.
문법을 조금만 틀려도, 웹 접근성(정보 접근성)같은 건 별로 신경쓰지 않아도 어떻게든 사이트는 만들어지기 때문입니다.

그러나, 웹 표준을 제대로 이해하고 만들지 않은 사이트는 가변성이 큰 프론트엔드 영역에서 발생하는 다양한 이슈를 정확한 방법으로 처리할 수 없습니다.

이제, 여기서 제대로 배웁시다!

처음 HTML, CSS를 배우려는 분들에게는, 어딜 가든 ‘제대로 배웠다’는 자부심을 가질 수 있도록 깊은 이해를 심어드립니다.
이미 실무에서 HTML,CSS를 사용하고 있지만 접근성이나 각종 이슈에 대비하는 능력이 부족한 분들에게 클리닉같은 수업을 제공합니다.

HTML, CSS 보기에는 쉬워 보입니다.

심지어 문법을 틀리더라도, 브라우저가 똑똑하게 잘 처리해줍니다.
그렇기에 일단 잘 보이면 끝이라고 생각하게 되고, 어떤 코드가 좋은 코드인가에 대한 고민을 하지 않는 경우가 많습니다.

그러나 웹 문서의 뼈대와 스타일링을 책임지는 언어인만큼, 어떻게 설계해야 하는지 훨씬 치밀하게 접근해야만 합니다.

우리나라에서 HTML, CSS를 가르치는 사람은 많습니다.
또 반드시 이 수업을 들을 필요는 없을 수도 있습니다.

다만 HTML, CSS 표준과 원리에 대해서 온전히 다루는 강의는
이 강의가 유일합니다.

checkpoint웹접근성을 정확하게 지키는 HTML & CSS 정복 수업

checkpoint실무밀착형 강의로 추가적으로 Git, Gulp, jQuery를 익히는 수업

이 강의를 듣고 싶다면!

강의에 대해 궁금한 점이 있다면!

이런 분에게 추천합니다!

아직 아무것도 모르지만, 웹표준을 준수하고 웹의 원리를 이해하는 데 초석을 다지고 싶은 분

기본적으로 HTML, CSS 와 같이 웹에서 활용하는 언어를 배우면 된다고 생각하지만, 이 언어들의 문법만을 익히는 것으로는 탄탄한 실력을 갖추기가 어렵습니다. 웹 표준에 대한 이해도 필요하고, 각 요소들이 뜻하는 바도 알아야 하고, 브라우저 호환성도 생각해야 합니다.
이 강의는 도구적으로 해당 언어들을 활용하는 것에 그치지 않고 생각하고 코딩할 수 있도록 제대로 알려 드립니다.

문법은 아는데, 각 요소의 의미나 실무에서의 활용사례들은 잘 모르는 분

코딩이 잘 안되서 웹사이트를 이미지로 대체하고, 다양한 환경을 고려할 수 없어서 사용자의 환경을 제한하는 등 잠깐의 임시방편들로 해결하는 데에는 한계가 분명 있습니다.
이런 한계에서 벗어나려면 HTML과 CSS를 활용한 웹사이트 구현의 원리를 정확히 파악할 필요성이 있습니다.

머리로 알고 있는 코딩이 아닌,
손으로 직접 코딩을 쓸 수 있어야
HTML, CSS를 제대로 배웠다고 할 수 있습니다!

웹표준을 정확히
알려주는 수업

웹 표준을 알려주는 수업은 많지만, 정확히 알려주는 수업은 드뭅니다. HTML과 CSS가 웹페이지를 구성하는 핵심 기술로서 원리를 파악하고 활용할 수 있게 도와줍니다. 따라서 누가 만들던, 어떤 환경에서 작업을 하던, 호환성 높은 웹사이트를 구현할 수 있게 됩니다.

예습 및 복습용
문서 제공

강사님이 실제로 코드를 작성하는 순서를 의식의 흐름대로 작성하신 문서를 제공합니다. 마치 강사님의 강의를 다시 듣는 느낌이 들 정도로 상세하게 적혀있습니다. 이 문서를 토대로 연습을 하다보면, 처음부터 끝까지 내 손으로 코드를 작성하는 힘을 기르게 됩니다.

실무에
밀접한 수업

HTML&CSS뿐만 아니라, JavaScript 기초도 간략하게 다룹니다. 좋은 회사라고 불리는 기업에서 전부 사용한다고 할 수 있는 Git, Gulp, SASS를 강의 시간에 다뤄봅니다. 또한, 현업에서의 다양한 꿀팁도 끊임없이 알려주는 수업입니다.

커리큘럼

궁금한 건 그때그때 수업시간에 전부 해결하고 갑시다!

– 수업 내내 강사님은 실제 포털 웹사이트 등 우리가 흔히 볼 수 있는 웹사이트를 처음부터 끝까지 직접 라이브로 코딩 합니다. 이때에 직접 코드를 작성하시면서 새로운 요소를 주석으로 꼼꼼하게 설명해주십니다.
– 또한 수강생의 입장에서 진행되는 강의로 새로운 요소를 보았을 때, 학습자의 관점에서 떠오를 만한 궁금증을 자문자답 형식으로 해결해 주십니다.
– 강의 중 해결하지 못한 궁금증은 실습 시간과 페이스북을 통해 해결할 수 있습니다. 그날 배운 요소를 그날 스스로 작성해보며 자유롭게 질문하며, 강의 외 시간에 생긴 궁금증은 페이스북 그룹을 통해 온라인으로도 강사님과 1:1로 질문과 답변을 주고 받을 수 있습니다.

주차 내용
1
주차
HTML과 CSS 성공적으로 입문하기

  1. 웹 표준이란 무엇인가? 왜 지켜서 짜야하는가?
  2. HTML(HyperText Markup Language)
    1. 문법
    2. 의미있는 HTML 코드 작성하기(Semantic HTML)
    3. 콘텐츠 모델과 속성
    4. 좋은 HTML 코드란 무엇인가? 예시 코드를 뜯어보며 좋은 예를 익혀보자
  3. CSS(Cascading Style Sheets)
    1. 문법
    2. 셀렉터
    3. 셀렉터 우선순위
    4. 속성(width, height 등)
    5. CSS3 속성(벤더 프리픽스와 최신 CSS)
    6. CSS 모듈화
2
주차
HTML 이해하기

  1. 시맨틱 HTML – 눈에 보이는 것이 다가 아니다. 의미 있는 웹 문서를 작성하자.
  2. HTML 콘텐츠 모델
  3. HTML 작성해보기
  4. 멋진 HTML 폼
주차 내용
3~6
주차
CSS 를 이해하고 사이트 구현 실습하기

  1. 브라우저의 간단한 동작방식
  2. CSS 문자 및 색상
  3. CSS 레이아웃 (박스모델, Flow 등등)
  4. CSS 포지션
  5. CSS 단위
  6. CSS Flexbox
  7. CSS Grid
  8. CSS 애니메이션 (Transition, Transform, static)
  9. CSS Shadow
6.5
주차
SASS & gulp

  1. CSS 를 효율적으로 관리하기
  2. gulp를 활용해 더 쉽게 CSS 작성하기
7
주차
자바스크립트 기초와 DOM 스크립트

  1. 자바스크립트 문법, 변수, 함수
  2. 자바스크립트로 HTML 요소를 선택하고, 속성을 부여하고, 이벤트 부여하기
8
주차
배운 내용을 총동원하여 웹사이트 구현하기

강사소개

profile-1-1024x1024

조은 강사님

우아한 형제들 프론트엔드 개발자
KIPFA 인터넷에코어워드 퍼블리싱 부문 최우수상

“8주간 수강생분들께 HTML과 CSS의 원리에 대해 꼼꼼히 알려드리고, 제가 몇 년간 실무에서 경험한 다양한 내용을 ‘꿀팁’ 으로서 여러분께 전하겠습니다.”

[주요약력]
– (현) 우아한형제들 프론트엔드 개발자
– (전) NHN Technology Services, SK Communications UI 개발
– GDG Korea WebTech 운영자
– 디자이너의 코딩 스킬 향상을 위한 그룹, ‘코딩하는 디자이너’ 교육 담당
– 웹표준 커뮤니티 ‘Clearboth’, 페이스북 그룹 ‘프론트엔드개발그룹’ 운영자
– 한국 웹표준 프로젝트 멤버
– W3C 권고안 번역한국인터넷전문가협회(KIPFA) W3C 권고안 번역 검수위원

수강료


수강료 1,000,000원!