솔직히 말해서, 프론트 엔드는 최근 몇 년간의 급속한 발전을 거쳐 온라인 문장 및 자습서가 여전히 많습니다. 경험이 있는 사람은 이 정보를 바탕으로 자신의 학습 방법과 경로를 정할 수 있지만, 이는 소백에게 여전히 어려운 일이다. 나는 프론트 엔드 학습 경로를 당신과 공유 할 것이라는 것을 알고 있습니다. 프로그래밍 경험이 없어 프런트를 배우고 싶지만 어떻게 시작해야 할지 모르는 사람을 대상으로 합니다.

기본 섹션:

학습 1 및 HTML+CSS 는 일부 웹 사이트를 모방하여 페이지를 만들고 실제로 경험을 쌓을 수 있습니다. UI 를 연결하고 100% 로 웹 사이트의 정적 페이지 개발을 재구조화하여 사후 페이지 논리와 동적 효과의 토대를 마련할 수 있습니다.

자바스크립트는 배워야 할 것이 많다. 다른 프로그래밍 언어의 기초가 없으면 배우기 위해 약간의 노력이 필요할 수 있다. 이 단계에서는 프로그래밍의 기본 개념을 익히고 논리적 사고력을 키워야 한다. 웹 사이트의 페이지 개발 (합리적인 레이아웃 및 자바스크립트 조작 DOM 포함) 을 독립적으로 완료할 수 있습니다.

고급 부품:

이러한 기초를 통해 일반 정적 웹 페이지를 디자인할 수 있지만 복잡한 페이지에 대해서는 더 많은 학습이 필요합니다.

고급 자바스크립트 및 서버 기반, 심층적 인 객체 지향 프로그래밍, 모바일 터미널 개발 기능, 브라우징 호환성 문제 처리, ES6/ES7 구문 사양 심층 연구, 전면 및 후면 분리 개발 아이디어.

4, 프레임 워크와 서버, 데이터베이스, 프런트 엔드 보안 학습, 노드, 데이터베이스 운영, 프런트 엔드 분리 기술, 프런트 엔드 및 백 엔드 공동 개발에 대한 심층적 인 이해. NPM(Yarn), 노드 모듈 fs, http, 라우팅, 요청 처리, express 4 (KOA) 에 익숙합니다. 웹 소켓 서비스, MongoDB/MySQL 데이터베이스 CRUD(mongose) 생성 파악 위챗 애플릿 개발, Vue2.x, Vue-router, Vuex 등의 기본 사항을 숙지합니다.

5, React 및 구성 요소 개발, 구성 요소 개발 아이디어 심층 학습, 웹 팩 사용 이해, React 개발의 기초 파악, Hook, create-react-app 등

업그레이드 섹션:

위의 지식으로 대부분의 작은 웹 사이트에 대한 작업 코드를 작성할 수 있을 것이다. 하지만 좀 더 전문적인 프런트가 되려면 계속 노력해야 한다. 네 가지 더 높은 요구 사항이 있습니다: 1) 유지 관리가 용이합니다. 2) 테스트 용이함, 3) 고성능, 4) 저유량 (모바일 터미널).

기타 보충 부품:

프런트엔드 프로젝트도 소프트웨어 수명 주기의 모든 측면에 직면해야 합니다. 첫 번째는 코드 관리입니다. Svn 과 Git 를 사용하는 법을 배워야 합니다. 둘째, 코드 구성입니다. 이제 프런트 엔드 코드 빌드는 단순한 압축이 아닙니다. 관리, 모듈 통합 및 다양한 컴파일러에 의존해야 하며 Grunt, Gulp 등의 프런트엔드 구성 도구를 사용하는 방법도 배워야 합니다.

위 내용은 프런트 엔드 학습 순서에 대한 간단한 설명일 뿐이다. 프런트 엔드 개발의 경우 기본 내용은 이것입니다. 자신의 취미에 따라 다음 내용을 선택적으로 배울 수 있다.

1, 대화형 설계. 대기업은 여전히 전문가가 그렇게 하지만, 상호 작용을 모르는 프런트엔드는 좋은 프런트엔드가 아닐 것이다. 심플 1 위 추천드려요.

2. 백엔드. 프런트 엔지니어는 적어도 하나의 백 엔드 언어를 알아야 하지만, 좋아하면 깊이 배울 수 있다고 말해야 한다. 현재 NodeJs 는 대기업에서 널리 사용되고 있다. Node 의 Express 프레임워크를 사용하여 백엔드 서비스를 개발하는 것이 좋습니다.

마지막으로, 숙련된 프로그래머들은 프로그래밍을 배우는 가장 효율적인 방법은 당신을 프로젝트 팀에 던지는 것임을 알고 있습니다. 한두 가지 항목의 스크롤을 통해 모든 지식점이 연결되어 있는 것이 아니라 하나의 전체를 형성하는 것을 즉시 발견할 수 있을 것이다. (윌리엄 셰익스피어, 햄릿, 지식명언) 그런 느낌은 지식점만 연구하고 실제 프로젝트는 쓰지 않는 사람이 느낄 수 있는 것이 아니다. 프로젝트는 큰 덩어리의 지식을 한데 묶을 수 있는 밧줄이다.

단지 지식점을 외우거나 이해하는 것이 아니라 자신의 실제 개발 능력을 단련하고 싶다면, 진정한 플레이어가 되고 싶다면, 가서 프로젝트를 하라. (윌리엄 셰익스피어, 햄릿, 지식명언)

전반적으로, 웹 프런트 엔드 개발에는 아직 배워야 할 점이 많다. 프런트엔드는 매우 광범위한 학과로, 기술 갱신이 매우 빠르다. 우수한 웹 프런트 엔드 개발 엔지니어는 빠른 학습 능력을 갖추어야 한다. 빠른 학습 능력이 없다면 웹 발전의 속도를 따라갈 수 없기 때문에 끊임없이 자신을 향상시키고 새로운 기술과 모델을 배워야 한다.