주니어 프론트엔드
주로 HTML, CSS, JavaScript 세 부분을 배웁니다.
1 HTML CSS 부분:
이 부분입니다. 특별합니다. 간단합니다. 인터넷에서 정보를 검색하기만 하면 책과 동영상이 많이 있습니다. CSS의 박스 모델, 플로우, 블록, 인라인, 캐스케이딩, 스타일 우선순위 등을 스스로 배우는 것도 매우 쉽습니다. 마지막으로 브라우저 간의 차이점을 자세히 살펴보겠습니다. IE9 이하의 브라우저가 호환되는지만 이해하면 됩니다. 호환되도록 학습하는 데 많은 시간을 낭비할 필요는 없습니다. 하위 버전의 경우 Google Chrome 및 Firefox와 같은 주류 브라우저, 사파리 브라우저, 오페라 브라우저를 사용합니다. 브라우저마다 차이가 많으며, 실제로는 더 많이 쌓아두는 것이 좋습니다.
2. 자바스크립트 부분.
1. 기본 학습:
다른 프로그래밍 언어에 대한 기초가 없으면 배울 것이 정말 많습니다. 클로저, 프로토타입, 객체지향, 캡슐화 등과 같은 더 추상적인 개념을 깊이 이해하고 철저하게 이해해야 합니다. 읽기는 필수입니다. 훌륭한 JS 책을 찾아 처음부터 끝까지 공부하세요. 처음에 빨리 읽을 수 있으면 일반적으로 두 번째 또는 세 번째로 깊이 공부해야 개념을 이해할 수 있습니다. 또한, js 객체 지향 프로그래밍을 배워야 하는데, 이는 매우 중요합니다. 저는 개인적으로 Stoyan Stefanov가 집필하고 Ling Jie가 번역한 "Javascript Object-Oriented Guide"라는 책을 추천합니다. 학습과 실습을 동시에 하세요. 실습을 통해 진정한 지식을 얻을 수 있습니다.
2. jQuery 학습:
이러한 기본 지식을 익힌 후에는 매우 뛰어난 Javascript 라이브러리이자 대규모 개발에 필요한 jQuery도 배워야 합니다. 이는 Javascript의 복잡한 작업을 단순화하고 Javascript 교차 플랫폼 호환성 문제를 제거하며 많은 실용적인 방법을 제공하고 좋은 문서와 도움말 매뉴얼을 갖추고 있으며 매우 성숙한 Javascript 라이브러리입니다. MOOC 학습 비디오 커리큘럼 네트워크. 학습 방법도 매우 간단합니다. 제품 설명서를 따라 몇 페이지만 만들면 됩니다. 나중에 문제가 발생하면 설명서를 확인하면 됩니다.
아래 그림과 같이 프로세스는 대략 이렇습니다.
3. 고급 학습:
위의 지식을 바탕으로 대부분의 소규모 웹사이트에서는 이제 작업 코드를 작성할 수 있습니다. 하지만 좀 더 전문적인 프론트엔드가 되고 싶다면 계속해서 열심히 노력해야 합니다. 쉬운 유지 관리, 테스트 가능성, 고성능, 낮은 트래픽(모바일 단말기)이라는 네 가지 더 높은 요구 사항이 있을 수 있습니다.
중급 및 고급 프런트엔드
1. 도구 학습: 대규모 프로젝트에서 프런트엔드 코드 구성은 더 이상 종속성 관리, 모듈 병합의 단순한 문제가 아닙니다. , 다양한 컴파일이 단계별로 부족하므로 grunt 및 gulp와 같은 프런트 엔드 구성 도구를 사용하는 방법도 배워야 합니다. 패키지 관리자 bower 및 npm, 코드 최적화 CSS Lint, JSHint, JSLint , CSS 전처리기 감소, sass, 코드 관리 및 버전 제어 svn, Git, 웹 프레임워크/서버 노드, Express, 코드 사양, HTML 모듈화, CSS 모듈화. JS를 배우고 싶다면 611-428-142 그룹에 가입하세요. 매일 무료 라이브 수업이 있고 녹화된 비디오가 재생되며 전문 교사가 질문에 답변해 드립니다.
2. 부트스트랩과 같은 레이아웃 프레임워크를 알아보세요.
3. 새로운 기술인 HTML5를 배워보세요.
4. js 프레임워크, requireJS, AngularJS 등에 대해 배우고 프런트엔드 설계자에 더 가까이 다가가세요.
5.nodejs 학습.
다음 그림은 수석 프론트엔드 엔지니어가 배워야 할 내용을 잘 표현하고 있습니다.
채용 홈페이지에 가서 채용요건을 참고하세요. 예는 다음과 같습니다. :
< p>1. HTML 및 CSS에 능숙하며 W3C 표준을 준수하는 정적 페이지를 만들 수 있습니다.2. JavaScript 프로그래밍에 능숙하며 객체 지향 프로그래밍에 대한 깊은 이해가 있습니다. 아이디어,
3. 주류 Javascript 라이브러리/프레임워크 jQuery에 능숙함,
4. 핵심 JavaScript 언어 기술인 DOM 및 BOM을 이해하고 숙달하며 Javascript 성능 최적화 경험이 있음
p>
5. 브라우저 호환성에 대한 심층적인 조사가 있고, 다양한 브라우저 문제에 능숙합니다.
6. Backbone.js 및 AngularJs와 같은 MVC 프레임워크를 이해하고 실제 프로젝트 개발 경험이 있습니다.
p>
7. 특정 서버 배경 기술을 이해하고 보유 C# 프로그래밍 기술을 갖춘 지원자는 선호됩니다.
8. 대화형 경험, 유용성 및 사용자 경험에 대해 어느 정도 이해하고 있습니다.
9. 책임감과 팀워크 능력이 뛰어나고, 더 큰 압박감을 이해할 수 있는 분
위 내용은 개인적인 경로이며 참고용입니다. 오직.