취업 준비생을 위한 반응형 웹 (HTML, CSS)
[2023 취업대비] 누구나 시작할 수 있는 간단한 반응형 웹 사이트 포트폴리오 하나를 쉽고 빠르게 만들어봅니다.
Description
[ 수강필요성 (+동기부여) ]
기술 시대
기술 가진 사람이 ‘우대’받는 시대
1) 고용 안정성 (필요한 만큼 쉽게 내보내지 못함)
2) 유리한 처우 (구하기 어려운 사람이 되면 될 수록 유리함)
3) 직업 확장성 (프리랜서, 외주제작, 강사, 연사, 출판 등)
보편적인 기술
HTML, CSS, Javascript
1) 웹 페이지를 만드려면 반드시 사용해야하는 기술
2) IT 업계에서 널리 쓰임 (찾는 곳이 많음)
낮은 진입 장벽
HTML, CSS
1) 상대적으로 배우기 쉬운 편
2) 디자인 & 개발 직군에서 업무 확장을 위해 배우기 좋음
[ 수업목표 ]
웹 페이지 기본 구조 이해
반응형 웹 UI 이해
jQuery load를 이용한 UI 구성
jQuery 선택자와 클릭 이벤트 개념 이해
[ 수업내용]
1) 반응형 웹 사이트 살펴보기 (2:38)
2) 웹 사이트 기본 구조 설계 및 코딩 (7:10)
3) jQuery 기본 사용법과 클릭 이벤트 이해 (5:57)
4) 반응형 CSS 코드 작성 (6:05)
5) 상단 헤더 구성 - 모바일 (16:34)
6) 좌측 햄버거 메뉴 구성 - 모바일 (35:37)
7) 상단 헤더 구성 - PC (7:53)
8) 상단 네비게이션 구성 - PC (10:06)
9) jQuery load를 이용한 공통 헤더&푸터 호출 (4:23)
10) 반응형 웹 사이트 콘텐츠 완성 (22:19)
What You Will Learn!
- 웹 페이지 기본 구조 이해
- 반응형 웹 UI 이해
- jQuery load를 이용한 UI 구성
- jQuery 선택자와 클릭 이벤트 개념 이해
Who Should Attend!
- 반응형 웹사이트를 만들고자 하시는 분
- 웹사이트 기본 구조를 이해하고자 하시는 분