다음으로, 편집자는 프런트엔드 개발에서 배워야 할 몇 가지 지식을 간략하게 나열합니다:
첫 번째 단계:
HTML CSS:
p>HTML 고급, CSS 고급, div CSS 레이아웃, HTML CSS 전체 사이트 개발,
JavaScript 기본:
Js 기본 튜토리얼, js 내장의 일반적인 방법 객체, 일반적인 DOM 트리 작업, ECMAscript, DOM, BOM, 타이머 및 포커스 맵의 전체 목록입니다.
JS 기본 특수 효과:
탭, 탐색, 전체 페이지 스크롤, 캐러셀, JS 슬라이드 제작, 팝업 레이어, 아코디언 메뉴, 폭포 흐름과 같은 일반적인 특수 효과 레이아웃, 스크롤 이벤트, 스크롤 뷰.
JS 고급 기능:
정규 표현식, 정렬 알고리즘, 재귀 알고리즘, 클로저, 함수 제한, 범위 체인, 거리 기반 모션 프레임워크, 객체 지향 기초,
p>
JQuery: 기본 사용법
행거, DOM 작업, 특수 효과 및 애니메이션, 메서드 체인, 드래그 앤 드롭, 변환, JQueryUI 구성 요소의 기본 사용법.
2단계:
HTML5 및 모바일 웹 개발
HTML5:
HTML5 새로운 의미 태그, HTML5 양식, 오디오 및 비디오, 오프라인 및 로컬 저장소, SVG, WebSocket, Canvas.
CSS3:
CSS3 새로운 선택기, 의사 요소, 색상 표현, 테두리, 그림자, 배경 시리즈 속성 변경, 전환, 애니메이션 , 피사계 심도 및 심도 침투, 3D 효과 제작, Velocity.js 프레임워크, 요소 입력 및 종료 전략, 멋진 CSS3 웹페이지 제작.
부트스트랩:
반응형 개념, 미디어 쿼리, 반응형 웹사이트 제작, 그리드 삭제 시스템, 그리드 삭제 시스템 원칙, 일반적인 부트스트랩 템플릿, LESS 및 SASS.
모바일 웹 개발:
크로스 터미널 WEB 및 주류 장치 소개, 뷰포트, 유동 레이아웃, 가변 상자, 렘, 모바일 터미널 JavaScript 이벤트, 휴대폰에서 일반적인 JS 효과 제작 , Zepto.js, 휴대폰 Juhuasuan 페이지, 휴대폰 스크롤.
세 번째 단계:
HTTP 서비스 및 AJAX 프로그래밍
웹 서버 기본:
서버 기본, Apache 서버 및 기타 웹 서버 소개, 아파치 서버 설정, HTTP 소개.
PHP 기본:
PHP 기본 구문, PHP를 사용하여 간단한 GET 또는 POST 요청 처리,
AJAX 파트 1:
Ajax 비동기식 소개와 개념, Ajax 프레임워크의 캡슐화, XMLHttpRequest 객체의 상세 소개 방법, 호환성 처리 방법, Ajax 프레임워크의 캡슐화, Ajax에서의 캐싱 문제, XML의 소개와 활용.
AJAX 2부:
JSON 및 JSON 구문 분석, 데이터 바인딩 및 템플릿 기술, JSONP, 크로스 도메인 기술, 이미지 사전 읽기 및 지연 로드 기술, JQuery 프레임워크 AjaxAPI, 폭발적인 스트리밍 사례를 달성하기 위해 Ajax를 사용합니다.
네 번째 단계:
고급 객체지향
궁극적인 객체지향:
메모리 관점에서 JS 객체 이해까지- 지향, 기본 유형, 복합 유형, 프로토타입 체인, ES6의 객체 지향, 속성 읽기 및 쓰기 권한, 설정자 및 접근자.
객체 지향의 세 가지 주요 특징:
상속, 다형성, 캡슐화 및 인터페이스.
디자인 패턴:
객체 지향 프로그래밍 사고, 싱글턴 모드, 팩토리 모드, 전략 모드, 관찰자 모드, 템플릿 메서드 모드, 프록시 모드, 데코레이터 모드, 어댑터 모드, Aspect- 프로그래밍 지향.
다섯 번째 단계:
자신만의 프레임워크 캡슐화
프레임워크 캡슐화의 기본:
이벤트 흐름, 버블링, 캡처, 이벤트 객체, 이벤트 프레임, 선택 프레임.
프레임 캡슐화의 중간 수준:
모션 원리, 단일 객체 모션 프레임, 다중 객체 모션 프레임, 모션 프레임의 객체 지향 캡슐화.
고급 및 보완 프레임워크 캡슐화:
JQuery 프레임워크의 프로토타입, 확장성, 모듈성 및 캡슐화는 Chuanzhi의 자체 프레임워크에 속합니다.
여섯 번째 단계:
모듈형 구성 요소 개발
구성 요소 지향 프로그래밍:
구성 요소 지향 프로그래밍 방법, 구성 요소 지향 프로그래밍 방법 구현 원리, 실용적인 컴포넌트 중심 프로그래밍, 컴포넌트 기반 아이디어를 기반으로 한 웹 사이트 애플리케이션 개발.
모듈 지향 프로그래밍:
AMD 디자인 사양, CMD 디자인 사양, RequireJS, LoadJS, Taobao의 SeaJS.
7단계:
주요 인기 프레임워크
웹 개발 워크플로:
GIT/SVN, Yeoman 스캐폴딩, NPM/ Bower 종속성 관리 도구, Grunt/Gulp/Webpack.
MVC/MVVM/MVW 프레임워크:
Angular.js, Backbone.js, Knockout/Ember.
일반적으로 사용되는 라이브러리:
React.js, Vue.js, Zepto.js.
8단계:
HTML5 네이티브 모바일 애플리케이션 개발
Cordova:
WebApp/NativeApp/HybirdApp 소개, Cordova 소개 , PhoneGap, 개발 환경 구축 및 Cordova 실습(프로젝트 생성, 구성, 컴파일, 디버그, 배포 및 릴리스) 간의 관계.
Ionic:
Ionic 소개 및 유사 카테고리 비교, 템플릿 프로젝트 분석, 공통 구성 요소 및 사용법, Angular로 APP 구축, 공통 효과(새로 고침 풀다운, 풀-다운) 최대 로드, 측면 슬라이딩 탐색, 탭).
ReactNative:
ReactNative 소개, ReactNative 환경 구성, 프로젝트 생성, 구성, 컴파일, 디버깅, 배포 및 릴리스, 네이티브 모듈 및 UI 구성 요소, 네이티브 공통 API.
HTML5:
HTML5 중국 산업 연합, HTML5PlusRuntime 환경, HBuilder 개발 도구, MUI 프레임워크, H5 개발 및 배포.
9단계:
Node.js 풀 스택 개발:
빠른 시작:
Node.js 개발, 생태계, Io.js, Linux/Windows/OSX 환경 구성, REPL 환경 및 콘솔 프로그램, 비동기 프로그래밍, 비차단 I/O, 모듈 개념, 모듈 관리 도구, 개발 프로세스, 디버깅 및 테스트.
핵심 모듈 및 개체:
전역 개체 전역, 프로세스, 콘솔, 유틸리티, 이벤트 기반, 이벤트 이미터, 암호화 및 암호 해독, 경로 작업, 직렬화 및 역직렬화, 파일 스트림 작업 , HTTP 서버 및 클라이언트.
웹 개발의 기초:
HTTP 프로토콜, 요청 응답 처리, 관계형 데이터베이스 작업 및 데이터 액세스, 비관계형 데이터베이스 작업 및 데이터 액세스, 네이티브 Node.js 웹 개발 애플리케이션, 웹 개발 워크플로우, Node.js 개발 블로그 사례.
빠른 개발 프레임워크:
Express 소개, MVC 소개, Express 공통 API, Express 라우팅 모듈, Jade/Ejs 템플릿 엔진, Express를 사용하여 블로그 사례 재구성, Koa 및 기타 일반적인 MVC 프레임워크.