Name: 이상적인 비디오 튜토리얼 웹 사이트 프런트 엔드 페이지 비디오 튜토리얼
Uploaded: 2022-04-13T14:50:57+8:00
Duration: 337 min 12 s
Description: "Ideal Video Tutorial Network 프런트 엔드 페이지의 비디오 튜토리얼"

장1HTML과 XHTML: HTML 구조
04분00초; HTML 구문
09분48초; HTML 태그
17분13초; HTML 속성
11분29초; XHTML 구조
06분49초; XHTML 유형
05분08초; DTD 분석
06분13초; 네임스페이스
03분46초
장2HTML5 소개: HTML5 구문
13분02초; HTML5 요소
15분12초; HTML5 속성
06분30초; HTML5 전역 속성
07분57초; HTML5의 기타 기능
11분05초; HTML5 문서 구조 이해
11분02초; HTML5 요소 분류; 기사 식별
05분10초; 세그먼트 내용; 디자인 네비게이션 정보
05분50초; 디자인 지원 정보
03분36초; 마이크로포맷 디자인; 출판 날짜 추가; 제목 블록 추가
01분58초; 그룹 제목; 각주 블록 추가; 연락처 정보 추가; 디자인 개요; 디자인 스타일
장3예시적 적용: 이메일형 애플리케이션
03분45초; URL 유형 애플리케이션
02분46초; 숫자 유형 응용 프로그램; 범위 유형 응용 프로그램
02분32초; 날짜 체커형 애플리케이션; 검색 유형 애플리케이션; 전화 유형 응용 프로그램; 색상 유형 응용 프로그램
장4새로운 콘텐츠: 새로운 자동 완성 속성; 새로운 자동 초점 속성
05분04초; 새로운 양식 속성; 새로운 양식 재정의 속성; 새로운 높이 및 너비 속성
01분48초; 새로운 목록 속성; 새로운 최소, 최대 및 단계 속성; 새로운 다중 속성; 새로운 패턴 속성; 새로운 자리 표시자 속성; 새로운 필수 속성; 새로운 데이터 목록 요소; 새로운 키젠 요소; 새로운 출력 요소; 새로운 자동 완성 속성
00분58초; 새로운 novalidate 속성
01분28초
장5캔버스 그리기: 페이지에 캔버스 요소 추가
02분33초; Canvas가 그래픽을 그리는 방법
06분14초; 캔버스 좌표 이해; Canvas를 사용하지 말아야 할 경우; 브라우저가 Canvas를 지원하지 않는 경우; 브라우저 지원 확인; 직선을 그리세요
02분34초; 직사각형 그리기; 원을 그리세요; 삼각형 그리기
03분08초; 캔버스 지우기; 2차 베지어 곡선 그리기; 3차 베지어 곡선 그리기; 캔버스 상태 저장 및 복원; 좌표 공간 이동; 좌표 공간 회전; 좌표 공간 회전; 그래픽 확대; 행렬 변환; 그래픽의 조합
04분55초; 클리핑 패스; 다양한 선 스타일 적용; 선형 그라데이션 그리기; 방사형 그라데이션 그리기; 패턴 그리기; 그래픽의 투명도 설정; 그림자 만들기; 필러 텍스트 그리기; 윤곽선 텍스트 그리기; 텍스트 너비 측정; 캔버스로 이미지 가져오기; 이미지 크기 변경; 이미지 조각 만들기
07분04초
장6오디오 및 비디오: JavaScript로 오디오 형식 지원 감지
04분20초; JavaScript로 비디오 형식 지원 감지
03분38초; 오디오 요소 이해
02분28초; 오디오 재생
05분22초; 비디오 요소 알아보기
01분12초; 비디오 재생
06분11초; 오디오 및 비디오 관련 속성; 오디오 및 비디오 관련 방법
08분58초; 오디오 및 비디오 관련 방법; 오디오 및 비디오 관련 이벤트; 스크립트로 음악 재생 제어; 비디오 프레임 보기
장7웹 브라우저 애플리케이션: 브라우저 지원 확인
06분32초; 데이터 설정 및 가져오기; 데이터 유출 방지; 웹 스토리지의 다른 용도
02분25초; 웹 스토리지 이벤트 모니터링
03분37초; 예 1: 웹페이지 스킨 디자인; 예시 2: localStorage 데이터 추적
05분48초; 예 3: 디자인 카운터; 종합적 애플리케이션: 웹 애플리케이션 프로젝트의 실시간 추적
08분56초; 웹 SQL 데이터베이스 사용; 예시 1: 간단한 로컬 데이터베이스 생성
05분56초; 예시 2: 로컬 데이터를 일괄적으로 저장; 종합적용 : Web Storage와 Web SQL의 혼합 개발; 실전 전투 1: 홈 페이지 캐싱; 실전 2: 오프라인에서 콘텐츠 편집; 실전 전투 3: 오프라인 추적; 브라우저 지원 확인; 웹 작업자 생성; 웹 작업자와 통신; Web Workers를 사용한 실습
장8멀티스레드 애플리케이션: 멀티스레딩을 사용하여 백그라운드 작업 구현; 백그라운드에서 값 필터링; 멀티 태스킹 동시 처리; 여러 스레드 간 통신; 스레딩 기술을 사용하여 피보나치 수열 계산; 그리기에 멀티스레딩 사용; 애플리케이션 메인 페이지 작성
03분13초; 작업자 js 작성; 웹 작업자와 통신
04분15초
장9CSS3 지식 포인트에 대한 자세한 설명: CSS1.0 및 CSS2.0 개요; CSS와 DIV 태그의 관계
05분15초; CSS 코딩 표준
07분57초; 속성 선택기
05분15초; RGBA 투명도; 다중 열 레이아웃; 여러 배경 이미지
01분54초; 문자열 오버플로; 블록 그림자와 둥근 그림자; 둥근 모서리; 국경 그림; 흉한 모습; CSS 3의 적용 범위; 현재 CSS 3를 지원하는 브라우저; 사례 실습: 아름다운 형태 디자인; 속성 선택자 이해; 사례 실습; 구조적 의사 클래스 선택기 이해; 사례 실습; 일반적인 UI 의사 클래스 선택기 이해; 사례 실습; 기타 선택기; 텍스트 그림자 속성 정의; 그림자 효과 적용; 종합실습 : 해커사이트 홈페이지 디자인
05분49초; 오버플로 텍스트; 텍스트 줄 바꿈; RGBA 색상 값 사용; HSL 색상 값 사용; HSLA 색상 값 사용; 불투명도 속성 정의; 투명 색상 값 정의; 자세한 사용법 설명; 사례 실습
01분04초; 자세한 사용법 설명; 사례 실습; 자세한 사용법 설명; 사례 실습: 타원형 그래픽 디자인; 자세한 사용법 설명; 사례 실습: Windows 7의 인터페이스 효과 디자인; 배경 좌표 정의; 배경 자르기 영역 정의; 배경 이미지 크기 정의; 배경 이미지가 반복되는 방식 정의; 여러 배경 이미지 정의; 변환 알아보기
04분26초; 회전 애니메이션; 줌 애니메이션; 움직이는 애니메이션; 기울기 애니메이션; 애니메이션 변환; 사례 실습: 그래피티 벽 디자인; 사용자 정의 변환; 복잡한 변형 정의; 전환 속성 정의; 전환 시간 정의; 전환 지연 시간 정의; 전환 효과 정의; 사례 실습: OS Navigator 설계; 사례 실습: 그림 뒤집기 효과 디자인; 웹킷 그라디언트 디자인; 웹킷 사례 실습; 웹킷 그라디언트 디자인; 웹킷 사례 실습; 디자인 게코 그라데이션; 게코 사례연습; IE 그라디언트 디자인; W3C 그라디언트 디자인; 디자인 선물 상자; 접이식 패널 디자인; 디자인 수; 디자인 디스크 슬라이딩 애니메이션; 디자인 드롭다운 메뉴; 정교하게 디자인된 버튼
장10공들여 나열한 것: 다중 열 레이아웃 디자인
03분16초; 열 너비 정의
01분29초; 열 수 정의
01분08초; 열 간격 정의
01분07초; 열 테두리 스타일 정의
02분19초; 열 전체에 대한 표시 정의
01분45초; 기둥 높이 정의
01분49초; 디자인 박스 레이아웃
04분53초; 적응형 너비 정의 확인
04분08초; 열 표시 순서 정의
01분48초; 열 배열 방향 정의
01분13초; 모듈 크기 적응 정의
03분05초; 공백 제거
04분03초; 정렬 정의; 종합 실습: 다중 열 웹 페이지 디자인
05분19초; 박스 모델 구성 방식 변경; 요소 크기 조정; 개요 정의; 윤곽 변위 정의; 탐색 순서 정의; 방향 키 제어 순서 정의; 표시 콘텐츠 추가; 요소 스타일 취소; 이니셜 사용시 주의하세요; 오버플로 처리; @font-face 규칙 사용; 미디어 쿼리 모듈을 만나보세요; @media 규칙을 알아두세요; @media 규칙 사용; 사이트에 @media 규칙 적용; 음성 기능 추가; 디자인 반영
04분42초

이상적인 비디오 튜토리얼 웹 사이트 프런트 엔드 페이지 비디오 튜토리얼

강사 소개

PHP 중국어 웹사이트