1단계: 전문가 핵심 기초
단계 목표:
1. HTML5, CSS3, Less, Sass, 반응형 북 레이아웃 및 모바일 개발에 능숙합니다.
2. HTML + CSS 기능을 스마트하게 사용하여 페이지 레이아웃을 완성합니다.
4. CSS3 기술, 애니메이션 및 탄력적 인 상자 모델 디자인의 능숙한 적용.
5. 휴대폰 페이지의 디자인을 능숙하게 완성합니다.
6. 모든 웹 사이트를 모방하기 위해 얻은 지식을 적용하는 데 능숙합니다.
7. 웹 디자인 실습을 완료하기 위해 얻은 지식을 포괄적으로 적용 할 수 있습니다.
지식:
1, 웹 프런트엔드 개발 환경, HTML 공통 태그, 양식 요소, 테이블 레이아웃, CSS 스타일 시트, DIV+CSS 레이아웃. HTML 및 CSS 스타일 속성을 능숙하게 사용하여 페이지 레이아웃 및 미화를 완료하면 모든 웹 사이트 프런트 엔드 페이지 구현을 모방 할 수 있습니다.
2. CSS3 선택기, 의사 클래스, 전환, 변환, 애니메이션, 글꼴 아이콘, 유연한 상자 모델, 반응형 레이아웃 및 모바일 단말기. CSS3를 사용하여 웹 페이지를 개발하고, 모바일 단말기를 능숙하게 개발하며, 웹 개발 기술을 통합하는 데 능숙합니다.
3. 사전 컴파일된 CSS 기술: 레스와 사스의 기초, 플러그인 애플리케이션 및 BootStrap 소스 코드 분석. 프로젝트 개발을 완료하기 위해 less와 sass를 능숙하게 사용할 수 있고 BootStrap에 대한 깊은 이해를 갖습니다.
4. HTML, CSS, LESS, SASS 및 기타 기술을 사용하여 실제로 웹 프로젝트를 완료합니다. 프로젝트를 통해 1단계 HTML 및 CSS 콘텐츠를 마스터하여 PC 및 모바일 페이지 디자인을 완성합니다.
2단계: 웹 백엔드 기술
단계 목표 :
1. 자바스크립트의 개발 역사를 이해하고, 노드 환경 구축과 npm의 사용법을 습득합니다.
2. 자바스크립트의 기본 데이터 타입과 변수의 개념을 마스터한다.
3. 자바스크립트에서 연산자 사용법을 익힙니다.
4. 구조문과 루프에 대한 깊은 이해.
5. 배열을 사용하여 다양한 연습을 완료하는 데 능숙합니다.
6. es6의 구문을 숙지하고 JavaScript 객체 지향 프로그래밍을 마스터할 수 있어야 합니다.
7. DOM 및 BOM 실습과 H5의 새로운 기능 및 프로토콜을 학습합니다.
지식:
1, 소프트웨어 개발 프로세스, 알고리즘, 변수, 데이터 유형, 분할문, 반복문, 배열, 함수. 자바스크립트에 대한 지식을 활용하여 다양한 연습 문제를 완료할 수 있습니다.
2. JavaScript 객체 지향 기본 사항, 예외 처리 메커니즘, 일반 객체 API, js 호환성 및 ES6의 새로운 기능. 자바스크립트 객체지향 개발에 능숙하고 ES6의 중요한 내용을 마스터하세요.
3. BOM 작업 및 DOM 작업. BOM 객체 및 DOM 객체 사용에 능숙합니다.
4. h5 관련 API, 캔버스, 아약스, 데이터 시뮬레이션, 터치 이벤트, 모의 자바스크립트. 웹사이트 프로젝트 개발을 완료하기 위한 숙련된 지식 사용.
3단계: 데이터베이스 및 프레임워크 실습
단계 목표:
1. 페이지 레이아웃 및 미화를 위한 웹 프론트엔드 기술의 포괄적인 사용.
2. 웹 시스템 개발을 위한 웹 프론트엔드 개발 프레임워크의 포괄적인 사용.
3. Mysql 및 Mongodb 데이터베이스 개발의 숙달.
4. vue.js, 웹팩, elementui 및 기타 프런트엔드 박스 기술에 익숙합니다.
5. 백엔드 애플리케이션을 개발하기 위해 Node.js를 능숙하게 사용합니다.
6. Restful, Ajax, JSON 및 개발 프로세스, 기본 git 기술에 대한 심층적인 이해.
지식:
1, 데이터베이스 지식, 패러다임, MySQL 구성, 명령어, 라이브러리 및 테이블 구축, 데이터 추가 및 삭제 쿼리, 몽고 데이터베이스. 데이터베이스 관리 시스템에 대한 일반적인 지식과 MySQL 데이터베이스의 사용 및 관리에 대한 심층적 인 이해, Node.js 백엔드 개발을위한 견고한 기반
2. 모듈 시스템, 함수, 라우팅, 전역 객체, 파일 시스템, 요청 처리, 웹 모듈, Express 프레임 워크, MySQL 데이터베이스 처리, RestfulAPI, 파일 업로드 등 웹 시스템의 백엔드 개발을 완료하기 위해 Node.js 런타임 환경 및 백엔드 개발 프레임 워크 사용에 능숙합니다.
3. vue 구성 요소, 수명주기, 라우팅, 구성 요소, 프런트 엔드 엔지니어링, 웹팩 및 elementui 프레임 워크. Vue.js 프레임 워크의 기본 사용법을 명확하게 이해하고, Vue.js를 사용하여 기본 프런트 엔드 개발을 완료하고, Vue.js 프레임 워크 고급 기능을 숙련하여 웹 프런트 엔드 개발 및 구성 요소 개발을 완료 할 수 있으며, MVVM 패턴에 대한 깊은 이해를 갖출 수 있습니다.
4. 요구 사항 분석, 데이터베이스 설계 및 백엔드 개발, Vue 및 Node를 사용하여 PC 및 모바일 전체 사이트 개발을 완료합니다. 노드에서 . JS+VUE . js+웹팩+MySQL+MongoDB+git을 사용하여 전체 사이트 프로젝트의 전체 기능을 구현하고 온라인에 게시합니다.
4단계: 모바일 및 WeChat 실습
단계 목표:
1. React.js의 프레임워크를 마스터하고 React.js를 사용하여 개발을 완료합니다.
2. 모바일 단말의 개발 원리를 마스터하고 네이티브 개발과 하이브리드 개발에 대해 이해한다.
3. 리액트 네이티브와 Flutter 프레임워크를 사용하여 모바일 개발을 완성할 수 있다.
4. 위챗 애플릿을 마스터하고, 알리페이 애플릿 개발을 이해합니다.
5. 대규모 이커머스 프로젝트 개발 완료.
지식:
1, React, 구성 요소 지향 프로그래밍의 기본 개념, 폼 데이터, 구성 요소 통신, 모니터링, 문 루프, 라우팅 및 Redux. React를 사용하여 프로젝트 개발을 완료하고 Redux에서 비동기 솔루션 Saga를 마스터합니다.
2. react-native, 개발 도구, 뷰 및 렌더링, API 작업, Flutter 환경 빌드, 라우팅, ListView 컴포넌트, 네트워크 요청 및 패키징. 리액트 네이티브와 Flutter의 프레임워크를 각각 마스터하고, 리액트 네이티브와 Flutter를 사용하여 모바일 프로젝트를 개발합니다.
3. WeChat 애플릿의 기본 소개, 개발 도구, 뷰 및 렌더링, API 작업, Alipay 애플릿 소개 및 API 학습. 위챗 애플릿 개발을 마스터하고, 알리페이 애플릿을 이해합니다.
4. 대규모 쇼핑 웹 사이트 실제 운영, 전체 프로젝트 프론트 엔드 및 백엔드 개발 개별적으로; 전체 프로젝트는 PC 웹 페이지, 모바일 앱, 애플릿, 백그라운드 관리의 네 부분으로 나뉩니다. 버전 관리를 위해 git을 사용하는 협업 팀 개발 .Three.js 및 TypeScript는 목표 기간 동안 연장 할 수 있습니다.