그러나 웹 개발 도구의 수가 거의 매일 증가함에 따라 작업을 완료하는 데 가장 효과적인 소프트웨어를 찾는 것은 일반적으로 낙담하게 느껴질 것입니다. 여러분을 돕기 위해 우리는 여러분이 시작하는 데 도움이 되는 프런트엔드 개발을 위한 필수 도구 목록을 만들었습니다. 특정 항목에 대해 궁금하신 경우 아래 목록에서 해당 항목을 선택하시면 됩니다.
- 숭고한 텍스트
- Chrome 개발자 도구
- 제이쿼리
- GitHub
- 트위터 부트스트랩
- Angular.js
- 사스
1 건대w. 숭고한 텍스트
요금 코드 편집기 – 잘 디자인되고 초고속이며 사용자에게 매우 효율적인 인터페이스입니다. 이를 잘 시도하는 사람들이 많이 있지만 아마도 가장 효과적이고 가장 인기 있는 것은 Sublime Text입니다.
예술적으로 단일 개발 팀으로 진행되는 Sublime 성공의 열쇠는 프로그램의 광범위한 키보드 단축키에 있습니다. 예를 들어 동시 편집(여러 지정된 영역에 동일한 대화형 변경 수행)을 수행할 수 있는 유연성과 파일, 기호 및 줄에 대한 빠른 탐색이 있습니다. 그리고 매일 편집자와 함께 8시간 이상을 소모하면 모든 방법에 대해 절약된 귀중한 몇 초가 합산됩니다…
방갈로르 UI 개발자 교육에 대한 자세한 내용은
2. 크롬 개발자 도구
HTML과 CSS를 실시간으로 편집하거나 JavaScript를 디버깅하는 동시에 웹사이트의 철저한 성능 분석을 볼 수 있다면 좋지 않을까요?
Google에 내장된 Chrome 개발자 도구를 사용하면 바로 이러한 작업을 수행할 수 있습니다. 각 Chrome 및 Expedition에 번들로 제공되어 사용 가능하므로 개발자는 넷 애플리케이션 내부에 액세스할 수 있습니다. 또한 네트워크 도구 팔레트는 로딩 흐름을 최적화하는 데 도움이 되는 반면, 타임라인은 주어진 순간에 브라우저가 수행하는 작업에 대한 더 깊은 이해를 제공합니다.
3. 제이쿼리
JavaScript는 개발자가 필수적인 프런트 엔드 언어로 간주했지만 문제는 아니었습니다. 브라우저 불일치로 가득 차 있으며 다소 어렵고 접근하기 어려운 구문으로 인해 기능이 일반적으로 저하되었습니다.
프론트 엔드 프로세스 단순화를 목표로 하는 빠르고 작은 크로스 플랫폼 JavaScript 라이브러리인 jQuery가 등장한 것은 2006년이었습니다.
4. GitHub
이는 각 개발자에게 최악의 악몽입니다. 새로운 프로젝트 기능을 수행하다가 실수를 범하는 것입니다. 버전 제어 시스템(VCS)을 입력하고 특히 GitHub를 입력하세요.
서비스를 사용하여 프로젝트를 출시하면 자신이 만든 모든 변경 사항을 읽거나 이전 상태로 돌아갈 수 있습니다(전염병 실수를 과거의 요인으로 만듭니다).
방갈로르 UI 개발 교육에 대한 자세한 내용은
5. 트위터 부트스트랩
컨테이너에 대해 동일한 스타일로 타이핑하는 데 지치셨나요? 그런데 계속해서 나타나는 버튼이요? 프런트 엔드 애플리케이션을 자주 구축하기 시작하면 동일한 패턴이 증가하는 것을 발견하게 될 것입니다.
UI 프레임워크는 공통 구성 요소를 재사용 가능한 모듈로 추상화하여 이러한 문제를 해결하려는 노력입니다. 즉, 개발자는 최신 애플리케이션의 요소를 빠르고 쉽게 기반으로 삼을 것입니다.
6. Angular.js
HTML은 때때로 프런트엔드 개발자 도구 상자의 초석입니다. 그러나 이는 여러 사람들이 심각한 결함으로 인식하는 것입니다. 즉, 동적 뷰를 관리하도록 설계되지 않았습니다.
오픈 소스 넷 애플리케이션 프레임워크인 AngularJS가 등장하는 곳입니다. Google이 개발한 AngularJS를 사용하면 애플리케이션의 HTML 구문을 확장할 수 있으므로 HTML만으로는 디자인할 수 없는 환경을 추가로 의사소통하고 읽기 쉽고 빠르게 개발할 수 있습니다.
자세한 내용: Marathahalli의 UI 개발 교육
7. 사스
시간을 절약해 주는 웹 개발 도구는 안심이며 코드에 대해 알게 될 주요 사항 중 하나는 코드가 DRY(“반복하지 마세요”)여야 한다는 것입니다. 여러분이 알게 될 두 번째 요소는 CSS가 때때로 그다지 DRY가 아니라는 것입니다.
작성해야 하는 CSS의 양을 줄이면서(DRY를 유지하면서) 복구 가능하고 미래에도 사용할 수 있는 코드를 작성하는 데 도움이 되는 도구인 CSS 전처리기의 세계로 들어가십시오.
