다음 섹션: 完善评论点赞功能练习1428회 재생

5 秒后自动播放下一节
  다시 시청하기

Issue 5_프론트엔드 기본

소개 >
코스웨어
장1HTML 문서 구조

페이지에서 일반적으로 사용되는 텍스트 요소

53분53초

웹페이지의 이미지 및 링크

56분34초
장2웹프론트엔드 기초과정

CSS3에서 일반적으로 사용되는 배경 컨트롤(스프라이트...)

44분43초

레이아웃에서 일반적으로 사용되는 테두리 효과(테두리)

테이블 및 목록의 스타일 제어

프런트엔드에서 일반적으로 사용되는 양식 요소

장3웹 프론트엔드 기초과정1

CSS 캐스케이딩 스타일 시트에 대한 자세한 설명: 내부\외부\인라인

09분51초

일반적인 CSS 선택기

요소 표시 및 내부 및 외부 여백

Float(float)+(Youku 핫 모듈 레이아웃(1부)

49분03초

Float(float)+(Youku 핫 모듈 레이아웃)(2부)

장4웹 프론트엔드 기초과정 2

CSS의 위치 지정(고정/상대/절대)에 대한 자세한 설명

의사 선택기:호버

사례: Youku 상단 탐색(1부)

사례: Youku 상단 탐색(2부)

장5웹 프론트엔드 기초과정 3

사례: Youku 상단 캐러셀 이미지의 부분 레이아웃(1)

사례: Youku 상단 캐러셀 이미지의 부분 레이아웃(2)

사례: Youku 상단의 각 탐색 모음 레이아웃(1)

사례: Youku 상단의 각 탐색 모음 레이아웃(2)

19분08초
장6자바스크립트 기초

자바스크립트에 대해 알아보기

24분37초

변수 선언

32분49초

자바스크립트 데이터 유형

조건문

장7자바스크립트 기초 2

스위치(다중 분기 선택 문)

루프 문

28분34초

기능

35분53초
장8자바스크립트 기초 3

함수 호출

28분11초

폐쇄

HTML DOM

28분16초

DOM 이벤트

장9자바스크립트 사례

JavaScript 대체 라인 색상 변경

자바스크립트 모두 선택

수학 객체(임의의 색상)

날짜 객체(카운트다운)

23분22초
장10자바스크립트 사례 1

div에서 마우스의 [좌표]를 실시간으로 가져옵니다.

Baidu 라이브러리의 텍스트 검색 효과 모방

24분49초

스크롤 바를 일정 거리 아래로 이동하면 [고정 탐색]이 표시됩니다.

레벨 3 연계

장11제이쿼리 기본과정

jQuery에 대해 알아보기

jquery 설치 및 사용

제이쿼리 선택기

30분18초

제이쿼리 이벤트

장12jquery 기본과정 1

jQuery 순회

40분34초

jQuery는 CSS 클래스를 가져오고 설정합니다.

jQuery는 콘텐츠를 가져오고 설정합니다.

장바구니에 추가 효과 시뮬레이션

25분52초
장13제이쿼리 기본과정 2

jQuery 액션 속성

jQueryadd 요소

jQuery 삭제 요소

기능 연습과 같은 댓글

장14제이쿼리 기본과정 3

jQuery 애니메이션 효과

댓글과 좋아요 기능 연습 개선

탭 전환(자동 전환 js 네이티브) 1

탭 전환(자동 전환 js 네이티브) 2

장15프론트엔드 프레임워크 사용

부트스트랩+layui

프레임: 그리드 레이아웃

레이이 모듈식 사용

오늘의 헤드라인 [1]

22분53초
장16프로젝트【오늘의 헤드라인】

오늘의 헤드라인 [내비게이션 레이아웃]

52분41초

오늘의 헤드라인 [뉴스목록]

51분15초

오늘의 헤드라인 [탭 스위치]

오늘의 터우탸오 [홈페이지 로그인 레이아웃]

29분52초

오늘의 헤드라인 - 이모티콘

오늘의 헤드라인[이모지 드롭다운]

오늘의 헤드라인 [뉴스목록]

게시 효과

스크롤바 효과

27분46초

터우탸오 [로그인 페이지 1]

57분59초

터우티아오 [로그인 페이지 2]

장174.13 토요일 지식 답변

지식 답변 1

54분39초

지식 답변 2

  • 취소회신하다배상
  • 취소메모를 게시하다배상