찾다
웹 프론트엔드JS 튜토리얼훌륭한 JavaScript 프로그래머가 되는 길

훌륭한 자바스크립트 프로그래머의 성장 경로

생각해보면 어렸을 때 관심과 취미는 관련 없는 다양한 분야에 걸쳐 있었습니다. 나는 역사를 사랑하는 만큼 수학도 좋아합니다. 제 목표는 다재다능한 르네상스 시대의 거장처럼 되는 것입니다. 즉 여러 분야에서 탁월한 성과를 거두는 것입니다. 그것은 어려운 주문이었습니다. 갑자기 나는 "모든 거래의 잭이자 아무도 없는" 위험에 처해 있음을 깨달았습니다.

적어도 '특정 분야에 능숙한' 사람이 되기 위해 특정 분야에 대해 깊이 고민하기 시작했습니다. 그렇다면 소프트웨어 개발에 대해 많은 것을 배우면서 한 분야를 전문화하려면 어떻게 해야 할까요?

이 기사에서는 5년간의 업무 경험을 바탕으로 훌륭한 JavaScript 개발자가 되기 위해 제가 사용하는 기술과 리소스를 주로 설명합니다.

오늘날 대부분의 웹 개발자는 공통적인 문제에 직면해 있습니다. 데이터베이스부터 백엔드 아키텍처, 프런트엔드 사용자 인터페이스, 우수한 CSS 지식을 사용하여 수정하는 데 이르기까지 다양한 영역에서 다른 개발자보다 앞서야 합니다. 사용자 인터페이스.

책 읽기

무엇보다 눈에 띄도록 노력해야 합니다. 예를 들어 때때로 몇 개의 블로그 게시물을 읽음으로써 의도치 않게 내용을 파악할 수도 있지만 솔직히 이 방법에 필요한 초기 시간과 에너지 투자가 훨씬 낮기 때문에 더 간단합니다. 그러한 학습 모델은 헌신적이고 의도적인 학습 과정보다 분명히 더 많은 시간이 걸릴 것입니다. 이 딜레마에 대한 해결책은 간단합니다. 책을 읽는 것입니다.

책은 인류 발전의 사다리입니다. 글쓰기는 지식을 압축된 형태로 세대에서 세대로 전달하는 도구입니다. 웹 기술자가 되는 데 따른 문제 중 하나는 웹 자체에서 물러나야 할 때를 배워야 한다는 것입니다. 인터넷은 본질적으로 혼란스럽고 산만하기 때문에 제가 드릴 첫 번째 조언은 해당 주제에 관한 책을 읽는 것입니다.

JavaScript의 경우 다음 책부터 시작할 수 있습니다. "JavaScript the Good Parts"는 JavaScript의 "성경"과 같습니다. 이 책은 약간 오래되었지만 여전히 시작하기에 가장 좋은 책입니다. JavaScript: Definitive Guide도 필수품이지만 참고서라고 생각할 수도 있습니다. jQuery 창시자인 John Resig의 "JavaScript Ninja의 비밀"도 주목할 만합니다. 게다가 전자책도 읽을 수 있어 매우 편리합니다. 많은 온라인 전자책이 무료입니다. 또한, JavaScript Guide는 책은 아니지만 Mozilla 개발자들의 깊은 신뢰와 선호를 받고 있습니다.

스크립트 라이브러리 학습, 사용 및 읽기

다음으로 가장 중요한 단계는 스크립트 라이브러리를 이해하는 것입니다. 책은 언어를 읽는 방법을 가르쳐주고, 도서관은 언어를 적용하는 방법을 가르쳐줍니다. 스크립트 라이브러리를 사용하려면 두 가지 중요한 작업이 필요합니다. 스크립트 라이브러리를 사용하고 소스 코드를 읽는 것입니다.

라이브러리를 사용하려면 jQuery, Backbone, underscore와 React, Angular, Ember 중 하나의 핵심 라이브러리를 알아야 합니다. 이는 이러한 라이브러리를 사용해야 한다는 의미는 아니지만 괜찮은 JavaScript 개발자라면 적어도 이러한 라이브러리에 대한 경험(좋든 나쁘든)이 있어야 합니다.

