Name: Issue 22_프론트엔드 개발
Uploaded: 2022-12-12T14:04:43+8:00
Duration: 2402 min 39 s
Description: (WeChat 참조: phpcn01) PHP 중국어 웹사이트 22호의 프론트엔드 개발 부분 학습 목표: 1. HTML5/CSS3, 2. JavaScript/ES6, 4. Vue3 기본 및 고급; . 모바일 몰/웹사이트 배경 홈 페이지 레이아웃 6. 탭/캐러셀/장바구니 자동 계산...

Issue 22_프론트엔드 개발

장1 0112-학교 첫 수업(준비)
확장하다 쑥 들어가게 하다

섹션1 학습 스타일 및 숙제 요구 사항
지속： 11 minutes 37 seconds

섹션2 웹 개발 일반 용어
지속： 21 minutes 13 seconds

섹션3 개발 환경 및 소프트웨어 도구
지속： 28 minutes 37 seconds

섹션4 일반적으로 사용되는 vscode 플러그인 소개
지속： 12 minutes 35 seconds

섹션5 마크다운 구문
지속： 21 minutes 46 seconds

섹션6 Git(Gitee)의 기본 동작
지속： 28 minutes 51 seconds
장2 0113-HTML을 자세히 설명(1)시험해 보고
확장하다 쑥 들어가게 하다

섹션1 HTML 페이지 구조 01
지속： 18 minutes 26 seconds

섹션2 HTML 페이지 구조 02
지속： 19 minutes 17 seconds

섹션3 HTML 태그, 속성 및 유형
지속： 16 minutes 45 seconds

섹션4 레이아웃 요소에 대한 자세한 설명
지속： 27 minutes 47 seconds

섹션5 그래픽 및 텍스트 솔루션
지속： 11 minutes 22 seconds

섹션6 이미지, 링크 및 목록 요소
지속： 18 minutes 02 seconds
장3 0116-테이블 및 양식의 세부사항
확장하다 쑥 들어가게 하다

섹션1 에밋 문법 연습
지속： 25 minutes 42 seconds

섹션2 테이블 요소와 실습에 대한 자세한 논의
지속： 23 minutes 58 seconds

섹션3 양식 및 로그인, 등록 실습에 대한 자세한 설명 01
지속： 18 minutes 20 seconds

섹션4 양식 및 로그인, 등록 실습에 대한 자세한 설명 02
지속： 17 minutes 40 seconds

섹션5 양식 및 로그인, 등록 실습에 대한 자세한 설명 03
지속： 21 minutes 08 seconds
장4 0117 - 미디어, 프레임 요소 및 CSS 기본
확장하다 쑥 들어가게 하다

섹션1 멀티미디어 태그와 속성의 실전 전투
지속： 15 minutes 41 seconds

섹션2 인라인 프레임 요소 활용 및 실습 방법 01
지속： 15 minutes 44 seconds

섹션3 인라인 프레임 요소 활용법 및 실습 02
지속： 16 minutes 19 seconds

섹션4 요소 스타일의 소스 및 우선순위에 대한 상세화 01
지속： 19 minutes 19 seconds

섹션5 요소 스타일의 소스 및 우선순위에 대한 상세화 02
지속： 20 minutes 24 seconds

섹션6 요소 스타일의 소스 및 우선순위에 대한 상세화 03
지속： 15 minutes 14 seconds
장5 0118-선택자 및 실제 사례의 세부 사항
확장하다 쑥 들어가게 하다

섹션1 선택기(1)에 대한 자세한 설명
지속： 28 minutes 01 seconds

섹션2 선택기(2)에 대한 자세한 설명
지속： 24 minutes 45 seconds

섹션3 선택기(3)에 대한 자세한 설명
지속： 21 minutes 03 seconds

섹션4 선택기(4)에 대한 자세한 설명
지속： 21 minutes 23 seconds
장6 0206-CSS 선택기 무게/박스 모델/단위
확장하다 쑥 들어가게 하다

섹션1 선택기 가중치 및 사용 시나리오를 자세히 설명하십시오. (1)
지속： 23 minutes 25 seconds

섹션2 선택기 가중치 및 사용 시나리오를 자세히 설명하십시오. (2)
지속： 17 minutes 11 seconds

섹션3 상세 박스 모델(1)
지속： 19 minutes 45 seconds

섹션4 상자 모델에 대해 자세히 설명합니다(2).
지속： 20 minutes 33 seconds

섹션5 CSS 공통 단위-1
지속： 22 minutes 29 seconds

섹션6 CSS 공통 단위-2
지속： 21 minutes 12 seconds
장7 0207-레이아웃 및 위치 지정에 대한 자세한 설명
확장하다 쑥 들어가게 하다

섹션1 여백 및 레이아웃 규칙
지속： 27 minutes 50 seconds

섹션2 세부 글꼴 아이콘-1
지속： 15 minutes 16 seconds

