웹 개발 툴은 오는 길에서 몇 가지 짧은 년이다. 이 덕분에,우리는 힘의 높은 테스트 라이브러리를 개선하는 워크플로우와 더 큰 가능성을 누릴 때 그것을 반응하는 디자인을하고 있습니다. 뿐만 아니라,우리는 끊임없이 개선 버전 제어 시스템 덕분에 함께 일을 구축 할 수 있습니다. 에서 브라우저 추가 기능,플러그인,프로세서를 간소화하는 코드 적이있다 더 많은 가능성을 만들기 위한 멋진 웹 응용 프로그램입니다.
하와 숫자의 웹 개발 도구 증가 거의 매일 최선을 찾는 소프트웨어 작업을 수행하는 어려운 것입니다. 당신을 돕기 위해,우리는 당신을 시작하기 위해 프론트 엔드 개발을위한 필수 도구 목록을 만들었습니다. 특히 하나에 대해 알아내는 데 관심이 있다면 아래 목록에서 간단히 선택하십시오.
- 숭고한 Text
- Chrome 개발자 도구
- jQuery
- GitHub
- 트위터 부트스트랩
- 각도입니다.js
- Sass
독서에 열중하지 않습니까? 그런 다음 코스 전문가 중 한 명이 도구를 통해 이야기하는 아래 비디오를보십시오.
1. 숭고한 Text
의 시작은 기본 사항:첫 번째 평가 코드를 편집하는 하나의 특징을 잘 설계,슈퍼 효율적이고 매우 빠른 사용자 인터페이스가 있습니다. 이 작업을 잘 수행하는 몇 가지가 있지만 틀림없이 가장 좋은(그리고 가장 인기있는)것은 숭고한 텍스트입니다.
교묘하게 실행하여 한 사람이 개발 팀이,비밀을 숭고한의 성공은 프로그램의 광대 한 배열의 키보드 단축키와 같은 기능을 수행하는 동시에 편집(을 만들기 같은 상호 작용을 변경하는 여러 개 선택한 지역)뿐만 아니라 빠르게 탐색하는 파일,기호,그리고 라인입니다. 그리고 당신이 지출 8 시간 이상의 편집기 매일,그 소중한 몇 초 저장에 대한 각 프로세스 진행을 추가 있습니다…
할 수 있는 코드를 시작으로 숭고한에서 무료로 웹 개발얼(no 입 필요).
2. Chrome 개발자 도구
좋은 되지 않을 수 있다면 편집 HTML 과 CSS,실시간으로 또는 디버그 자바스크립트는 모든 보는 동안 철저한 성능을 분석하여 웹사이트?
Google 의 내장 Chrome 개발자 도구를 사용하면 바로 그 작업을 수행 할 수 있습니다. 번들로 제공되며 Chrome 과 Safari 모두에서 사용할 수 있으므로 개발자는 웹 응용 프로그램의 내부에 액세스 할 수 있습니다. 이런 상황에서,팔레트 네트워크의 도구를 최적화하는 데 도움이 될 수 있습니다 당신의 선적이 흐르는 동안 타임라인은 당신을 더 깊이 이해하의 브라우저에서 수행하는 어떤 주어진 순간이다.
Google 릴리스 업데이트마다 주인들의 웹 사이트뿐만 아니라 Google 개발자는 유튜브 채널을 유지하는 능력을 그대로–날짜입니다.
3. jQuery
JavaScript 고 있는 필수적인 프런트 엔드 언어로 개발자에 의해,그것의 문제 없이:으로 가득 브라우저의 불일치,그가 다소 복잡하고 접근하기 어려운 구문을 뜻하는 기능을 자주 하셨습니다.
프런트 엔드 프로세스를 단순화하기위한 빠르고 작고 크로스 플랫폼 인 JavaScript 라이브러리 인 jquery 가 2006 년까지 현장에 등장했습니다. 을 추상화하여 많은 기능이 일반적으로 왼쪽의 개발자를 위한 해결하기에,자신 jQuery 허용되는 큰 범위에 대한 애니메이션을 만드는 방법,플러그인을 추가하거나,또는 탐색하는 문서입니다.
이것은 분명히 성공적–jQuery 지금까지 가장 인기 있는 자바스크립트 라이브러리에서 존재 2015 년에,설치의 65%는 상위 10 만 가장 높은 트래픽이 발생하는 여러 사이트에 Web.
4. GitHub 의
그것은 모든 개발자의 최악의 악몽이다-당신은 새로운 프로젝트 기능에 노력하고 당신은 망쳐. 버전 제어 시스템(VCS)을 입력하고 더 구체적으로 GitHub 를 입력하십시오.
압연하여 귀하의 프로젝트 서비스,당신이 볼 수 있습니다 모든 변경 사항은 당신했거나 심지어 돌아가 이전의 상태(만들고 귀찮은 실수는 과거의 일). 저장소 호스팅 서비스을 자랑한 풍부한 오픈 소스 개발자 커뮤니티(간의 협업이 팀으로 쉽게 파이)을 제공뿐만 아니라,여러 가지 다른 구성 요소와 같은 버그를 추적하고,기능 요청,작업 관리,위키에 대한 모든 프로젝트입니다.
많은 고용주들이 찾는 곱게 갈 Git 기술,그래서 지금의 완벽한 시간을 가 plus 그것은 훌륭한 방법으로 참여하고 최고의 배우와 함께 다양한 오픈 소스 프로젝트에서 작동 합니다.
5. Twitter Bootstrap
컨테이너에 대해 동일한 스타일링을 입력하는 것에 지쳤습니까? 자르기를 계속하는 버튼은 어떻습니까? 프런트 엔드 응용 프로그램을 정기적으로 구축하기 시작하면 동일한 패턴이 나타나기 시작합니다.
UI 프레임워크는 시도가 이러한 문제를 해결하기 위해 추출하여 일반적인 요소로 재사용할 수 있는 모듈을 의미를 개발할 수 있는 비계 요소의 새로운 응용 프로그램으로도 쉽습니다.
이러한 프레임 워크 중 가장 널리 사용되는 것은 Twitter 에서 팀이 개발 한 포괄적 인 UI 패키지 인 Bootstrap 입니다. 완전한 도구를 정상화 스타일 시트를 구축,모달체,자바 스크립트 플러그인을 추가,그리고 다른 기능,스트랩할 수 있을 극적으로 줄의 코드 양이(그리고 시간)을 구축하는 데 필요한 귀하의 프로젝트입니다.
6 을 보는 프론트 엔드 개발자. 각도.js
HTML 은 일반적으로의 초석이 어떤 프론트 엔드 개발자 도구이지만,그것은 많은 것을 인식하는 심각한 결함:그것도록 설계되지 않았을 관리하는 동적인 전망이다.
오픈 소스 웹 응용 프로그램 프레임 워크 인 AngularJS 가 들어오는 곳입니다. Google 에 의해 개발,련을 확장할 수 있는 응용 프로그램의 HTML 구문,그 결과 더 많은 표현,읽기 쉽고,빠르게 개발하는 환경할 수 있는 그렇지 않으면으로 건축되었습 HTML 혼자입니다.
프로젝트가 없이 비판의 목소리:어떤 느낌이 이런 종류의 데이터 바인딩은 지저분하고,비로 구분된 코드,그러나 우리는 여전히 생각하는 값을 헤아릴 수 없는 기술에 있어 프런트 엔드 키트입니다.
7. Sass
웹 개발 도구는 시간을 절약하는 가장 친한 친구와의 첫 번째 중 하나 것에 대해 알아 보겠 코드가 필요로 하는 것 건조(“반복하지 않는 자신을”). 당신이 아마 배울 두 번째 것은 css 가 일반적으로 매우 건조하지 않다는 것입니다.
의 세계를 입력 CSS 전처리기는 도구는 쓰는 데 도움이 유지 관리,미래를 방지 코드,모든 동안의 양을 줄이 CSS 당신이 쓰는(그것을 유지하는 건조).
아마도 가장 인기 있는 그들 가운데 사는 여덟 살 된 오픈 소스 프로젝트는 꽤 많은 정의된 장르의 현대적인 CSS 전처리기. 비록 작은 까다로운 그립 초기에,사스의 조합을 변수의 중첩 및 믹스인 렌더링하는 간단하 CSS 경우 컴파일한 의미의 스타일이 더 읽기(가장 중요한 것은)건조합니다.
결론
경우에는 아이디어의 학습 이론트 엔드 도구와 설정에 7 개월 여행하는 웹 개발자가 호소하는 당신에게 정말 추천하는 당신이 새로운 전체 스택 웹 개발 과정에서 CareerFoundry. 그것은 당신을 가르 칠 수 있도록 설계 중핵 프로 기술하기 전에 처음부터 진행하여 당신은 많은 수요가 많은 기술에서 JavaScript 를 개발하는 데 사용됩니다. 당신이 결합 할 수있는 경험이 풍부한 개발자를 위한 온라인 멘토링 및 교사의이 작업을 보장하지 않는 경우에는 직업을 얻으로 웹 개발 6 개월 이내에 졸업하는,당신은 당신의 돈을 다시. 더 많은 것을 알아 내고 우리의 첫 번째 전체 코호트에 가입하려면 오늘 커리어 어드바이저에게 연락하십시오.