프런트 엔드 개발자 개선 하는 방법 그들의

대부분의 사람들은 매우 개인의 기술 발전에 염려 한다. 하지만 새로운 기술에 대 한 이해를 유지 하는 것은 큰 도전 이다, 모든 후, 필요한 정보 양의 너무 큽니다. 2012 년, 프런트 엔드 개발 함께 이며 혁신적인 돌파구의 많은 프런트 엔드의 재정의.

우리 연습 하는 방법에는, 구체적인 진행의 추상화, 우수한 코드 품질, 유지 관리의 업그레이드 및 더 나은 성능 사용에 반영 됩니다. 만약 당신이 너무 바빠서 최신 기술 유지 걱정 하지 마십시오.

휴일의 도래와 함께 우리는 제어, 약간의 자유 시간이 나 생각, 프런트 엔드 공유 토론 목록의 품질에 관련 된 수집, 그것은 모든 사람에 게 도움이 될 것입니다. 당신은 그들 모두를 읽이 필요가 없습니다 하지만 이러한 팁 도움이 될 것입니다 당신의 지식에 대 한 자세한 내용은 내년 더 나은 프런트 엔드 개발자에 대 한 자신을 준비.

여기에 텍스트에서 링크를 통해 액세스할 수 있는 프런트 엔드 개발을 위한 몇 가지 우수한 PPT이입니다.

I. 기본적인 부분

기술의 최전선에 갈 수 있는 방법

숙박 최신 웹 물건, 크리스 coyier 하 Ppt:how

기술 관련 아이디어를 변경 하는 경우에 우리 기술의 최전선에 여전히 자신을 만들 수 있습니다.

개발 모델은 시간 다는 것을 확인합니다

Ppt: 프런트 엔드 개발자, 레 베 카 Murphey에 대 한 새로운 기준

일단 우리가 로컬 테스트 파일을 편집 하 고 다음 FTP에 업로드는 가장 일반적인 관행이입니다. 우리는 그의 프런트 엔드 수준 판단 호환 6으로 페이지를 작성 하는 프런트 엔드 사용할 수 있습니다. Html, css, 자바 스크립트에서 우리의 기술을 충분히 강한 되지 않습니다.

상황이 최근 몇 년 동안, 작업 방법의 개선 및 도구의 다양 한 종류의 도입 많이 변경 되었습니다. 프런트 엔드 개발 점점 더 많은 관심을 받고 있다,이 항목 프런트 엔드 새로운 출발점의 개발에 설명 합니다.

둘째, 프런트 엔드 개발 엔지니어의 새로운 시작 지점

브라우저 화면에 뒤에 작동 하는 방법 이해

Ppt: 그래서, 프런트 엔드 엔지니어, 데이비드 mosher (비디오) 되 고 싶어 여

어떤 사람들은 최소한 그가 알고 있는 개발 플랫폼의 안정적인 브라우저는 말할 것 이다. 만약 당신이 클라이언트 개발 엔지니어, 이해 브라우저가 작동 하는 방법 당신을 도움이 될 것입니다 더 나은 결정을 내릴 하 고 모범 사례 뒤에 논쟁에 놀랄 거 야. 올해의 최고의 주제 중 하나에서 데이비드 Mosher 브라우저 구문 분석 및 페이지 렌더링을 이해 하는 당신을 위해 기다리고 것입니다.

지금 제공 해야 하는 웹 플랫폼을 배울

현대적인 웹 애플 리 케이 션 개발자, Addy Osmani Ppt:tooling

웹은 진화 하는, 그리고이 플랫폼에서 새로운 기술을 이해 하기 쉽지 않다. HTML5의 새로운 기능 이전 (적어도 없이 플러그-기능) 구현 되지 않았습니다 했다 많은 기능을 포함 하는 완전히 새로운 웹 응용 프로그램을 만들 수 있습니다.

이 항목에서는 내 동료 에릭 HTML5의 통증과 실제 문제에 많은 솔루션에 초점의 가장자리에 당신을 소요 됩니다. 스트리밍 미디어, 입력 장치, 현대 CSS 디자인, 미디어 캡처, 파일 I/O, 등에 대해 배우게 됩니다.

Ⅲ. 작업 방법

웹 애플 리 케이 션 개발 엔지니어 작동 하는 방법

사용 하 고 기타 또는 javascript, 덜 하거나 말 대 꾸, 이제 좋은 웹 응용 프로그램을 작성 하는 외부 리소스, 프레임 워크, 도구, 및 그들을 함께 통합 하는 바인딩 도구에 대 한 참조를 많이 필요 합니다. 간단히 말해서, 당신은 때 리 기 유틸리티 벨트가 필요 합니다.

이 항목에서는 현재 프런트 엔드 시스템에 대해 배울 하 고 유사시 라는 이러한 시스템을 통합 하는 새로운 도구를 배울 합니다.

또한이 항목의 확장된 버전을 액세스할 수 있습니다.

Ppt:tooling 현대 WebApp 개발자에 대 한

웹 디자이너 작동 하는 방법