섹션3 세부 글꼴 아이콘-2
지속： 16 minutes 36 seconds

섹션4 미디어 문의 및 실습-1
지속： 16 minutes 41 seconds

섹션5 미디어 문의 및 실습-2
지속： 16 minutes 30 seconds

섹션6 요소 유형 및 보기 방법
지속： 12 minutes 43 seconds
장8 0208-포지셔닝 및 플렉스 레이아웃
확장하다 쑥 들어가게 하다

섹션1 위치 지정 유형(상대/절대/고정/고정)-1
지속： 17 minutes 24 seconds

섹션2 위치 지정 유형(상대/절대/고정/고정)-2
지속： 18 minutes 54 seconds

섹션3 위치 지정 유형(상대/절대/고정/고정)-3
지속： 15 minutes 06 seconds

섹션4 고정 위치 연습
지속： 12 minutes 27 seconds

섹션5 flex-1의 꼭 알아야 할 속성
지속： 23 minutes 47 seconds

섹션6 flex-2의 꼭 알아야 할 속성
지속： 27 minutes 18 seconds
장9 0209-Grid는 컨테이너 및 프로젝트 속성을 알아야 합니다.
확장하다 쑥 들어가게 하다

섹션1 그리드 컨테이너 및 프로젝트 속성-1
지속： 17 minutes 34 seconds

섹션2 그리드 컨테이너 및 프로젝트 속성-2
지속： 18 minutes 26 seconds

섹션3 그리드 컨테이너 및 프로젝트 속성-3
지속： 17 minutes 34 seconds

섹션4 그리드 컨테이너 및 프로젝트 속성-4
지속： 15 minutes 38 seconds

섹션5 그리드 컨테이너 및 프로젝트 속성-5
지속： 14 minutes 51 seconds

섹션6 그리드 컨테이너 및 프로젝트 속성-6
지속： 15 minutes 59 seconds
장10 0210-모바일 단말기 레이아웃 원리 및 실습
확장하다 쑥 들어가게 하다

섹션1 모바일 단말기 레이아웃 계획(rem+vw)-1
지속： 19 minutes 48 seconds

섹션2 모바일 단말기 레이아웃 계획(rem+vw)-2
지속： 19 minutes 25 seconds

섹션3 모바일 단말 레이아웃 계획(rem+vw)-3
지속： 18 minutes 42 seconds

섹션4 타오바오 모바일 단말기 레이아웃-1
지속： 19 minutes 51 seconds

섹션5 타오바오 모바일 단말기 레이아웃-2
지속： 20 minutes 02 seconds

섹션6 타오바오 모바일 단말기 레이아웃-3
지속： 19 minutes 25 seconds
장11 0213-JavaScript 기본 구문-1
확장하다 쑥 들어가게 하다

섹션1 타오바오 모바일 단말기 레이아웃-4
지속： 20 minutes 17 seconds

섹션2 타오바오 모바일 단말기 레이아웃-5
지속： 21 minutes 48 seconds

섹션3 타오바오 모바일 단말기 레이아웃-6
지속： 23 minutes 09 seconds

섹션4 JavaScript 및 실행환경 소개-1
지속： 18 minutes 59 seconds

섹션5 JavaScript 및 실행 환경 소개-2
지속： 19 minutes 18 seconds
장12 0214-JavaScript 기본 구문-2
확장하다 쑥 들어가게 하다

섹션1 변수선언 및 함수유형에 대한 자세한 설명-1
지속： 22 minutes 03 seconds

섹션2 변수선언 및 함수형에 대한 자세한 설명-2
지속： 23 minutes 18 seconds

섹션3 변수 선언 및 함수 유형에 대한 자세한 설명-3
지속： 21 minutes 52 seconds

섹션4 원자형 데이터형(원시형)-1
지속： 15 minutes 19 seconds

섹션5 원자형 데이터형(원시형)-2
지속： 17 minutes 04 seconds
장13 0215-참조 유형 및 프로세스 제어
확장하다 쑥 들어가게 하다

섹션1 참조 유형 및 클래식 애플리케이션 시나리오-1
지속： 23 minutes 05 seconds

섹션2 참조 유형 및 클래식 애플리케이션 시나리오-2
지속： 22 minutes 13 seconds

섹션3 범위 및 범위 체인
지속： 15 minutes 16 seconds

섹션4 객체 멤버에 대한 단순화된 구문
지속： 12 minutes 09 seconds

섹션5 프로세스 제어의 분기 구조
지속： 28 minutes 53 seconds
장14 0216-루프, 함수 반환 값 및 구조 분해 할당
확장하다 쑥 들어가게 하다

섹션1 공정제어루프운전-1
지속： 15 minutes 15 seconds

섹션2 공정제어루프운전-2
지속： 16 minutes 06 seconds

섹션3 함수 매개변수 및 반환 값 -1
지속： 15 minutes 11 seconds

