누가 전랑에 신경을 쓰나요, 후랑에 신경을 쓰나요?
파도가 좋은 파도야!
나를 지켜봐, 네가 매일 머리카락을 좀 떨어뜨리게 해줘. 。 。
프런트엔드 학습 경로:
웹 링크
2020 년 새로운 프런트 엔드 학습 로드맵 공유!
학습은 점진적이고 점진적인 과정이며, 견지할 수 있는 것은 매우 드문 일이다. 정말 프런트 엔드 개발을 배우고 싶다면, 반드시 결심을 해야 한다!
제가 여기서 여러분과 공유하고 있는 프런트 엔드 학습 로드맵은 당신에게 도움이 되기를 바랍니다. 다음은 2020 년 업데이트 버전입니다.
@ 상학당 프런트 엔드 학원은 2020 년 프런트 엔드 개발 학습 로드맵을 업데이트했고, 20 19 에는 신기술과 새로운 커리큘럼이 포함되어 있다.
저는 기술 아저씨도 썼습니다. 모든 기술마다 배워야 할 기술이 있습니다. 다 배우면 당신은 고급 프로그래머입니다!
프론티어 학습 프레임워크
첫째, 웹 프런트 엔드 기반
HTML+CSS 의 기초는 프런트 엔드 중급 프로그래머의 출발점이며 프로그래밍을 배우는 데 꼭 필요한 길이다.
모두 알다시피, 웹 세계를 구성하는 프런트 엔드 기초 보드는 세 가지가 있다. 각각 HTML, CSS, JavaScript 입니다. 그리고 각 부분마다 대량의 지식 축적이 있어야만 자유롭게 운용할 수 있다.
HTML 은 더 나은 의미 특성, 로컬 스토리지 특성, 장치 호환성 특성, 웹 멀티미디어 기능, css3 특성 등을 갖추고 있습니다. 차세대 웹 개발 표준입니다. 다만 H5 는 모바일 측에 대한 지원 능력이 크게 향상되었을 뿐이다. 현재 일부 데스크톱 브라우저는 HTML5 를 완전히 지원하지 않으며 일부 새로운 기능은 작동하지 않을 수 있습니다 (현대 브라우저의 지원 수준이 높음). 모바일 장치 (Android, IOs) 의 브라우저 (또는 webview) 는 대부분 WebKit 커널이며 HTML5 에 대한 지원 수준이 높기 때문에 일반적으로 모바일 장치에서 사용할 때 호환성 문제가 크지 않습니다.
Javascript 는 처음에 웹상에서 개발된 것으로, Java 의 열풍을 따라잡기 위해 명명되었다. (사실 Java 와는 아무런 관련이 없다.) (알버트 아인슈타인, Northern Exposure (미국 TV 드라마), 스포츠명언) 이어 마이크로소프트가 브라우저 시장에 진출해 자바스크립트의 표준화를 탄생시켰고, 표준명은 JavaScript 로, 자바스크립트는 정식 언어가 됐다. (윌리엄 셰익스피어, 자바스크립트, 자바스크립트, 자바스크립트, 자바스크립트, 자바스크립트, 자바스크립트) 실제로 JavaScript 는 ECMAScript 의 수퍼 세트이며 typescript 와 같다고 생각할 수 있습니다. 그들은 모두 ECMAScript 의 기준을 알고 있다. 우리가 지금 말하는 표준과 규범은 모두 ECMAScript 규격을 참고하는 것이다. 가장 유행하는 기준은 ES5 와 ES6 이다.
보조 학습 비디오:
웹 링크
둘째, 자바스크립트
자바스크립트는 네트워크의 프로그래밍 언어입니다.
모든 현대 HTML 페이지는 JavaScript 를 사용합니다.
자바스크립트는 배우기 쉽다.
주요 학습 내용: 자바스크립트 기본 사항, 자바스크립트 함수, 자바스크립트 배열 및 객체, DOM, 실제 사례,
Json 분석, 객체 지향, 프로토타입 및 프로토타입 체인 및 안내
비디오 다운로드 링크 지원:
웹 링크
셋째, jQuery
JQuery 는 자바스크립트 라이브러리입니다.
JQuery 는 JavaScript 프로그래밍을 크게 단순화합니다.
학습의 주요 내부 용도는 jQuery 기본 사항, jQuery 공통 방법, jQuery 노드 작동 및 jQuery 실전 접촉입니다.
비디오 다운로드 링크 지원:
웹 링크
넷째, 아약스
Ajax = 동기식 JavaScript 및 XML (비동기식 JavaScript 및 XML) 1 개.
ALAX 는 새로운 프로그래밍 언어가 아니라 기존 표준을 사용하는 새로운 방법입니다.
AJAX 의 가장 큰 장점은 서버와 데이터를 교환하고 전체 페이지를 다시 로드할 필요 없이 일부 웹 페이지를 업데이트할 수 있다는 것입니다.
영광。
AJAX 에는 브라우저 플러그인이 필요하지 않지만 사용자가 브라우저에서 JavaScript 를 실행할 수 있도록 허용해야 합니다.
AJAX 응용 프로그램
XHTML+CSS 를 사용하여 정보를 표현합니다.
자바스크립트로 DOM (문서 객체 모델) 을 조작하여 동적으로 효과를 냅니다.
XML 및 XSLT 를 사용하여 데이터 조작
XMLHttpRequest 또는 new Fetch API 를 사용하여 웹 서버와 비동기 데이터를 교환합니다.
참고: AJAX 는 Flash, Silverlight, Java Apple 등의 RIA 기술과 다릅니다.
일치하는 다운로드 링크:
웹 링크
동사 (verb 의 약어) H5 의 새로운 특징
HTMT 는 브라우저에 명령을 내리는 언어입니다. 예를 들어, 문장 한 편을 브라우저에 표시하려면 사진과 텍스트가 모두 있는 문장. 텍스트가 무엇인지, 그림이 무엇인지, 어디에 있는지, 어떤 스타일 (색상, 크기, 정렬) 이 필요한지 말해야 합니다. 。 。 。 ), 브라우저에 표시된 페이지를 웹 페이지라고 부릅니다.
주요 내용: 공통 프레임워크, 모바일 단말기 및 REM, 캔버스 요소 및 H5 의 새로운 기능
비디오 다운로드 링크 지원:
웹 링크
자동동사 안굴라기스
안젤라 js 는? 자바스크립트 프레임워크. 다음과 같은 방법으로 액세스할 수 있습니다
AngularJS 는 지시문을 통해 HTML 을 확장하고 표현식을 통해 데이터를 HTML 에 바인딩합니다.
주요 내용: 각도 명령, 각도 라우팅, 각도 서비스, 각도 사용자 정의 서버 및 각도 사용자 정의 명령
비디오 다운로드 링크 지원:
웹 링크
일곱. 모듈화
현재 모듈식 온톨로지를 구현하는 언어는 크게 두 가지가 있습니다. 하나는 분산 설명 논리, E-링크, 패키지 기반 설명 논리와 같이 고전적이지 않은 의미에 기반한 논리 언어 확장입니다. 또 다른 방법은 고전적인 설명 논리 의미를 기반으로 하지만 모듈을 안전하게 병합할 수 있도록 외부 기호의 사용을 제한하는 것입니다.
주요 내용: 모듈 기초, 요구 사항 및 실전 요구 사항
비디오 다운로드 링크 지원: 웹 링크
여덟, 프런트 엔드 빌딩 도구
프런트엔드 구성 도구란 무엇입니까?
예를 들어 Javascript, JS 또는 CSS 압축 대신 CoffeeScript/ES6 을 수행하고, Less 로 CSS 를 쓰고, Jade 로 HTML 을 쓰고, Browserify 모듈화를 사용하고, 커버리지가 아닌 배포 리소스에 MD5 stamp 를 추가하는 등 많은 비용이 소요됩니다 그래서 프런트 엔드 건설 도구, 또는 프런트 엔드 자동화 건설 도구는 우리가 기계적인 반복을 중지 하 고 손을 해방 하는 데 사용 됩니다.
주요 내용: 웹 팩 및 gulp.
비디오 다운로드 링크 지원:
웹 링크
아홉, 반응
React 는 사용자 인터페이스를 구축하기 위해 페이스북에서 내놓은 JavaScript 라이브러리입니다. React 는 주로 UI 빌드에 사용됩니다. 많은 사람들은 React 가 MVC 의 v (뷰) 라고 생각합니다. React 성능, 코드 논리가 간단하고 점점 더 많은 사람들이 그것을 주목하고 사용하기 시작했다.
주요 내용: 반응 기반, 반응 환경 구축, 반응 라우팅 3.x, 반응 라우팅 4.x, 반응 UI 프레임워크 antd, 반응 네트워크 요청 획득.
비디오 다운로드 링크 지원:
웹 링크
X. 비디오 클립 소프트웨어
Vue 는 vue.js 의 프레임워크 Vue.js 는 웹 개발을 보다 잘 구성하고 단순화하기 위해 사용자 인터페이스를 만드는 오픈 소스 JavaScript 프레임워크인 널리 사용되는 JavaScript 프런트 엔드 프레임워크입니다.
비디오 다운로드 링크 지원:
주요 내용: 모듈 기초, 요구 사항 및 실전 요구 사항
비디오 다운로드 링크 지원:
웹 링크
XI. 애플릿
비디오 다운로드 링크 지원:
웹 링크
웹 프런트 엔드 학습 참고 사항 1. 독서에 집중하지 마라. 프로그래밍을 배우는 것은 수학과 어문만큼 쉽지 않다. 예를 보면 알 수 있다. 더 필요한 것은 다른 사람의 해석이다. 너는 자신의 의식으로만 자신의 책에 있는 전문 어휘를 읽지만, 일반적으로 우리는 읽을 수 없다. 결국 우리는 출판사가 아니다. 가장 좋은 방법은 비디오 학습을 찾고, 좋은 비디오 학습을 찾고, 다른 사람의 비디오와 일치시키는 것이다.
2. 가장 좋은 것은 체계적이고 전문적인 학습이다. 만약 당신이 초심자라면 기초가 적거나 없고, 독학이 입문할 수도 있지만, 확실히 많은 시행착오를 하거나 다른 사람보다 더 오래 걸리기 때문에, 체계적인 학습이 가장 좋다. 이렇게 하면 입문이 빨라질 뿐만 아니라, 승진의 기회도 크며, 단시간에 성과를 낼 수 있다.
3. 당신이 공부할 때, 공부를 마치면 잊을 수 없는 상황이 나타날 수 있습니다. 예를 들어, 우리는 영어를 배울 때 하루에 20 단어를 배우지만, 일주일 후에는 이전에 배운 단어를 확실히 잊을 것이다. 그렇다면 이 단어들을 기억하는 가장 좋은 방법은 대화에서 그것들을 사용하는 것이다. 웹 프런트 엔드와 관련하여 동일한 태그 또는 속성 또는 JavaScript 구문을 배웠습니다. 당신이 그것을 계속 보고 적용해야만 모든 사람이 당신을 알게 될 수 있습니다. 그래야 당신이 확고한 확신을 가질 수 있기 때문에 실제 응용이 중요합니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 성공명언)
4. 학습 방법은 웹 프런트 엔드 학습의 효율성을 결정하고 얼마나 멀리 갈 수 있는지 결정합니다. 학습 프로그래밍은 주로 좋은 학습 방법에 달려 있다. 너무 많은 사람들이 결국 잘못된 학습 방법 때문에 포기하기 때문에 변쇼는 자신의 학습 방법에 주의를 기울여야 한다. (윌리엄 셰익스피어, 햄릿, 공부명언) 사람마다 학습 방법이 다르지만, 대부분의 사람들이 잘못된 학습 방법은 동일하므로, 이 방면에서는 반드시 전문가에게 가르침을 청해야 한다.