>  기사  >  웹 프론트엔드  >  프론트엔드 작업을 위해 배워야 할 것

프론트엔드 작업을 위해 배워야 할 것

韦小宝
韦小宝원래의
2017-11-25 09:24:151522검색

프론트엔드를 배우고 싶은 학생들은 프론트엔드에 대한 일반적인 학습 아이디어와 프런트엔드코드에서 주의할 점, 프런트엔드로서 배워야 할 내용을 살펴보실 수 있습니다. -끝. 괜찮은! 살펴보자!

CSS로 프로그래밍할 수 없나요? Less, Sass, Stylus를 사용하거나 심지어 Absurd를 직접 사용할 수도 있습니다.

Bootstrap 외에도 많은 프레임워크가 있습니다. JS를 너무 많이 작성하면 귀찮나요? jQuery.
모바일 개발? Zepto.js.
구조가 좋지 않나요? 프레임워크를 찾으면 Backbone.js는 MVC이고
AngularJS 및 Ember.js는 MVVM이며 Twitter에는 Flight라는 이벤트 기반 프레임워크도 있습니다. 라이브러리가 너무 많아서 로딩을 최적화해야 합니까? RequireJS.

코드 품질에 문제가 있나요? Jasmine, QUnit 및 Mocha는
단위 테스트를 수행합니다. 다양한 브라우저를 테스트해야 하나요? 카르마를 사용하세요.
테스트를 통과했지만 배포에 여전히 문제가 있습니까? Travis CI를 사용한 지속적인 통합.
사용자 행동도 측정해야 하나요? 셀레늄을 사용하세요. 스타일 테스트를 위한 Viff도 있습니다.
JS가 충분히 귀찮다고 생각하시나요? 커피스크립트를 사용하세요.

애니메이션을 만들고 싶으신가요? 캔버스나 SVG, CSS3는 Flash를 죽이는 데 도움이 됩니다.
SVG는 그리기 너무 어렵다고요? Snap.svg를 사용하세요.
게임을 개발하고 싶으신가요? 캔버스를 사용하세요.
직접 작성했는데 FPS가 너무 낮나요? 프레임워크인 CreateJS를 사용합니다.
2D가 너무 유치하다고요? three.js는 WebGL을 사용하여 3D를 개발하는 데 도움을 줍니다.
충분히 강력하지 않나요? asm.js를 사용하면 브라우저에 Unreal Engine 3를 사용할 수 있습니다.

이 모든 것을 구성하고 배포해야 합니다. 문제. Grunt를 사용하면 라이브러리가 너무 많습니다. Bower를 이용하여 관리해보세요,
프로젝트 초반에 다양한 파일 폴더를 만들고 싶으신가요? 여맨을 이용하세요.
오픈소스 프로젝트가 너무 많습니다. GitHub에서 찾을 수 있나요? Git을 배워보세요.
그나저나 블로그 호스팅은 Jekyll을 사용하고 있죠? Ruby도 있고...SASS도 Ruby로 작성하고 Sublime Text는 Python으로 작성하는데 플러그인을 작성해야 하나요? 그것도 배우세요.
디버깅이 너무 어렵나요? Chrome 개발자 도구, 다양한 API 및 기능을 사용하세요.

컴퓨터 브라우저에서만 잘 되는거 아닌가요? 모바일용 HTML5를 개발한다면, 인터넷을 떠나면 패자가 될까요? HTML5 오프라인 애플리케이션.
기본 앱만큼 좋지 않나요? PhoneGap을 사용하세요.
네이티브 API를 호출하고 싶으신가요? Firefox OS 앱을 개발하세요. 또한 브라우저 애플리케이션을 사용하는 방법도 알아야 합니다. Chrome 및 Firefox에는 자체 문서가 있습니다.
그럼 뒷부분은 버리고 직접 하시나요? Node.js를 설치하려면 몇 가지 서버 지식을 배워야 합니다.
npm을 사용하여 노드 패키지를 관리하고 싶으신가요? 또한 Linux 기술과 쉘 기술도 배워야 합니다.
프론트엔드와 백엔드를 모두 사용하고 싶으신가요? http 프로토콜을 다시 살펴보겠습니다.
당신은 웹에 능숙합니까? node-webkit을 사용하면 데스크톱 프로그램을 작성하고 계속 학습할 수 있습니다.


모듈식 개발을 배우고 싶으십니까? CommonJS 및 AMD 사양을 살펴보세요. JS를 이해하는데 오류가 있나요? ECMA-262를 살펴보세요. 6판이 언제 출시될지 모르겠습니다.
브라우저는 서로 다릅니다. 어떻게 호환되게 만드는지 모르시나요? W3C 표준을 살펴보세요.
그 안에 쓰여진 HTML은 사람이 읽을 수 있지만 기계는 읽을 수 없나요? SEO를 원합니다.
장애인을 지원하고 싶으신가요? HTML
semantic을 보세요. 본회의가 열렸는데 IE에서 지원을 안 해준다고요? 이름을 알 수 없는 브라우저는 JS가 무엇인지도 모른다는 건가요? 점진적인 향상.
모든 종류의 장비를 한 번에 처리하고 싶으신가요? 반응형 디자인.

그럼 위의 내용은 단지 몇 가지 기발한 작은 기술일 뿐입니다.
회사는 어떤 일을 하나요? 업계 정보를 얻으세요.
일반인을 위한 제품이요? 인터랙션 디자인.
미술이 별로인가요? UI 디자인.
아웃소싱과 컨설팅이요?
디자인 패턴, 재구성 방법, 알고리즘, 데이터 구조. 소프트웨어공학을 아시나요? 민첩한 개발에 대해 알아보고 TDD, ATDD, BDD를 사용해 보세요.

많은 것을 읽은 후 첫 반응은 중국어 문서를 요청하는 것이었습니다. 가서 영어를 배우세요! 프로그래머로서 프론트엔드든 백엔드든 영어는 정말 중요해요~

관련 추천 :

초보자를 위한 프론트엔드 마스터를 위한 학습 루트

요약 최신 프론트엔드 필기 시험 문제

프론트엔드 개발 엔지니어로서 세 가지 성능 지표에 주목해야 합니다

위 내용은 프론트엔드 작업을 위해 배워야 할 것의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.