찾다
웹 프론트엔드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으로 문의하세요.
JavaScript : 웹 언어의 다양성 탐색JavaScript : 웹 언어의 다양성 탐색Apr 11, 2025 am 12:01 AM

JavaScript는 현대 웹 개발의 핵심 언어이며 다양성과 유연성에 널리 사용됩니다. 1) 프론트 엔드 개발 : DOM 운영 및 최신 프레임 워크 (예 : React, Vue.js, Angular)를 통해 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축합니다. 2) 서버 측 개발 : Node.js는 비 차단 I/O 모델을 사용하여 높은 동시성 및 실시간 응용 프로그램을 처리합니다. 3) 모바일 및 데스크탑 애플리케이션 개발 : 크로스 플랫폼 개발은 개발 효율을 향상시키기 위해 반응 및 전자를 통해 실현됩니다.

JavaScript의 진화 : 현재 동향과 미래 전망JavaScript의 진화 : 현재 동향과 미래 전망Apr 10, 2025 am 09:33 AM

JavaScript의 최신 트렌드에는 Typescript의 Rise, 현대 프레임 워크 및 라이브러리의 인기 및 WebAssembly의 적용이 포함됩니다. 향후 전망은보다 강력한 유형 시스템, 서버 측 JavaScript 개발, 인공 지능 및 기계 학습의 확장, IoT 및 Edge 컴퓨팅의 잠재력을 포함합니다.

Demystifying JavaScript : 그것이하는 일과 중요한 이유Demystifying JavaScript : 그것이하는 일과 중요한 이유Apr 09, 2025 am 12:07 AM

JavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.

Python 또는 JavaScript가 더 좋습니까?Python 또는 JavaScript가 더 좋습니까?Apr 06, 2025 am 12:14 AM

Python은 데이터 과학 및 기계 학습에 더 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 더 적합합니다. 1. Python은 간결한 구문 및 풍부한 라이브러리 생태계로 유명하며 데이터 분석 및 웹 개발에 적합합니다. 2. JavaScript는 프론트 엔드 개발의 핵심입니다. Node.js는 서버 측 프로그래밍을 지원하며 풀 스택 개발에 적합합니다.

JavaScript를 어떻게 설치합니까?JavaScript를 어떻게 설치합니까?Apr 05, 2025 am 12:16 AM

JavaScript는 이미 최신 브라우저에 내장되어 있기 때문에 설치가 필요하지 않습니다. 시작하려면 텍스트 편집기와 브라우저 만 있으면됩니다. 1) 브라우저 환경에서 태그를 통해 HTML 파일을 포함하여 실행하십시오. 2) Node.js 환경에서 Node.js를 다운로드하고 설치 한 후 명령 줄을 통해 JavaScript 파일을 실행하십시오.

Quartz에서 작업이 시작되기 전에 알림을 보내는 방법은 무엇입니까?Quartz에서 작업이 시작되기 전에 알림을 보내는 방법은 무엇입니까?Apr 04, 2025 pm 09:24 PM

쿼츠 타이머를 사용하여 작업을 예약 할 때 미리 쿼츠에서 작업 알림을 보내는 방법 작업의 실행 시간은 CRON 표현식에 의해 설정됩니다. 지금...

JavaScript에서 생성자의 프로토 타입 체인에서 함수의 매개 변수를 얻는 방법은 무엇입니까?JavaScript에서 생성자의 프로토 타입 체인에서 함수의 매개 변수를 얻는 방법은 무엇입니까?Apr 04, 2025 pm 09:21 PM

JavaScript 프로그래밍에서 JavaScript의 프로토 타입 체인에서 함수 매개 변수를 얻는 방법 프로토 타입 체인의 기능 매개 변수를 이해하고 조작하는 방법은 일반적이고 중요한 작업입니다 ...

Wechat Mini 프로그램 웹 뷰에서 Vue.js 동적 스타일 변위가 실패한 이유는 무엇입니까?Wechat Mini 프로그램 웹 뷰에서 Vue.js 동적 스타일 변위가 실패한 이유는 무엇입니까?Apr 04, 2025 pm 09:18 PM

WeChat 애플릿 웹 뷰에서 vue.js를 사용하는 동적 스타일 변위 실패가 vue.js를 사용하는 이유를 분석합니다.

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를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는