Ppt: 현대적인 웹 디자이너의 워크플로, 크리스 coyier (비디오)

오늘 우리는 웹 건축가 대 한 높은 수요가 있다. 만약 이전에 게시물의 이름을 이미 해당 작업을 표명 하 고 있다 하지만 지금은 아니다 단지 시각 디자인 게시물, 심지어 상호 작용의 건설을 포함 한다. 디자이너는 다른 모양, 크기, 및 다른 장치의 연결을 고려해 야 하 고이 장치는 제대로 작동 할 수 있어야.

디자이너로 서, 자주 통신 하 고 팀 간에 코드를 공유 해야 하 고 많은 다른 기술 알아야 합니다. 이 항목에서는 크리스 Coyier 현대 워크플로 표준 놀라운 도구를 작업을 보다 원활 하 게 할 높은 제공 하기 위해 당신이 해야 하는 토론의 많은 것에 대해 이야기 한다.

모바일 웹 개발 작품

Ppt:mobile 웹 개발자 Toolbelt, 피트 르 페이지 (비디오)

모바일 쪽 개발 및 PC 쪽 개발, 큰 차이 이며이 항목 다양 한 도구를 보다 편리 하 고 쉽게 모바일 웹 개발을 위한 모바일 웹 개발을 할 알려줍니다.

디버깅 하는 방법

Ppt:secrets 크롬 Devtools, 패트릭 Dubroy (비디오)의

Google 개발자 도구에 대 한 깊은 이해

Iv. 미래 지향적인 개발

CSS

Ppt: 내일, 피터 Gasston의 CSS

이 항목에서는 CSS CSS 프로그래머, 당신의 현재 개발은 미래 지향적인 개발을 달성 하기 위해 c s s 3를 사용 하는 방법.

자바 스크립트

Ppt: 자바 스크립트, 데이브 허먼의 미래

ES6 및 그들을 사용 하는 방법의 새로운 기능에 대해 자세히 알아보기

웹 응용 프로그램

Ppt:web 구성 요소와 미래의 웹 응용 프로그램 개발, 에릭 Bidelman

어떻게 더 나은 웹 응용 프로그램에 다양 한 새로운 기술 통합 합니다.

5, CSS

CSS의 분야에서 예술

Ppt:all 새로운 CSS hawtness 다아시 클라크

이 항목은 최신 CSS 구현 및 관련된 표준, 소개 하 고 이러한 새로운 CSS 기술을 우리의 일상적인 개발을 변경 하는 방법을 배운다.

모듈형 CSS

Ppt: CSS는 엉망, 조나단 Snook

대부분의 사람들의 CSS 코드는 엉망,이 주제에, 당신은 CSS 모듈화의 문제, 관리 및 유지 보수의 용이성을 해결 하는 방법을 알 것 이다.

CSS 전처리기

Ppt:css 사전 프로세서, Bermon 화가

전처리기는 CSS를 사용 하지 않은, 당신은 밖 으로입니다. 이 주제는 더 인기 있는 CSS 전처리기의 일부 설명합니다.

문서

Ppt: KSS, 카일 니스와 더 나은 미래를

이 항목에서는 카일의 도구, KSS, 서식을 문서와 CSS 파일을 생성 하는 코드 중 하나를 설명 합니다.

6, 자바 스크립트

코드 스타일의 중요성

Ppt: maintainable 자바 스크립트, 니콜라스 Zakas

재미 있는 자바 스크립트 작성 코드 전문 자바 스크립트 코드를 작성 같은 것, 그리고 Zakas의 주제에 지속적인 유지 보수에 대 한 JavaScript 코드를 작성 하는 방법을 배웁니다.

대규모 응용 프로그램을 구축

Ppt:soundcloud의 스택, 닉 피셔

이 항목에서는 닉 피셔, SoundCloud에서 질량 자바 애플 리 케이 션 개발 회사의 이야기를 소개 하 고 공유 하는 그들의 개발 단계 및 개발 효율성을 개선 하는 방법.

응용 프로그램의 구조를 재검토

Ppt:re-Angularjs, 이고르 Minar와 브라우저를 상상

이 항목에서는 현재 웹 응용 프로그램에서 미래의 웹 플랫폼의 힘을 사용 하는 방법을 배웁니다.

국제화

Ppt:entschuldigen, 영어 Vouz 자바, 세 바스 챤 Golasch (비디오)

이 항목에서는 세 바스 챤 위치 현실 세계의 국제화 하는 방법과 우아한 방법으로 그것을 해결 하는 방법을 설명 합니다.

패턴 및 원칙

Ppt: 피노키오, 브랜든 파수꾼의 처지

우리 진짜 언어로 자바를 사용 하 여 필요 그리고 우리 다양 한 자바 스크립트에 실제 언어에서 사용할 수 있는 모범 사례. 자바 스크립트는 더 이상 장난감 언어.

(게으른) 부하 스크립트를 지연 하는 경우

Ppt:how 늦은 나중은? Massimiliano 콘

