[코스 공부] 이거 배우고 아리 가자!GOGOGO

아래의 지식점은 선배 사형의 총결이다
1. HTML/HTML5 기초:1.0、의 의미화 H5 라벨 1.1, H5는 일부 새로운 라벨을 도입했다. 특히 article、header、footer、aside、nav 등을 주의했다. HTML의 제목 구조를 주의했다. 1.2、은 브라우저가 HTML을 해석하는 과정을 이해하고 DOM의 나무 구조를 이해했다.및 해당 API 1.3、 라벨이 각 브라우저의 기본 양식(프록시 양식)을 이해하고 CSS에서의 리셋 양식표의 개념을 이해한다. HTML 이해 1.4、 등 기능성 라벨 Canvas、SVG、video, 이해 1.5 라벨, 파일 제출 과정 이해
추천서: A, HTML5 비법
2、고건장성 form、iframeCSS 학습 기초 지식, 대부분의 상용 속성, 선택기의 사용법을 포함하고 대부분의 라벨에 대한 기초 개념을 가져야 한다. 일상적인 사용을 바탕으로 브라우저 호환성 문제를 학습하고 호환성의 주요 문제와 해결 방법을 알아야 한다. 2.1、은 상자 모델을 깊이 이해하고 블록급 요소, 행내 요소를 구분한다.몇 가지 비교적 중요한 속성이 있다. 2.2、이다. 반드시 상자, 행내 상자의 개념을 구분해야 한다. 그리고 일부 예번역 언어를 고려할 수 있다. display、float、position은 모두 간단하다. sass、less은 상용 프레임워크를 배우고 2.3、을 사용하여 프로젝트 bootstrap을 구축할 수 있다. 학습 프레임워크의 코드 조직 방식은 2.4、격자 시스템, 구성 요소화,구성 요소의 스타일화 등 12에서 2.5、의 새로운 기능을 배웠습니다. 특히 애니메이션 효과, 선택기 CSS3에서 2.6、의 대상화 사상을 열심히 배웠습니다. 간결성, 높은 복용성, 건장성을 가진 CSS CSS에서 틈틈이 편평한 디자인을 볼 수 있습니다.그리고 간결성 2.7、 이해 2.8、 성능, CSSOM、render、reflow、CSS 막힌 개념 학습 방법: 1. 다른 사람의 코드를 많이 보면 디자인이 좋은 사이트가 바로 좋은 학습 소재이다. 예를 들어 그물2, grunt,gulp 압축 CSS3,display+position+float를 사용하면 복잡한 효과를 조합할 수 있다. 상자 모델을 많이 생각해 보자.플로트를 사용하지 않고position이absolute가 아닌 상황에서 등고, 등폭 등의 레이아웃을 시도합니다
추천서적: 1., 4., 은 반드시 5, 6. SASS를 전문적으로 강의하는 책을 찾을 수 있지만 나는 7.CSS 권위 가이드 (버전 3)
3. JS 심층 학습CSS JS 문법 재학습, 주의: 표현식(특히 함수 접근 표현식), 문장, 유형(유형 판단 포함) 주의, 이럴 때 주로'원생'JS 경향이 있습니다. 프레임 3.1、을 사용하지 말고 JS의'1급 함수', 대상, 클래스의 개념을 깊이 이해하고 함수를 사용하여 클래스, 클립을 구성하는 것을 습득하세요.대상을 대상으로 하는 방식으로 코드 3.2、을 조직하여 JS의 작용역, 작용역 체인,this 대상(각종 호출 형식에서this의 지향) 이해 함수의 각종 호출 방법(call,apply,bind 등) 3.3、 이해 대상, 수조의 개념 이해 대상의'[]'호출을 깊이 이해하고,이해 대상은 일종의'특수 수조'로 for문장의 용법을 이해하고 JS에서 원시치, 포장 대상의 개념을 깊이 있게 이해하는 것이다. (중요) 3.4、은 자주 사용하는 프레임의 사용 방법을 배운다. 예를 들어 3.5、의 가점은 다음과 같다. JQUERY、underscore、EXTJS，은 여러 프레임의 사용 방법을 비교하여'JS 언어가 매우 유연하다'는 사실을 깨닫고 흔히 볼 수 있는 용법을 정리한다.학습 속도를 높이는 학습 모듈화 개발(require.js,sea.js 등을 사용) backbone、angularjs、ejs、jade은 유명한 프레임워크의 원본 코드를 적당히 본다. 예를 들어 jQuery(angularjs를 보지 않는 것이 너무 복잡하다) 중요한 것은 학습 프레임워크에서 코드의 조직 형식이다. 즉, 디자인 모델 3.6、은 JS의 해석, 운행 과정을 이해하고 JS의 단일 라인 개념을 이해하며 JS 이벤트, 비동기, 비동기를 깊이 있게 이해한다.차단 개념 3.7、 브라우저 구성 부품을 이해하고 V8의 개념 학습 V8의 해석을 이해한다. - 운영 과정은 V8을 바탕으로 JS 성능을 어떻게 향상시키는지 습득하고 크롬의 프로필을 사용하여 메모리 유출 분석 학습 방법을 배운다. 1. 자신에 대한 요구를 향상시키려면 코드 결벽증이 있어야 한다. 2. 적당한 시기에 우수한 프레임워크의 원본을 보아야 한다. 특히 프레임워크의 구조 모델,디자인 모델 3, 다학학 디자인 모델 4, 학습 원생 JS, DOM, BOM, Ajax 추천 서적: 1., 필수2., 3., 4,.'AngularJS로 차세대 웹 응용 프로그램 개발'6, 크로스 터미널 6.1, 혼합 APP의 개념 이해 6.2, 웹 페이지가 각종 터미널에서의 표현 이해 6.3, 웹 페이지와 원생 app의 공통점을 이해하고 제약 6.4에 중심을 두며 한 페이지의 사이트를 이해해야 한다. 특히 페이지의 메모리 유출 문제를 피하고 6.5, nodejs에 입문하면 그에 대한 기초 개념을 가지고 무엇을 할 수 있는지 알아야 한다.단점은 어떤 추천서적입니까? 1., 5. 도구는 grunt을 사용하여 JS, CSS, HTML 압축을 할 수 있습니다. 특히 모듈화 js가 시작될 때의 압축은 PS로 그림을 자르고 icon을 저장하여sublime, HTML 압축을 할 수 있습니다.웹storm은 크롬 디버깅 패널을 사용하는 것을 배웁니다. 특히console,network,profile,element
진급:
4. 성능
1.1 자원 로드를 이해하는 과정은 TCP 악수 연결, HTTP 요청 메시지, HTTP 회신 메시지 1.2, 자원 로드의 성능 제약을 이해한다. 이는 TCP 연결 제한, TCP 느린 시작 1.3, CSS 파일 이해, JS 파일 압축, 서로 다른 파일을 페이지의 다른 위치에 두면 성능에 대한 영향 1.4, CDN 가속 1.5 이해, HTTP 헤더를 사용하여 자원 캐시를 제어하는 것을 배운다.cache-control,expire,max-age,Etag가 캐시에 미치는 영향 이해 1.6, 브라우저의render 프로세스 추천서적 깊이 이해: 1. 야후 사이트 페이지 성능 최적화의 34가지 황금수칙
5, http 및 TCP 프로토콜족3.8、, 학습 http 프로토콜, 이해 http 요청-응답 모드 2.1 이해 http는 응용층 프로토콜, TCP/IP 프로토콜에 구축된 2.2、 이해 http 메시지(요청-응답 메시지) 2.3、 이해 http 에이전트, 캐시, 게이트웨이 등 개념, 제어 캐시 2.4、 이해 http 프로토콜 내용, 상태 코드, http 헤드,긴 연결(http1.1) 2.5、 학습 http 서버의 작업 모델, 정적 파일, CGI, DHTML 처리 프로세스에 대한 대체적인 개념
추천서적: 1., 3. 도해 TCP/IP(제5판)
6. 보안2.6、 주입