Issue 5_프론트엔드 기본

• 장1 HTML 문서 구조
• 1-1 페이지에서 일반적으로 사용되는 텍스트 요소
• 1-2 웹페이지의 이미지 및 링크
• 장2 웹프론트엔드 기초과정
• 2-1 CSS3에서 일반적으로 사용되는 배경 컨트롤(스프라이트...)
• 2-2 레이아웃에서 일반적으로 사용되는 테두리 효과(테두리)
• 2-3 테이블 및 목록의 스타일 제어
• 2-4 프런트엔드에서 일반적으로 사용되는 양식 요소
• 장3 웹 프론트엔드 기초과정1
• 3-1 CSS 캐스케이딩 스타일 시트에 대한 자세한 설명: 내부\외부\인라인
• 3-2 일반적인 CSS 선택기
• 3-3 요소 표시 및 내부 및 외부 여백
• 3-4 Float(float)+(Youku 핫 모듈 레이아웃(1부)
• 3-5 Float(float)+(Youku 핫 모듈 레이아웃)(2부)
• 장4 웹 프론트엔드 기초과정 2
• 4-1 CSS의 위치 지정(고정/상대/절대)에 대한 자세한 설명
• 4-2 의사 선택기:호버
• 4-3 사례: Youku 상단 탐색(1부)
• 4-4 사례: Youku 상단 탐색(2부)
• 장5 웹 프론트엔드 기초과정 3
• 5-1 사례: Youku 상단 캐러셀 이미지의 부분 레이아웃(1)
• 5-2 사례: Youku 상단 캐러셀 이미지의 부분 레이아웃(2)
• 5-3 사례: Youku 상단의 각 탐색 모음 레이아웃(1)
• 5-4 사례: Youku 상단의 각 탐색 모음 레이아웃(2)
• 장6 자바스크립트 기초
• 6-1 자바스크립트에 대해 알아보기
• 6-2 변수 선언
• 6-3 자바스크립트 데이터 유형
• 6-4 조건문
• 장7 자바스크립트 기초 2
• 7-1 스위치(다중 분기 선택 문)
• 7-2 루프 문
• 7-3 기능
• 장8 자바스크립트 기초 3
• 8-1 함수 호출
• 8-2 폐쇄
• 8-3 HTML DOM
• 8-4 DOM 이벤트
• 장9 자바스크립트 사례
• 9-1 JavaScript 대체 라인 색상 변경
• 9-2 자바스크립트 모두 선택
• 9-3 수학 객체(임의의 색상)
• 9-4 날짜 객체(카운트다운)
• 장10 자바스크립트 사례 1
• 10-1 div에서 마우스의 [좌표]를 실시간으로 가져옵니다.
• 10-2 Baidu 라이브러리의 텍스트 검색 효과 모방
• 10-3 스크롤 바를 일정 거리 아래로 이동하면 [고정 탐색]이 표시됩니다.
• 10-4 레벨 3 연계
• 장11 제이쿼리 기본과정
• 11-1 jQuery에 대해 알아보기
• 11-2 jquery 설치 및 사용
• 11-3 제이쿼리 선택기
• 11-4 제이쿼리 이벤트
• 장12 jquery 기본과정 1
• 12-1 jQuery 순회
• 12-2 jQuery는 CSS 클래스를 가져오고 설정합니다.
• 12-3 jQuery는 콘텐츠를 가져오고 설정합니다.
• 12-4 장바구니에 추가 효과 시뮬레이션
• 장13 제이쿼리 기본과정 2
• 13-1 jQuery 액션 속성
• 13-2 jQueryadd 요소
• 13-3 jQuery 삭제 요소
• 13-4 기능 연습과 같은 댓글
• 장14 제이쿼리 기본과정 3
• 14-1 jQuery 애니메이션 효과
• 14-2 댓글과 좋아요 기능 연습 개선
• 14-3 탭 전환(자동 전환 js 네이티브) 1
• 14-4 탭 전환(자동 전환 js 네이티브) 2
• 장15 프론트엔드 프레임워크 사용
• 15-1 부트스트랩+layui
• 15-2 프레임: 그리드 레이아웃
• 15-3 레이이 모듈식 사용
• 15-4 오늘의 헤드라인 [1]
• 장16 프로젝트【오늘의 헤드라인】
• 16-1 오늘의 헤드라인 [내비게이션 레이아웃]
• 16-2 오늘의 헤드라인 [뉴스목록]
• 16-3 오늘의 헤드라인 [탭 스위치]
• 16-4 오늘의 터우탸오 [홈페이지 로그인 레이아웃]
• 16-5 오늘의 헤드라인 - 이모티콘
• 16-6 오늘의 헤드라인[이모지 드롭다운]
• 16-7 오늘의 헤드라인 [뉴스목록]
• 16-8 게시 효과
• 16-9 스크롤바 효과
• 16-10 터우탸오 [로그인 페이지 1]
• 16-11 터우티아오 [로그인 페이지 2]
• 장17 4.13 토요일 지식 답변
• 17-1 지식 답변 1
• 17-2 지식 답변 2