1 단계:
HTML+CSS:
HTML 고급, CSS 고급, div+css 레이아웃, HTML+css 전체 스테이션 개발,
자바스크립트 재단:
Js 기본 자습서, js 기본 제공 오브젝트 공통 방법, 공통 DOM 나무 조작 백과사전, ECMAscript, DOM, BOM, 타이머, 초점 맵.
JS 기본 효과:
탭 페이지, 탐색, 전체 페이지 스크롤, 회전, JS 슬라이드, 팝업 레이어, 아코디언 메뉴, 폭포 레이아웃, 스크롤 이벤트, 스크롤 차이 뷰 등의 일반적인 효과
JS 고급 기능:
정규식, 정렬 알고리즘, 재귀 알고리즘, 클로저, 함수 스로틀, 범위 체인, 거리 기반 모션 프레임, 객체 지향,
JQuery: 기본 사용
옷걸이, DOM 조작, 효과 및 애니메이션, 메서드 체인, 드래그, 변형, JQueryUI 구성 요소는 기본적으로 사용됩니다.
2 단계:
HTML5 및 모바일 웹 개발
HTML5:
HTML5 새로운 의미 태그, HTML5 양식, 오디오 비디오, 오프라인 및 로컬 스토리지, SVG, 웹 소켓, Canvas.
CSS3:
CSS3 새 선택기, 의사 요소, 얼굴 표정, 테두리, 그림자, 배경 시리즈 속성 변경, 전환, 애니메이션, 필드 깊이 및 깊이, 3D 효과 제작, Velocity.js 프레임, 요소 출입 전략, 멋진 CSS3 웹 제작.
부트 스트랩:
응답 개념, 미디어 쿼리, 응답 웹 사이트 제작, 그리드 삭제 시스템, 그리드 삭제 시스템 원리, Bootstrap 공용 템플릿, LESS 및 SASS
모바일 네트워크 개발:
터미널 웹 및 메인스트림 디바이스 소개, 뷰포트, 스트리밍 레이아웃, 플렉스, rem, 모바일 단말기의 JavaScript 이벤트, 휴대폰의 JS 효과 제작, Zepto.js, 가격 대비 성능이 뛰어난 휴대폰 페이지, 휴대폰 스크롤.
3 단계:
HTTP 서비스 및 AJAX 프로그래밍
웹 서버 기반:
서버 기본 사항, 아파치 서버 및 기타 웹 서버 소개, 아파치 서버 구축, HTTP 소개
PHP 기본 사항:
PHP 기본 구문, PHP 를 사용하여 간단한 GET 또는 POST 요청을 처리합니다.
AJAX 우선 순위:
Ajax 소개 및 비동기 개념, Ajax 프레임워크 패키징, XMLHttpRequest 객체에 대한 자세한 소개 방법, 호환성 처리 방법, Ajax 프레임워크 패키징, Ajax 의 캐시 문제, XML 소개 및 사용
AJAX 다음 단계:
JSON 및 JSON 분석, 데이터 바인딩 및 템플릿 기술, JSONP, 도메인 간 기술, 사진 사전 읽기 및 게으른 로드 기술, JQuery 프레임워크의 AjaxAPI, Ajax 를 사용한 폭발 흐름 사례
4 단계:
객체 지향 고급
객체 지향 궁극의 문장:
메모리 관점에서 JS 객체 지향, 기본 유형, 복잡한 유형, 프로토타입 체인, ES6 의 객체 지향, 속성 읽기 및 쓰기 권한, setters 및 accessors 를 이해합니다.
객체 지향 세 가지 특징:
상속, 다형성, 캡슐화, 인터페이스.
디자인 패턴:
객체 지향 프로그래밍 사고, 모노머 모드, 공장 모드, 정책 모드, 관찰자 모드, 템플릿 방법 모드, 프록시 모드, 데코레이터 모드, 어댑터 모드, aspect 지향 프로그래밍.
5 단계:
자신의 틀을 캡슐화하다.
프레임 포장 기초:
이벤트 흐름, 버블, 캡처, 이벤트 객체, 이벤트 프레임, 선택 프레임.
중간 프레임 캡슐화:
모션 원리, 단일 오브젝트 모션 프레임, 다중 오브젝트 모션 프레임, 모션 프레임의 오브젝트 지향 캡슐화입니다.
고급 및 보완 프레임워크 패키지:
JQuery 프레임워크의 프로토타입, 확장성, 모듈화, 캡슐화는 모두 자신의 프레임워크를 전달하는 것입니다.
6 단계:
모듈식 구성 요소 개발
구성 요소 지향 프로그래밍:
구성 요소 프로그래밍 방식, 구성 요소 프로그래밍의 구현 원리, 구성 요소 프로그래밍의 실전, 구성 요소 아이디어에 기반한 웹 사이트 응용 프로그램 개발.
모듈 지향 프로그래밍:
AMD 설계 사양, CMD 설계 사양, 타오바오의 RequireJS, LoadJS, SeaJS.
7 단계:
주류 유행 틀
웹 개발 워크플로우:
GIT/SVN, 요만 비계, NPM/ 바우어는 관리 도구, Grunt/GULP/웹 팩에 의존하고 있습니다.
MVC/MVVM/MVW 프레임워크:
Angular.js, Backbone.js, Knockout/Ember 입니다.
공통 라이브러리:
React.js, Vue.js, Zepto.js 。
8 단계:
HTML5 로컬 모바일 애플리케이션 개발
코르도바:
WebApp/NativeApp/HybirdApp 소개, Cordova 소개, PhoneGap 과의 관계, 개발 환경 구축, Cordova 의 실전 (프로젝트 생성, 구성, 컴파일, 디버깅, 배포, 게시)
이온 유형:
Ionic 소개 및 유사 비교, 템플릿 프로젝트 분석, 공통 구성 요소 및 사용, 각도, 공통 효과 (드롭다운 새로 고침, 당기기 로드, 측면 슬라이드 탐색, 탭) 가 있는 APP 를 구축합니다.
반응성:
ReactNative 소개, ReactNative 환경 구성, 프로젝트 생성, 구성, 컴파일, 디버그, 배포 및 게시, 기본 모듈 및 UI 구성 요소, 기본 공통 API.
HTML5+:
HTML5+ 중국 산업연맹, html 5 플러스 런타임 환경, HBuilder 개발 도구, MUI 프레임워크, H5+ 개발 배포.
9 단계:
노드 js 의 전체 스택 개발;
빠른 시작:
Node.js 개발, 생태계, Io.js, Linux/Windows/OSX 환경 구성, REPL 환경 및 콘솔 프로그램, 비동기 프로그래밍, 비차단 I/O, 모듈 개념, 모듈 관리 도구, 개발 프로세스;
핵심 모듈 및 개체:
글로벌 객체: 글로벌, 프로세스, 콘솔, util, 이벤트 드라이버, 이벤트 송신기, 암호화 및 암호 해독, 경로 작업, 직렬화 및 디직렬화, 파일 스트림 작업, HTTP 서버 및 클라이언트.
웹 개발 재단:
HTTP 프로토콜, 요청 응답 처리, 관계형 데이터베이스 작업 및 데이터 액세스, 비관계형 데이터베이스 작업 및 데이터 액세스, 기본 Node.js 개발 웹 애플리케이션, 웹 개발 워크플로우, Node.js 개발 블로그 사례
신속한 개발 프레임워크:
Express 소개 +MVC 소개, Express 공통 API, Express 라우팅 모듈, Jade/Ejs 템플릿 엔진, Express, Koa 등 일반적인 MVC 프레임워크를 사용하여 블로그를 재구성하는 사례.