실제 웹 개발 프로젝트 20개 모음, 살펴보겠습니다!

프로젝트 1: PC 웹사이트 레이아웃

포함된 지식 포인트: HTML 기본, CSS 기본, CSS 핵심 속성, CSS 스타일 계단식, 상속, 상자 모델, 컨테이너, 오버플로 및 요소 유형, 브라우저 호환성, 너비 및 높이 적응성, 위치 지정, 앵커 및 투명도, 이미지 통합, 테이블, CSS 속성 및 필터.

프로젝트 2: HTML5 CSS3 기본 프로젝트

포함된 지식 포인트: HTML5 새로운 요소 및 속성, 양식 필드 향상 요소, CSS3 선택기, 텍스트 글꼴 관련 스타일, CSS3 변위 및 변형 처리, CSS3 2D 변환 및 전환 애니메이션, CSS3 3D 변환 및 키프레임 애니메이션, 유연한 상자 모델, 미디어 쿼리, 반응형 디자인.

프로젝트 3: 웹앱 페이지 레이아웃 프로젝트

포함된 지식: 모바일 페이지 디자인 사양, 모바일 이미지 자르기, 텍스트 흐름/탄력성 제어/그림 균등 비율/특수 디자인 100가지 레이아웃, 비례 레이아웃 크기 조정, 뷰포트/메타 사용, rem/vw, flexbox에 대한 자세한 설명, 모바일 웹을 위한 특수 스타일 처리(리셋, 1px 테두리, 고화질 사진).

프로젝트 4: 기본 Java 대화형 함수 개발 프로젝트

포함된 지식 포인트: 기본 구문, 루프 문, 함수 및 배열, 문자열 및 날짜, BOM 및 DOM, 이벤트, 드래그 앤 드롭 효과, 쿠키 저장, 정규 표현식, Ajax, 객체 지향 기본, 스포츠 및 게임 개발.

프로젝트 5: 객체지향 고급 및 ES5/ES6 애플리케이션 프로젝트

포함된 지식 포인트: Promise/A, 디자인 패턴(관찰자 패턴 등), 프로토타입 체인, 생성자, 실행 컨텍스트 스택 및 실행 컨텍스트, 변수 객체 및 활성 객체, 범위 체인, 클로저, this, ES5, ES6.

위 내용은 글로벌 아이비 편집자가 공유한 실제 웹 개발 프로젝트 20가지에 대한 내용입니다. 더 많은 관련 지식을 알고 싶으시면 결제해 주시길 바랍니다. 이 플랫폼을 주목해주세요 아!