고급 프런트엔드 기본 - 모바일 웹
이 과정은 2+5 모델을 채택합니다. 처음 2일 동안은 HTML+CSS를 사용하고, 마지막 5일 동안은 글꼴 아이콘, 평면 전환, 애니메이션 등을 사용하여 웹 페이지 효과와 프레젠테이션 방법을 풍부하게 합니다. 모바일 및 다중 터미널 적응 효과가 완료됩니다. 이 과정은 폐쇄 루프 방식으로 설계되었습니다. 각 장에는 포괄적인 사례가 포함되어 있습니다. 학습 후에는 기업 수준의 프로젝트를 연습하여 학생들이 지식 포인트를 습득할 수 있을 뿐만 아니라 응용 시나리오도 배울 수 있습니다. 학생들이 배운 것을 적용할 수 있도록 실제 개발에 지식 포인트를 제공합니다.
233641
배우는 사람
187
수업 시간
2022-08-17
업데이트 시간
22시간1142분54초
총 코스 기간
有朋自远方来,虽远必诛!
당신은 배울 것이다
이 과정은 2+5 모델을 채택합니다. 처음 2일 동안은 HTML+CSS를 사용하고, 마지막 5일 동안은 글꼴 아이콘, 평면 전환, 애니메이션 등을 사용하여 웹 페이지 효과와 프레젠테이션 방법을 풍부하게 합니다. 모바일 및 다중 터미널 적응 효과가 완료됩니다. 이 과정은 폐쇄 루프 방식으로 설계되었습니다. 각 장에는 포괄적인 사례가 포함되어 있습니다. 학습 후에는 기업 수준의 프로젝트를 연습하여 학생들이 지식 포인트를 습득할 수 있을 뿐만 아니라 응용 시나리오도 배울 수 있습니다. 학생들이 배운 것을 적용할 수 있도록 실제 개발에 지식 포인트를 제공합니다.
고급 프런트엔드 기본 - 모바일 웹
섹션1 글꼴 아이콘 - 기본 사용법
12분14초
섹션2 글꼴 아이콘-iconfont 클래스
05분05초
섹션3 케이스 장바구니
09분54초
섹션4 글꼴 아이콘-svg-업로드
10분15초
장2 글꼴 아이콘
섹션1 평면 변환 - 소개
08분07초
섹션2 평면 변형-변위
03분39초
섹션3 평면 변형-변위 기술
09분08초
섹션4 평면 변환 위치 지정 상자를 중심으로
12분23초
섹션5 케이스-이중 도어 레이아웃
06분00초
섹션6 케이스-이중 도어 호버 효과
04분55초
섹션7 평면 변환 회전
07분45초
섹션8 평면 변환 - 원 포인트 변환
06분15초
섹션9 평면변환-다중변환
06분15초
섹션10 평면 변환-줌
18분24초
섹션11 케이스-줌
03분39초
섹션12 케이스 - 확대/축소 - 메모 - 적층 가능
11분26초
섹션13 구배
09분05초
섹션14 케이스 그라데이션
10분00초
섹션15 포괄적인 사례-화웨이-구조 분석
07분05초
섹션16 종합케이스-화웨이-마스크
12분06초
섹션17 포괄적인 케이스-화웨이-호버 효과
계산 중
장3 평면 변환
섹션1 오늘의 강좌 소개
07분13초
섹션2 공간변환 - 소개
04분13초
섹션3 공간변형-변위
07분35초
섹션4 공간 변환-관점 속성
09분22초
섹션5 공간변형-관점특성-원리
09분33초
섹션6 공간변형-회전Z
04분16초
섹션7 공간변형-rotateX
04분34초
섹션8 공간변형-회전Y
03분30초
섹션9 공간 변환 - 왼손 법칙
05분41초
섹션10 공간변형-회전3d-이해
02분33초
섹션11 공간 변형 - 입체 표현
12분52초
장4 공간 변형
장6 강좌 복습
섹션1 애니메이션 소개
10분46초
섹션2 애니메이션-from..to
06분16초
섹션3 애니메이션 백분율
04분48초
섹션4 애니메이션-애니메이션 복합속성 01
11분18초
섹션5 애니메이션-애니메이션 복합속성 02
08분15초
섹션6 애니메이션-애니메이션 분할 저작 방식
07분07초
섹션7 애니메이션-프레임별 애니메이션-소개
05분21초
섹션8 애니메이션 프레임별 애니메이션 구현
12분02초
섹션9 애니메이션 - 여러 애니메이션 그룹
10분31초
장7 생기
섹션1 PC와 모바일 웹페이지의 차이점
05분13초
섹션2 구글 에뮬레이터
07분07초
섹션3 해결
10분32초
섹션4 코드 참조 해석 - 논리
10분02초
섹션5 뷰포트
12분00초
섹션6 더블 차트
14분50초
섹션7 퍼센트 레이아웃
12분27초
장10 이동단말기의 특징
섹션1 유연한 경험
09분43초
섹션2 플렉스 소개
08분40초
섹션3 플렉스 구성
08분42초
섹션4 플렉스-스핀들 정렬
10분39초
섹션5 Flex-교차축 정렬
09분48초
섹션6 Flex - 상자의 교차축 정렬을 개별적으로 제어합니다.
03분17초
섹션7 유연하고 유연한 상자 크기 특성
04분38초
섹션8 유연한 탄성 확장 비율
12분45초
장11 몸을 풀다
섹션1 꼬마토끼 샤너-주문확인-준비작업
10분10초
섹션2 주문 전체 레이아웃 확인
16분16초
섹션3 하단 레이아웃에서 주문-결제 확인
07분39초
섹션4 왼쪽 하단에서 주문-결제 확인
07분16초
섹션5 우측하단 주문-결제 확인
04분25초
섹션6 주문확인-사용자정보-전체 레이아웃
13분01초
섹션7 주문확인-사용자정보-콘텐츠 레이아웃
05분38초
섹션8 주문확인-이용자정보-텍스트 내용
08분39초
장12 작은 토끼 신선 주문
섹션1 코스소개
02분48초
섹션2 제품 레이아웃
12분24초
섹션3 제품 수
05분36초
섹션4 제품 설명
16분35초
섹션5 추가 정보 - 레이아웃
11분08초
섹션6 추가 정보 - 내용
08분47초
장13 Little Rabbit Xian'er-제품 및 기타 정보
섹션1 스핀들 방향을 유연하게 수정
07분51초
섹션2 플렉스 스핀들 방향 및 정렬
05분32초
섹션3 유연하고 유연한 박스 라인 포장
08분52초
섹션4 Flex - 행 정렬 조정
05분51초
장14 플렉스 레이아웃
섹션1 프로젝트 소개
10분10초
섹션2 배경
07분25초
섹션3 콘텐츠 레이아웃
08분25초
섹션4 계정 개요 - 레이아웃
09분02초
섹션5 계정 개요 - 목차
14분46초
섹션6 계정 개요-이미지 크기
03분54초
섹션7 공개 패널 레이아웃
10분22초
섹션8 공개 패널 텍스트 스타일
04분30초
섹션9 order-li 레이아웃
07분03초
섹션10 주문 내용 레이아웃
07분31초
섹션11 주문상품
09분18초
섹션12 주문-상품-줄임표
07분29초
섹션13 주문-공통
08분55초
장15 작은 토끼 Xian'er-PC
섹션1 모바일 적응
10분24초
섹션2 오늘의 강좌 소개
02분11초
섹션3 렘 모바일 적응을 경험해보세요
05분00초
섹션4 rem 기본 사용
07분04초
섹션5 rem-미디어 쿼리
12분53초
섹션6 rem-모바일 적응
10분03초
섹션7 rem 레이아웃 프로세스
08분40초
섹션8 rem-flexible 모바일 적응
09분46초
섹션9 경험이 적음
06분52초
섹션10 덜 소개
03분04초
섹션11 덜 쉽고 덜 쉬운 플러그인
00분58초
섹션12 주석이 적음
04분22초
섹션13 덜 계산하다
07분25초
섹션14 덜 중첩된
10분02초
섹션15 덜 가변적
10분35초
섹션16 수입이 적은
06분01초
섹션17 덜 내보내기 플러그인 구성
08분38초
섹션18 덜 내보내기 별도 경로
04분30초
섹션19 덜 비활성화된 내보내기
03분47초
장16 모바일 적응
섹션1 프로젝트 준비
07분10초
섹션2 수입이 적은
03분13초
섹션3 전반적인 배열
09분44초
섹션4 루트 크기 가변
05분15초
섹션5 배너 영역
04분02초
섹션6 이벤트 제목
04분47초
섹션7 활동 레이아웃
06분54초
섹션8 활동 글꼴 아이콘
08분20초
섹션9 활동-상태-블루
06분47초
섹션10 활성 상태 - 회색
08분29초
섹션11 활동 텍스트 상단
06분45초
섹션12 활동 텍스트 하단
07분12초
섹션13 활동-콘텐츠 복사
04분16초
섹션14 활동 하단 도구 모음
10분46초
장17 놀이공원 프로젝트
섹션1 폭스바겐 경험
09분48초
섹션2 vh-경험
03분30초
섹션3 vw-모바일 적응
06분27초
섹션4 VH-모바일 적응
04분30초
섹션5 VH-전체 화면 영향
05분10초
장18 vw와 vh
섹션1 자료 얻기
08분51초
섹션2 프로젝트 준비
05분51초
섹션3 헤더 레이아웃
계산 중
섹션4 vw 변수
01분39초
섹션5 헤드 로고 아이콘
06분53초
섹션6 헤드 오른쪽 콘텐츠
계산 중
섹션7 머리 - 더
계산 중
섹션8 헤더 글꼴 아이콘 글꼴 크기
계산 중
섹션9 헤드탭
계산 중
섹션10 비디오 레이아웃
계산 중
섹션11 비디오 아이디어
계산 중
섹션12 영상 소개 텍스트
계산 중
섹션13 비디오 수량 통계
09분41초
섹션14 비디오-유연한 박스 라인 래핑
계산 중
섹션15 헤더 수준 및 배경색
03분10초
장19 스테이션 B
섹션1 코스소개
06분04초
섹션2 미디어 쿼리-최대-최소 너비
10분50초
섹션3 미디어 쿼리 - 쓰기 순서
09분35초
섹션4 이해-미디어 문의-전체 글쓰기 방법
06분27초
섹션5 미디어 쿼리-링크 작성 방법
06분17초
섹션6 미디어 쿼리-숨기기
09분26초
장20 언론문의
섹션1 부트스트랩 경험
07분10초
섹션2 부트스트랩 소개
03분18초
섹션3 부트스트랩 다운로드
09분56초
섹션4 부트스트랩 사용
08분43초
섹션5 부트스트랩 그리드 시스템 원리
10분30초
섹션6 부트스트랩 그리드 시스템 코드
10분22초
섹션7 bootstrap-grid 시스템-기타 클래스 이름
08분01초
섹션8 부트스트랩 소개
06분19초
섹션9 부트스트랩 테이블
08분47초
섹션10 부트스트랩 버튼
07분23초
섹션11 부트스트랩 구성 요소
07분57초
섹션12 부트스트랩 글꼴 아이콘
03분22초
섹션13 부트스트랩 플러그인 드롭다운 메뉴
07분10초
섹션14 부트스트랩 플러그인 캐러셀 차트
06분49초
장21 부트스트랩
데이터 이름
고급 프론트엔드 기초 - 모바일 웹 관련 코스웨어
다운로드
王林 강사 기타 강좌
인기 강좌
최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)
79 수업 시간
1474381
JAVA 초보자용 비디오 튜토리얼
753 수업 시간
2965853
Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼
60 수업 시간
544816
웹 프론트 엔드 개발에 대한 빠른 소개
8 수업 시간
220522
PS 비디오 튜토리얼을 처음부터 마스터하세요
268 수업 시간
997860
최신 강좌
[웹 프런트엔드] Node.js 빠른 시작
16 수업 시간
16292
해외 웹 개발 풀스택 강좌 총집합
12 수업 시간
13060
Go 언어 실습 GraphQL
10 수업 시간
10820
550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다
1 수업 시간
1236
기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬
50 수업 시간
54077









