프론트엔드의 학습 단계를 요약해 보세요.

첫 번째 단계:

HTML+CSS:
HTML 고급, CSS 고급, div+css 레이아웃, HTML+css 전체 사이트 개발,

JavaScript 기본:
Js 기본 튜토리얼, js 내장 객체의 일반적인 방법, 공통 DOM 트리 작업, ECMAscript, DOM, BOM, 타이머 및 포커스 맵의 전체 모음입니다.

JS 기본 특수 효과:
탭, 탐색, 전체 페이지 스크롤, 캐러셀, JS 슬라이드 제작, 팝업 레이어, 아코디언 메뉴, 폭포 흐름 레이아웃, 스크롤 이벤트, 스크롤 보기와 같은 일반적인 특수 효과.

JS 고급 기능:
정규 표현식, 정렬 알고리즘, 재귀 알고리즘, 클로저, 함수 제한, 범위 체인, 거리 기반 모션 프레임워크, 객체 지향 기본,

JQuery:
행어의 기본 사용, DOM 작업, 특수 효과 애니메이션, 메소드 체인, 드래그 앤 드롭, 변환, JQueryUI 구성 요소의 기본 사용.

두 번째 단계: HTML5 및 모바일 웹 개발

HTML5:
HTML5 새로운 의미 태그, HTML5 양식, 오디오 및 비디오, 오프라인 및 로컬 저장소, SVG, 웹 소켓, 캔버스

CSS3:
CSS3 새로운 선택기, 의사 요소. , 색상 표현, 테두리, 그림자, 배경 시리즈 속성 변경, 전환, 애니메이션, 피사계 심도 및 깊이 침투, 3D 효과 제작, Velocity.js 프레임워크, 요소 입구, 출구 전략, 멋진 CSS3 웹 페이지 제작.

Bootstrap:
반응형 개념, 미디어 쿼리, 반응형 웹사이트 제작, 그리드 삭제 시스템, 그리드 삭제 시스템 원리, 일반적인 Bootstrap 템플릿, LESS 및 SASS.

모바일 웹 개발:
크로스 터미널 WEB 및 주류 장치 소개, 뷰포트, 흐름 레이아웃, 가변 상자, rem, 모바일 터미널 JavaScript 이벤트, 휴대폰에서 일반적인 JS 효과 제작, Zepto.js, 휴대폰 Juhuasuan 페이지, 모바일 전화 스크롤 .

세 번째 단계: HTTP 서비스 및 AJAX 프로그래밍

WEB 서버 기본:
서버 기본 지식, Apache 서버 및 기타 WEB 서버 소개, 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의 객체 지향, 속성 읽기 및 쓰기 권한 이해까지 , 세터, 접근자.

객체 지향의 세 가지 주요 특징:
상속, 다형성, 캡슐화 및 인터페이스.

디자인 패턴:
객체 지향 프로그래밍 사고, 싱글턴 패턴, 팩토리 패턴, 전략 패턴, 관찰자 ​​패턴, 템플릿 메서드 패턴, 프록시 패턴, 데코레이터 패턴, 어댑터 패턴, 관점 지향 프로그래밍.

다섯 번째 단계: 자신만의 프레임워크 캡슐화

프레임워크 캡슐화의 기본:
이벤트 흐름, 버블링, 캡처, 이벤트 객체, 이벤트 프레임, 선택 프레임.

중급 프레임 캡슐화:
모션 원리, 단일 객체 모션 프레임워크, 다중 객체 모션 프레임워크, 모션 프레임워크의 객체 지향 캡슐화.

고급 프레임워크 캡슐화 및 보충:
JQuery 프레임워크 프로토타입, 확장성, 모듈성 및 캡슐화는 Chuanzhi의 자체 프레임워크에 속합니다.

6단계: 모듈식 컴포넌트 개발

컴포넌트 지향 프로그래밍:
컴포넌트 지향 프로그래밍 방법, 컴포넌트 지향 프로그래밍의 구현 원리, 컴포넌트 지향 프로그래밍의 실제 전투, 기반 웹사이트 애플리케이션 개발 구성 요소 지향 아이디어에 대해

모듈 지향 프로그래밍:
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를 사용하여 앱 구축, 공통 효과(새로 고침을 위해 아래로 당기기, 로드하기 위해 위로 당겨, 측면 슬라이딩 탐색, 탭).

React Native:
React Native 소개, React Native 환경 구성, 프로젝트 생성, 구성, 컴파일, 디버깅, 배포 및 릴리스, 기본 모듈 및 UI 구성 요소, 기본 공통 API.

HTML5+:
HTML5+ 중국 산업 연합, HTML5 Plus 런타임 환경, HBuilder 개발 도구, MUI 프레임워크, H5+ 개발 및 배포.

9단계: Node.js 풀 스택 개발:

빠른 시작:
Node.js 개발, 생태계, Io.js, Linux/Windows/OS X 환경 구성, REPL 환경 및 콘솔 프로그램, 비동기 프로그래밍, Non -I/O 차단, 모듈 개념, 모듈 관리 도구, 개발 프로세스, 디버깅 및 테스트.

핵심 모듈 및 개체:
전역 개체 전역, 프로세스, 콘솔, 유틸리티, 이벤트 드라이버, 이벤트 이미터, 암호화 및 암호 해독, 경로 작업, 직렬화 및 역직렬화, 파일 스트림 작업, HTTP 서버 및 클라이언트, 소켓 IO.

웹 개발의 기본:
HTTP 프로토콜, 요청 응답 처리, 관계형 데이터베이스 작업 및 데이터 액세스, 비관계형 데이터베이스 작업 및 데이터 액세스, 웹 애플리케이션의 기본 Node.js 개발, 웹 개발 작업 흐름, Node.js 블로그 사례 개발 .

신속한 개발 프레임워크:
Express 소개 + MVC 소개, Express 공통 API, Express 라우팅 모듈, Jade/Ejs 템플릿 엔진, Express를 사용하여 블로그 사례, Koa 및 기타 일반적인 MVC 프레임워크 재구성.

Node.js 실용적인 전자상거래 개발:
요구사항 및 디자인, 계정 모듈 등록 및 로그인, 회원 센터 모듈, 프론트 데스크 디스플레이 모듈, 장바구니, 주문 결제, 온라인 고객 서비스 인스턴트 메시징 모듈.

(No More Mistakes - 블로그에서 재인쇄됨)

위 내용은 프론트엔드의 학습 단계를 요약해 보세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!