제대로 파는 HTML CSS - by 얄코

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