본문 바로가기

프로그래밍 언어/HTML&CSS

[Do it!] 기초 언어 스터디 HCJ - 1주차

Do it! HTML+CSS+자바스크립트 웹 표준의 정석 커리큘럼

일정 학습 챕터
1주차   01 웹은 어떻게 움직일까
  02 웹 개발 시작하기
  03 HTML 기본 문서 만들기
  04 웹 문서에 다양한 내용 입력하기
2주차   05 입력 양식 작성하기
  06 CSS의 기본
  07 텍스트를 표현하는 다양한 스타일
3주차   08 CSS 박스 모델
  09 이미지와 그러데이션 효과로 배경 꾸미기
  10 반응형 웹과 미디어 쿼리
  11 플렉스 박스 레이아웃으로 배치하기
4주차   12 CSS 그리드 레이아웃으로 배치하기
  13 CSS 고급 선택자
5주차   14 트랜지션과 애니메이션
  15 자바스크립트와 첫 만남
  16 자바스크립트 기본 문법
  17 함수와 이벤트
6주차   18 자바스크립트와 객체
  19 문서 객체 모델(DOM) 다루기
  [Do it! 실전 프로젝트] 넷플릭스 사이트 따라 만들기

 

 

 

Do it! HTML+CSS+자바스크립트 웹 표준의 정석 | 고경희 | 이지스퍼블리싱 - 예스24

웹 분야 도서 1위! 누적 판매 부수 13만 부!‘웹 표준의 정석’ 시리즈의 최신 개정판과 함께웹 개발의 3대 기술을 끝낸다!웹 분야 1위 도서 『Do it! HTML+CSS+자바스크립트 웹 표준의 정석』이 전면

www.yes24.com

https://www.yes24.com/product/goods/129133723

 


 

웹 접근성(web accessibility, a11y)

어떠한 사용자, 어떠한 기술 환경에서도 사용자가 전문적인 능력 없이

웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것.

 

 

웹 개발에서

HTML문서의 구조를 만들고

CSS디자인을 담당하며

자바스크립트사용자와 상호 작용 역할

 

2장 실습

 

<!DOCTYPE html> 태그 : 문서 유형 선언

<html> 태그 : HTML 파일 시작 표시

<head> 태그 : 웹 브라우저에 문서 정보 제공

<meta> 태그 : 문자 세트, 문서 정보 제공

<title> 태그 : 문서 제목, 웹 브라우저의 제목 표시줄에 표시

<body> 태그 : 웹 브라우저에 내용 표시

 

3장 실습

 

4장 실습

 

 

 

짧은 스터디 소감.

HTMl, CSS를 학습 하는 이유는, 개발자이지만(DBA) 프론트 엔드 쪽을 잘 몰라서 기초를 학습함과 동시에

우연히 준비했던 웹디자인개발기능사 실기의 유효기간 만료(26년 중순) 전 취득을 위함이다.

다행히 1주차의 학습은 기초 중의 기초라, 정신없는 신년 새해 1월의 1주차였지만 무사히 진도를 따라갔다.

다음주, 그리고 다다음주의 진도가 무섭지만(현업 이슈...) 목표 달성을 위해 열심히 해봐야겠다!