JavaScript 기술을 향상시키기 위해 두 번째로 중요한 일은 이러한 라이브러리의 소스 코드를 읽는 것입니다. Backbone과 밑줄의 소스 코드는 매우 아름답게 작성되어 있으므로 읽어볼 것을 적극 권장합니다. 밑줄을 읽고 이해하면 함수형 프로그래밍 기술이 향상됩니다. 소스 코드를 읽을 가치가 있고 다른 개발자가 나에게 추천한 또 다른 라이브러리는 mootols입니다. (저는 개인적으로 mootools를 사용하지 않으며 해당 소스 코드를 읽지 않았습니다.)

React 및 Ember와 같은 나머지 라이브러리는, 등은 이해하기 어려울 수 있지만 그만한 가치가 있습니다. 또한 다른 라이브러리의 소스 코드를 탐색하여 코드 베이스가 어떻게 구성되어 있는지 확인하고 몇 가지 새로운 패턴을 탐색해 보아야 합니다. 소스 코드를 사용하고 읽을 수 있는 다른 잘 알려진 라이브러리로는 D3, highcharts 및 moment.js가 있습니다.

연습하고 스스로에게 질문하세요

훌륭한 JavaScript 개발자가 되기 위한 핵심 단계는 정말 많이 연습하는 것입니다. 이상적으로는 연습의 초점이 DOM이 아닌 언어에 있으므로 node.js를 실행할 수 있는 테스트 도구가 있어야 합니다. 다양하고 사소하고 광범위한 node.js 연습을 해보세요. 코딩 기술을 연구하고 클로저 , 프로토타입, 확장 배열(맵, 필터) 등 JavaScript를 사용하는 다양한 방법을 경험해 보세요. 연습을 하는 동안 마음속에 JavaScript의 기본 아이디어가 형성되기 시작해야 합니다.

내 친구 Armagan은 뛰어난 JavaScript 프로그래머이자 강의를 위해 "Pro JavaScript Design Patterns"를 사용하는 교사이기도 합니다. 이 책은 읽을 가치가 있다.

배우면서 다음과 같은 몇 가지 질문에 답해 보십시오. 프로토타입 상속은 어떻게 작동합니까? closure 정의 키워드 의미는 어떻게 바뀌나요? 적용/바인드/맵/필터/호출을 사용하는 방법은 무엇입니까? JavaScript 개발자가 직면해야 하는 일련의 공통 소스 포인트를 수집하고 이를 자신의 말로 설명해보세요. 이러한 개념을 서면이나 구두 형식으로 다른 사람에게 설명하면 기술이 크게 향상될 수 있습니다. 연습하면서 "그렇다면 어떨까?"라는 시나리오에 대해 생각해 보십시오. 예를 들어, "바인드를 두 번 사용하는 경우 "this"는 무엇을 의미합니까? jQuery는 이 키워드가 전역 개체 대신 jQuery 개체를 가리키는지 어떻게 확인합니까? 이 라이브러리는 어떻게 특정 기능을 완료합니까? 항상 스스로에게 물어봐야 할 질문.

학습 표준

다음으로 알아야 할 것은 EcmaScript 표준입니다. EcmaScript 표준의 최신 사본을 연구하십시오. 또한 ES6 및 ES7과 같은 JavaScript의 향후 기능에 대해 알아보십시오. 최근에는 Promise, Module, Generator, Comprehension 등의 새로운 기능이 등장하고 있으며, 표준을 주의 깊게 읽어보고 Nicholas Zakas의 "Understanding EcmaScript 6"이나 Axel Rauschmayer 박사의 "Exploring JS"와 같은 전문 서적도 읽어볼 수 있습니다. 도움이 될 수 있습니다. 주요 소스에서 표준을 배우고 새로운 언어를 탐구하는 것이 전문화의 길로 가는 길입니다.

네트워크 자원 활용