섹션4 함수 매개변수 및 반환값-2
지속： 17 minutes 54 seconds

섹션5 템플릿 리터럴
지속： 11 minutes 26 seconds

섹션6 구조 분해 할당 및 적용 시나리오
지속： 27 minutes 54 seconds
장15 0217-접속자 속성, 문자열 및 배열 공통 메서드
확장하다 쑥 들어가게 하다

섹션1 접근자 속성
지속： 21 minutes 59 seconds

섹션2 일반적인 문자열 메소드-1
지속： 16 minutes 10 seconds

섹션3 일반적인 문자열 메소드-2
지속： 17 minutes 33 seconds

섹션4 배열-1의 일반적인 방법
지속： 19 minutes 52 seconds

섹션5 배열-2의 일반적인 방법
지속： 19 minutes 47 seconds

섹션6 배열-3의 일반적인 방법
지속： 18 minutes 23 seconds
장16 0220-클래스 및 DOM 작업-1
확장하다 쑥 들어가게 하다

섹션1 생성자와 클래스-1
지속： 22 minutes 35 seconds

섹션2 생성자와 클래스-2
지속： 20 minutes 44 seconds

섹션3 일반적인 DOM 작업-1
지속： 20 minutes 15 seconds

섹션4 일반적인 DOM 작업-2
지속： 19 minutes 45 seconds

섹션5 일반적인 DOM 작업-3
지속： 21 minutes 27 seconds
장17 0221-일반적인 DOM 작업-2
확장하다 쑥 들어가게 하다

섹션1 요소 추가, 삭제 및 수정(쓰기 작업)
지속： 30 minutes 00 seconds

섹션2 요소 콘텐츠 작업
지속： 11 minutes 12 seconds

섹션3 지정된 위치에 요소 추가
지속： 16 minutes 49 seconds

섹션4 실전: 게시판(추가 및 삭제)
지속： 31 minutes 17 seconds

섹션5 데이터 세트 객체
지속： 08 minutes 56 seconds

섹션6 getComputedStyle 계산된 스타일
지속： 13 minutes 47 seconds
장18 0222-이벤트 및 응모 세부사항
확장하다 쑥 들어가게 하다

섹션1 클래스리스트 객체
지속： 16 minutes 04 seconds

섹션2 이벤트 추가, 삭제 및 발송 실습
지속： 35 minutes 29 seconds

섹션3 이벤트 버블링 원리
지속： 09 minutes 19 seconds

섹션4 이벤트 위임 연습
지속： 17 minutes 05 seconds

섹션5 양식 이벤트
지속： 31 minutes 20 seconds
장19 0223-모듈 및 모듈 전투(탭)
확장하다 쑥 들어가게 하다

섹션1 모듈 선언, 내보내기 및 가져오기-1
지속： 22 minutes 09 seconds

섹션2 모듈 선언, 내보내기 및 가져오기-2
지속： 22 minutes 03 seconds

섹션3 모듈 실전 "클래식 탭"-1
지속： 23 minutes 40 seconds

섹션4 모듈 실전 "클래식 탭"-2
지속： 22 minutes 37 seconds

섹션5 모듈 실전 "클래식 탭"-3
지속： 22 minutes 50 seconds
장20 0224-모듈 실제 전투 캐러셀 차트 실제 전투
확장하다 쑥 들어가게 하다

섹션1 캐러셀 차트 실습-1
지속： 19 minutes 45 seconds

섹션2 캐러셀 차트 실습-2
지속： 19 minutes 50 seconds

섹션3 캐러셀 차트 실습-3
지속： 20 minutes 48 seconds

섹션4 캐러셀 차트 실습-4
지속： 19 minutes 59 seconds

섹션5 캐러셀 차트 실습-5
지속： 23 minutes 15 seconds
장21 0227-장바구니 실습과 비동기 프로그래밍
확장하다 쑥 들어가게 하다

섹션1 JSON 소개
지속： 14 minutes 09 seconds

섹션2 장바구니실습(모듈구현)-1
지속： 27 minutes 44 seconds

섹션3 장바구니실습(모듈구현)-2
지속： 27 minutes 31 seconds

섹션4 교차 도메인(jsonp 및 서버 허용)
지속： 29 minutes 11 seconds

섹션5 Xhr 및 비동기 요청 구현 프로세스 가져오기
지속： 27 minutes 56 seconds
장22 0228-노드, npm으로 가져오기
확장하다 쑥 들어가게 하다

섹션1 API 실제 사례 가져오기
지속： 31 minutes 05 seconds

섹션2 npm과 node-1의 일반적인 작업
지속： 24 minutes 53 seconds

섹션3 npm과 node-2의 일반적인 작업
지속： 25 minutes 53 seconds

섹션4 npm과 node-3의 일반적인 작업
지속： 25 minutes 43 seconds