우리 모두 알고 있는 게으른 로드 스크립트 그래서 웹 응용 프로그램의 로드 시간을 늘릴 수 있는 때 스크립트를 로드 하는 적절 한 시기는?

7. 모바일 웹 개발

Ppt: 응답 HTML5 터치 인터페이스, 스티븐 우즈 오디오)

이러한 함정을 피하기 위해 UI와 사용자 간의 상호 작용을 해결 하는 방법 나중에 얼굴에 많은 응용 프로그램 개발자는.

스크롤 막대에서 도전

ppt: 수용 터치: 크로스-플랫폼 스크롤, 마크 Dalgleish

스크롤 효과 페이지를 이동 하는 가장 인기 있는 방법입니다. 불행히도, 슬라이딩의 효과 항상 원래 스크롤 막대에 대 등 하지. 어떻게 모바일 브라우저에서이 문제를 해결 우리?

기본, HTML5 응용 프로그램을 혼합

Ppt:native, HTML5와 하이브리드 모바일 개발, Eran Zinman

이 항목에서는 Eran 크로스-플랫폼 개발 그의 경험을 공유.

HTML5 성능, 유통 및 페이스 북 사례

Ppt: 모바일 웹 애플 리 케이 션, 사이먼 크로스의 미래에

어떤 페이스 북으로 합니까 HTML5? 향상 시킬 필요가 뭐?

모바일 개발을 위한 디버깅 도구

디버깅, 레미 샤 프 Ppt:mobile

응답 설계 기술

Ppt: 응답 웹 디자인: 영리한 팁 및 기법, 비탈리 프리드먼

이 항목 응답 디자인의 구현에 대 한 개요를 제공합니다.

Viii. 웹 애플 리 케이 션

오프 라인 웹 응용 프로그램

Ppt: 오프 라인 규칙, 앤드류 Betts (비디오)

클라이언트 웹 응용 프로그램에 저장 하는 방법 고 사이트의 경험을 개선 하기 위해 그것을 사용 하는 방법.

첨단

미래: 내일, 오늘, 어제, 폴 Kinlan (오디오)의 Ppt:building 웹 애플 리 케이 션

폴 미래 지향 웹 애플 리 케이 션을 구축 하는 방법을 설명 합니다.

클라이언트 저장소

브라우저에서 앤드류 Betts Ppt:storage

응용 프로그램 캐싱

Ppt:application 캐시: 얼 간이, 제이크 아치 볼드 (비디오)

응용 프로그램 캐시를 사용 하 여 귀하의 웹사이트를 구축 하는 방법

9입니다. 성능

CSS

Ppt:high-성능 CSS, 폴 아일랜드어

상자-그림자, 그리고 솔루션의 적어도 70 밀리초를 그리는 브라우저를 올리는 등 페이지 성능에 영향을 주는 CSS를 찾아.

Ppt:github의 CSS 성능, 존으로 한

Jank 방지

Ppt:jank-무료: 추구의 매끄러운 웹 애플 리 케이 션, 톰 Wiltzius

Jank는 애니메이션 카드, 성능 저하의 효과 또는 페이지 스크롤 천천히 때 상태를 말합니다. 이 항목에서는 이러한 상태를 방지 하는 방법을 설명 합니다.

웹

Ppt:building 빠른 웹사이트, 일 리아 Grigorik

웹사이트의 관점에서 전체적인 성능 향상을 고려 하는 방법.

자바 스크립트

Ppt:breaking V8, 다니엘 클 리와 함께 자바 스크립트 속도 제한

V8 실행 스크립트의 제한 속도 휴식 하는 방법.

X. 테스트

왜 코드 나쁘다 이해

Ppt:why 코드 냄새, 브랜든 파수꾼

이 항목에서는 브랜든 그의 일상적인 코드 소개, 문제가 발생, 왜 코드, 그리고 그것은 무엇을 의미, 나타나고 마지막으로 그것을 리팩터링 하는 방법을 이해 하는 나쁜 코드를 찾습니다.

예술의 현재 상태

Ppt:javascript 테스트: 성배, 아담 호킨스 (비디오)

테스트 도구를 사용 하 여 응용 프로그램 경험을 보장 하는 방법.

코드의 테스트 용이성 개선

Ppt:writing 테스트 자바, 레 베 카 murphey (오디오)

11입니다. 요약

그것을 귀하의 기술 업그레이 드에 대해 생각 하는 시간을 보내고 가치입니다. 더 당신이 연마 할 더 많은 기회를 좋은 엔지니어 될 해야 합니다.

이 목록은 반드시 모든 올해의 최고의 ppt의 적용 되지 않습니다 하지만 잘하면 그것은 몇 가지 지침을 제공할 것입니다. 가 고 당신이에 흥미 있는 것 들의 일부를 읽으십시오. 이런이 종류의 읽기 능력을 향상 하 고 또한 당신의 매일 개발을 돕기 위해 희망.

마지막으로, 모두 즐길 수 있는 축제, 새 해는 더 많은 진보와 혁신 하는 것이 좋겠다.