앞서 네트워크를 이해하기 위해 네트워크를 사용하는 것은 위험하다고 말씀드렸지만, 지금 제가 제안하고 싶은 것은 네트워크를 사용하여 최상의 결과를 얻을 수도 있다는 것입니다. 자원. Hacker News는 좋은 소스이지만 실제로 유용한 정보의 비율이 매우 낮기 때문에 지속적인 추적에는 일반적으로 더 많은 시간이 걸립니다. 대신 JavaScript Weekly와 같은 주간 다이제스트를 목표로 하세요. 시간이 지남에 따라 어떤 라이브러리나 기술이 점점 더 매력적으로 변하는지 자연스럽게 이해하게 될 것입니다. 트위터에서 영향력 있는 JavaScript 개발자를 찾을 수 있습니다. 기타 온라인 리소스로는 Toptal Blogs, Rebecca Murphey의 블로그, Nicholas Zakas의 블로그 등의 블로그가 있습니다.

또 다른 매우 중요한 온라인 리소스는 화상 회의와 교육 비디오입니다. 컨퍼런스와 관련하여 JSConf 시리즈는 고품질입니다. 교육 비디오의 경우 고품질 코스 작성 경험이 있는 개발자 집단이 있기 때문에 Pluralsight를 적극 권장합니다.

간단히

  • 책을 읽는 것은 정보의 본질을 담고 있습니다.

  • jQuery, 밑줄, Backbone 등 기본 라이브러리에 대해 알아보고 소스코드를 읽어보세요.

  • 연습을 통해 상속과 같은 일반적인 JavaScript 개념을 자신의 말로 설명해보세요. 위의 주제를 가지고 발표와 강의를 해보세요.

  • 최신에 추가된 언어를 사용하여 새 버전의 표준을 읽어보세요.

  • 웹 리소스를 활용하고 초록과 블로그는 물론 화상 회의와 교육 비디오도 살펴보세요.

결론

위의 단계를 반복하고 많은 프로젝트에 참여하면 JavaScript 실력이 빠르게 향상되는 데 도움이 됩니다. 그러나 비용을 지불해야만 보상을 받을 수 있으며 전문가가 될 수 있다는 점을 항상 명심하십시오. 저는 제 자신을 훌륭한 JavaScript 프로그래머라고 생각하지만, 전문가가 되려면 아직 갈 길이 멀고, 지식과 기술을 계속해서 배우고 마스터해야 합니다.

마지막으로, 즐거운 공부가 되기를 바라며 함께 일할 수 있기를 바랍니다!

위 내용은 훌륭한 JavaScript 프로그래머가 되는 길의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
자바 스크립트 행동 : 실제 예제 및 프로젝트자바 스크립트 행동 : 실제 예제 및 프로젝트Apr 19, 2025 am 12:13 AM

실제 세계에서 JavaScript의 응용 프로그램에는 프론트 엔드 및 백엔드 개발이 포함됩니다. 1) DOM 운영 및 이벤트 처리와 관련된 TODO 목록 응용 프로그램을 구축하여 프론트 엔드 애플리케이션을 표시합니다. 2) Node.js를 통해 RESTFULAPI를 구축하고 Express를 통해 백엔드 응용 프로그램을 시연하십시오.

JavaScript 및 웹 : 핵심 기능 및 사용 사례JavaScript 및 웹 : 핵심 기능 및 사용 사례Apr 18, 2025 am 12:19 AM

웹 개발에서 JavaScript의 주요 용도에는 클라이언트 상호 작용, 양식 검증 및 비동기 통신이 포함됩니다. 1) DOM 운영을 통한 동적 컨텐츠 업데이트 및 사용자 상호 작용; 2) 사용자가 사용자 경험을 향상시키기 위해 데이터를 제출하기 전에 클라이언트 확인이 수행됩니다. 3) 서버와의 진실한 통신은 Ajax 기술을 통해 달성됩니다.

JavaScript 엔진 이해 : 구현 세부 사항JavaScript 엔진 이해 : 구현 세부 사항Apr 17, 2025 am 12:05 AM

보다 효율적인 코드를 작성하고 성능 병목 현상 및 최적화 전략을 이해하는 데 도움이되기 때문에 JavaScript 엔진이 내부적으로 작동하는 방식을 이해하는 것은 개발자에게 중요합니다. 1) 엔진의 워크 플로에는 구문 분석, 컴파일 및 실행; 2) 실행 프로세스 중에 엔진은 인라인 캐시 및 숨겨진 클래스와 같은 동적 최적화를 수행합니다. 3) 모범 사례에는 글로벌 변수를 피하고 루프 최적화, Const 및 Lets 사용 및 과도한 폐쇄 사용을 피하는 것이 포함됩니다.

Python vs. JavaScript : 학습 곡선 및 사용 편의성Python vs. JavaScript : 학습 곡선 및 사용 편의성Apr 16, 2025 am 12:12 AM

Python은 부드러운 학습 곡선과 간결한 구문으로 초보자에게 더 적합합니다. JavaScript는 가파른 학습 곡선과 유연한 구문으로 프론트 엔드 개발에 적합합니다. 1. Python Syntax는 직관적이며 데이터 과학 및 백엔드 개발에 적합합니다. 2. JavaScript는 유연하며 프론트 엔드 및 서버 측 프로그래밍에서 널리 사용됩니다.

Python vs. JavaScript : 커뮤니티, 라이브러리 및 리소스Python vs. JavaScript : 커뮤니티, 라이브러리 및 리소스Apr 15, 2025 am 12:16 AM

Python과 JavaScript는 커뮤니티, 라이브러리 및 리소스 측면에서 고유 한 장점과 단점이 있습니다. 1) Python 커뮤니티는 친절하고 초보자에게 적합하지만 프론트 엔드 개발 리소스는 JavaScript만큼 풍부하지 않습니다. 2) Python은 데이터 과학 및 기계 학습 라이브러리에서 강력하며 JavaScript는 프론트 엔드 개발 라이브러리 및 프레임 워크에서 더 좋습니다. 3) 둘 다 풍부한 학습 리소스를 가지고 있지만 Python은 공식 문서로 시작하는 데 적합하지만 JavaScript는 MDNWebDocs에서 더 좋습니다. 선택은 프로젝트 요구와 개인적인 이익을 기반으로해야합니다.

C/C에서 JavaScript까지 : 모든 것이 어떻게 작동하는지C/C에서 JavaScript까지 : 모든 것이 어떻게 작동하는지Apr 14, 2025 am 12:05 AM

C/C에서 JavaScript로 전환하려면 동적 타이핑, 쓰레기 수집 및 비동기 프로그래밍으로 적응해야합니다. 1) C/C는 수동 메모리 관리가 필요한 정적으로 입력 한 언어이며 JavaScript는 동적으로 입력하고 쓰레기 수집이 자동으로 처리됩니다. 2) C/C를 기계 코드로 컴파일 해야하는 반면 JavaScript는 해석 된 언어입니다. 3) JavaScript는 폐쇄, 프로토 타입 체인 및 약속과 같은 개념을 소개하여 유연성과 비동기 프로그래밍 기능을 향상시킵니다.

JavaScript 엔진 : 구현 비교JavaScript 엔진 : 구현 비교Apr 13, 2025 am 12:05 AM

각각의 엔진의 구현 원리 및 최적화 전략이 다르기 때문에 JavaScript 엔진은 JavaScript 코드를 구문 분석하고 실행할 때 다른 영향을 미칩니다. 1. 어휘 분석 : 소스 코드를 어휘 단위로 변환합니다. 2. 문법 분석 : 추상 구문 트리를 생성합니다. 3. 최적화 및 컴파일 : JIT 컴파일러를 통해 기계 코드를 생성합니다. 4. 실행 : 기계 코드를 실행하십시오. V8 엔진은 즉각적인 컴파일 및 숨겨진 클래스를 통해 최적화하여 Spidermonkey는 유형 추론 시스템을 사용하여 동일한 코드에서 성능이 다른 성능을 제공합니다.

브라우저 너머 : 실제 세계의 JavaScript브라우저 너머 : 실제 세계의 JavaScriptApr 12, 2025 am 12:06 AM

실제 세계에서 JavaScript의 응용 프로그램에는 서버 측 프로그래밍, 모바일 애플리케이션 개발 및 사물 인터넷 제어가 포함됩니다. 1. 서버 측 프로그래밍은 Node.js를 통해 실현되며 동시 요청 처리에 적합합니다. 2. 모바일 애플리케이션 개발은 재교육을 통해 수행되며 크로스 플랫폼 배포를 지원합니다. 3. Johnny-Five 라이브러리를 통한 IoT 장치 제어에 사용되며 하드웨어 상호 작용에 적합합니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경