프로젝트는 때때로 JavaScript를 배우는 최악의 방법 일 수 있습니다.

많은 JavaScript 초보자는 "더 많은 프로젝트를 수행하십시오."라는 간단한 제안을받을 것입니다.

부여 된, 프로젝트는 종종 프로그래밍 언어를 배우는 효과적인 방법입니다. 그러나 문제는 많은 사람들이 충분한 기본 지식을 갖기 전에 복잡한 프로젝트를 시도하여 잘못 판단한다는 것입니다.

이것은 대규모 프로젝트를 너무 일찍 시도하는 것이 많은 사람들이 JavaScript 학습을 포기하는 주된 이유 중 하나이기 때문에 매우 중요합니다.

이를 피하기 위해이 기사는 다음을 다룹니다.

프로젝트를 시도 할 때 JavaScript 초보자가 종종 만나는 여행과 이유 학습 중단을 일으키는 프로젝트의 예 이러한 함정을 피하고보다 효과적으로 배우는 방법

프로젝트를 시작하는시기와 방법 프로젝트에서 올바른 개념을 선택하는 방법

이 기사는 JavaScript 또는 기타 언어를 배우 든 자신감을 강화하는 데 도움이됩니다.

이 기사는 Tim Severien과 Chris Perry가 검토했습니다. Sitepoint 컨텐츠를 최대한 활용 한 Sitepoint의 모든 동료 검토 자에게 감사합니다!
• 실패로 이어지는 일반적인 오해
나는 종종 JavaScript를 배우고 싶은 사람들이 "간단한 슬라이드를 할 것입니다." 그들은 슬라이드를 만들려고 노력하고 보통 두 가지 중 하나가 발생합니다.
• 너무 어렵고 그들은 "나중에하는"것을 스스로에게 말할 것입니다. 이것은 보통 영원히 포기하는 것을 의미합니다.
그들은 슬라이드 쇼를 성공적으로 만들었지 만 한 번에 너무 많은 콘텐츠를 배웠기 때문에 나중에 적용 할 수 없었습니다. 이것은 좌절로 이어질 수 있으며 다시 포기로 이어질 수 있습니다.
왜 이런 일이 일어나고 있습니까?
• 복잡한 컨텐츠를 너무 일찍 시도하는 함정 JavaScript 초보자는 일반적으로 간단하게 들리기 때문에 슬라이드 쇼를 첫 번째 프로젝트로 선택합니다.

그러나 시도한 후, 그들은 생각했던 것보다 훨씬 어렵다는 것을 알았습니다. 슬라이드를 만드는 데 배열, 기능, 루프, 애니메이션, 타이밍, 이벤트 리스너, DOM 작업 등이 포함될 수 있습니다. 초보자에게는 이는 압도적 인 수많은 새로운 개념이 될 수 있습니다.

갑자기, 단순한이 프로젝트는 너무 어려워졌습니다. 처음에 예상되는 것과의 이러한 차이는 부정적인 심리적 영향을 미칠 수 있습니다. "내가이 간단한 일조차 할 수 없다면, 학습자는 스스로에게 말할 것이다. 또는 일부 사람들은 슬라이드를 성공적으로 만들지 만 실제로 일어나는 일에 대해 거의 알지 못하면 많은 튜토리얼이 도움이됩니다. 이 경우, 당신은 종종 다음과 같은 말을 들었습니다. "튜토리얼을 따라갈 수는 있지만 직접 적용 할 수는 없습니다."어느 쪽이든, 최종 결과는 일반적으로 좌절감으로 사람들이 자바 스크립트를 배우지 못하게 할 수 있습니다.

이것은 슬라이드뿐만 아니라 학습자들이 조기에 시도하는 다른 프로젝트에서도 발생합니다. 예를 들어, 할 일 목록은 간단하게 들릴 수 있지만 브라우저의 로컬 스토리지 또는 쿠키 외부에 데이터를 저장 해야하는 경우 전체 스택 프로젝트가 될 수 있습니다.

누군가가 JavaScript를 배우기 시작하면 프로젝트의 난이도를 미리 결정하기가 어렵습니다. 이것이 문제의 근본입니다.

일반적으로 학습을 방해하는 프로젝트는 무엇입니까?

토론을보다 구체적으로 만들기 위해 사람들이 종종 너무 일찍 시도하고 개념이 실제로 관련된 간단한 프로젝트가 있습니다.

Project

관련 개념

질문 배열, 개체, 기능, 양식, 이벤트 리스너 할 일 목록 어레이, 객체, 기능, 일부 저장 방법 (프론트 엔드 또는 백엔드), DOM 작업, 이벤트 리스너

이것은 전체 스택 프로젝트 외에도 데이터베이스 및 인증, 보안, 사용자 관리를 포함한 백엔드 개념도 포함됩니다. 등. 중요성은 무엇입니까?

이 섹션의 초점은 당신을 놀라게하고 새로운 것을 시도하는 것을 막는 것입니다. 처음 부터이 프로젝트를 시도하지 않는 한, 예상보다 빠르게 프로젝트를 완료 할 수 있습니다.

더 나은 방법이 필요합니다.

보다 효과적으로 배우는 방법

다음은 조기 프로젝트 관련 함정을 피하기위한 몇 가지 전략입니다.

개념으로 시작하십시오 실제 장면 연습 시뮬레이션

전략 1 : 개념으로 시작하십시오 큰 프로젝트로 직접 뛰어 들지 말고 먼저 가장 작은 기능 블록을 배우십시오. 이렇게하면 더 강한 지식 기반으로 시작하여 코드를보다 쉽게 ​​작성할 수 있습니다.

예를 들어 Div에 텍스트를 표시하기 위해 InnerHtml을 사용하십시오. 단락 텍스트의 색상을 변경하십시오. 두 개의 숫자를 함께 추가하십시오. 첫 번째 기능을 작성하십시오. 변수에 익숙합니다. 어레이 또는 객체에 일련의 내용을 저장합니다. 버튼을 클릭하면 일부 이벤트가 트리거됩니다. 논리를 배우기 위해 사용하면 사용하십시오. 루프를 시도하십시오.

이 개념을 시도하고 그들에게 익숙해 지십시오. 당신은 곧 많은 것을 만들 수 있다는 것을 알게 될 것입니다. 또한 새로 얻은 경험을 통해 어떤 프로젝트를 진행할 것인지 더 나은 결정을 내릴 수 있습니다. 점점 더 많은 성공을 거두었 듯이 자신감이 높아질 것이며,이 동기는 처음부터 큰 프로젝트로 돌진하는 것보다 더 빨리 앞으로 나아갈 것입니다.

분명히, 도전은 당신이 성장하는 데 도움이되기 때문에 중요합니다. 안락 지대를 뚫는 것이 좋지만 진보를 넘어서지 마십시오.

전략 2 : 실제 장면 연습을 시뮬레이션합니다

학습 과정으로서 실제 조건에서 연습하는 데 시간을 보내십시오. 이는 자체 텍스트 편집기 및 브라우저를 사용하여 튜토리얼에 의존하지 않고 일부 코드를 작성하는 것을 의미합니다.
• 실제 조건 하에서 코딩을 많이할수록 실제 프로젝트를 만들 때 멈출 가능성이 줄어 듭니다.
이것은 튜토리얼로 무언가를 할 수는 없지만 직접 적용 할 수없는 좋은 방법입니다.
• 그렇다면 프로젝트는 언제 시작됩니까?
JavaScript의 기본 사항을 배우기 시작하면 어떤 프로젝트가 도달하는지 이해하기 시작합니다.

예를 들어, 자신에게 도전하는 것이 중요하지만, 화면에 텍스트 줄을 표시하는 방법을 모르기 전까지는 엔드 투 엔드 디지털 뱅킹 응용 프로그램을 구축하려고 시도하지 않습니다.

배울 수있는 몇 가지 개념과 달성 할 수있는 소규모 프로젝트의 구체적인 예를 살펴 보겠습니다. 표의 예제는 주문됩니다 - 각 프로젝트는 사전 지식을 기반으로 구축됩니다.

학습을위한 새로운 개념 가능한 소규모 프로젝트 변수, 기능

인사말 기능을 만듭니다. , 변수에서 이름을 가져 와서 페이지에 인사말을 표시하십시오. 처리를 클릭하고 클래스 변경 "더 많은 정보"버튼을 만들어 정보 요약이 나타나거나 사라집니다. 또한 두 가지 테마 선택 버튼을 만들어보십시오. 이 중 하나를 클릭하면 페이지의 많은 콘텐츠가 테마에 맞게 색상과 스타일을 변경합니다. 명령문 인 경우 임의 번호 두 개의 게이트가있는 게임을 만들려면 올바른 게임을 클릭하여 상을 받어야합니다. 텍스트 입력 값 가져 오기, JavaScript Arithmetic 식당 팁 계산기를 만듭니다. 배열, 루프 소셜 게시 웹 사이트의 프론트 엔드를 만듭니다. 배열을 사용하여 텍스트 게시물 목록을 저장하십시오. 배열을 통해 루프를 통해 게시물을 표시합니다. 이것은 어디로 갈까요?

이번에는 다른 주문을했습니다. 프로젝트를 시작한 다음 필요한 개념을 따라 잡으려고 노력하는 대신 개념으로 시작하여 이러한 개념을 기반으로 프로젝트를 구축합니다.

이것은 당신이 배우는 방식에 큰 영향을 미칩니다. 왜냐하면 당신은 너무 멀리 점프 할 때 더 이상 뒤로 느끼지 않지만 모든 단계에서 자신있게 앞으로 나아갈 수있는 기본 사항을 배우기 때문입니다. 당신이 배우는 작은 것들이 서로를 구축 할 것이며 곧 당신은 처음에하고 싶은 더 큰 프로젝트에 도달하게 될 것입니다.

프로젝트에서 올바른 개념을 선택하는 방법 당신이 몇 가지 개념을 배웠고 프로젝트를 시도하기 시작한다고 가정 해 봅시다.

어떤 개념을 사용하고 어떤 개념을 피하는지에 대해 어떻게 생각하십니까?

코드가 아닌 비유를 사용하려면 의자를 만들고 나사와 함께 두 개의 나무 조각을 잡고 싶다고 가정 해 봅시다. 당신은 당신의 손을 사용할 수 있고 그것은 효과가 있지만, 그것은 고통스럽고 지루할 것입니다. 드라이버를 알았으므로 더 나아질 것임을 알고 있습니다. 전기 드라이버가 훨씬 나아질 것입니다.

이 예에서는 도구가 많을수록 문제를 더 많이보고 어떤 도구를 선택할 수 있는지 알 수 있습니다.

이 예제를 코딩으로 되돌리려면 각 개념은 도구와 같습니다. 개념이 많을수록 코딩 도구 상자가 클수록 사용해야 할 사항을 알 수 있습니다.

이 배경으로 프로젝트에 대해 생각할 수있는 실용적인 방법은 다음과 같습니다.

먼저 프로젝트를 작은 부분으로 나눕니다.

간단한 언어로 쓰기 각 부분이 원하는 일을 작성하십시오. 이런 식으로 생각하면서 코드 세부 사항의 quagmire에 갇히지 않을 수 있습니다.

이미 알고있는 개념부터 시작하여 프로젝트의 각 부분을 구축하십시오. 처음부터 프로젝트에 뛰어 들지 않고 개념을 처음 배우면 합리적인 도구 세트가 있어야합니다.

지식에 차이가있을 때 가장 작은 기능적 부분으로 단순화하고 찾으십시오.

학습 과정에서 완벽에 빠지지 마십시오. 완벽 함은 진행 상황을 손상시킬 수 있습니다.

다른 방법과 아이디어를 시도하는 것을 두려워하지 마십시오. 온라인에서 볼 수있는 세련된 튜토리얼은 일반적으로 게시되기 전에 많은 실험을 거칩니다.

직접 시도한 후에는 다른 사람들의 방법으로부터 배울 수있는 비슷한 프로젝트를 찾으십시오.

점점 더 많은 프로젝트를 통해 이러한 단계를 수행함에 따라 작업에 대한 올바른 개념을 선택하는 것이 더 편한 느낌이들 것입니다.

나머지는 연습입니다.

키 포인트

프로젝트는 아마도 JavaScript를 배우는 것이 가장 좋고 최악의 방법 일 것입니다. 차이점은 타이밍입니다.
• 프로젝트 조기 = 트랩. 사람들이 JavaScript를 배울 수없는 가장 일반적인 방법 중 하나는 합리적인 것을 이해하기에 충분한 기본 사항을 이해하기 전에 프로젝트에 뛰어들 것입니다. 이것은 종종 좌절과 포기로 이어집니다.
  • 개념을 배우고 프로젝트를 수행하는 것을 선호합니다. 프로젝트 트랩을 피하려면 먼저 개념을 배우고 이러한 개념을 기반으로 작은 프로젝트를 수행하십시오. 이런 식으로, 당신은 결국 더 강한 이해, 더 나은 기억, 더 큰 동기 부여 및 더 빠른 진보를 얻게됩니다. 당신은 또한 덜 압도적이라고 느낄 것입니다.
  실제 장면 연습을 시뮬레이션합니다. 실제 조건 하에서 더 많이 연습할수록 튜토리얼을 포기할 준비가되면 멈출 가능성이 줄어 듭니다.
  마지막으로, 모든 사람이 다르게 배우는다고 말해야합니다. 이 기사의 어떤 것도 어렵고 엄격한 규칙이 아닙니다. 대신, 그들은 당신이나 당신이 아는 사람이 너무 많은 사람들이 내리는 함정을 피하는 데 도움이되기를 바랍니다.
  • 당신이 여기 있기 때문에이 모든 것에 대해 어떻게 생각하십니까? 코딩 학습에 대해 공유하고 싶은 질문, 이야기 또는 경험이 있습니까?
  의견에 알려주십시오.
  프로젝트를 통해 JavaScript 학습에 대한 FAQ 프로젝트를 통해 JavaScript를 학습하는 이유는 때때로 가장 좋은 방법이 아닌가?

  프로젝트는 실질적인 경험과 실용적인 지식을 제공 할 수 있지만 항상 JavaScript를 배우는 가장 좋은 방법은 아닙니다. 프로젝트에는 일반적으로 초보자가없는 일정 수준의 언어 이해가 필요하기 때문입니다. 또한 프로젝트는 때때로 압도적이고 복잡하여 혼란과 좌절을 초래할 수 있습니다. 프로젝트를 탐구하기 전에 확실한 기본 지식을 갖는 것이 중요합니다.

  JavaScript 프로젝트를 시작하기위한 전제 조건은 무엇입니까?

  JavaScript 프로젝트를 시작하기 전에 변수, 데이터 유형, 기능, 루프 및 조건부 명세서를 포함하여 JavaScript의 기본 사항을 마스터하는 것이 중요합니다. HTML 및 CSS에 대한 지식은 종종 웹 개발 프로젝트를위한 JavaScript와 결합되므로 유익합니다.

  프로젝트에 의존하는 것이 아니라 JavaScript를 효과적으로 배우는 방법은 무엇입니까?

  프로젝트에 의존하는 것이 아니라 JavaScript를 효과적으로 배우는 몇 가지 방법이 있습니다. 이러한 방법에는 온라인 자습서, 코딩 부트 캠프 및 교과서가 포함됩니다. 또한 Leetcode 및 Hackerrank와 같은 플랫폼에서 코딩 문제를 연습하면 개념을 강화하고 문제 해결 기술을 향상시키는 데 도움이 될 수 있습니다.

  초보자를위한 간단한 JavaScript 프로젝트는 무엇입니까?

  초보자를위한 간단한 JavaScript 프로젝트에는 계산기, 할 일 목록, 날씨 앱 또는 TIC 발가락과 같은 간단한 게임 제작이 포함됩니다. 이 프로젝트는 초보자가 실질적인 방식으로 배운 개념을 적용하는 데 도움이 될 수 있습니다.

  JavaScript 프로젝트를 수행 할 때 도전을 극복하는 방법은 무엇입니까?

  JavaScript 프로젝트를 다룰 때 도전에 직면 할 때 문제를 더 작고 관리하기 쉬운 부분으로 나누어야합니다. 디버깅 도구를 사용하여 오류를 식별하고 수정하십시오. StackoverFlow 또는 Github와 같은 온라인 커뮤니티의 도움을 주저하지 마십시오.

  프로젝트에 JavaScript 프레임 워크를 이해하는 것이 얼마나 중요합니까?

  React, Angular 또는 Vue.js와 같은 JavaScript 프레임 워크 이해는 프로젝트에 매우 유리합니다. 이러한 프레임 워크는 개발 프로세스를 단순화하고 유용한 기능을 제공 할 수 있습니다. 그러나 이러한 프레임 워크를 탐구하기 전에 JavaScript의 기본 사항을 마스터하는 것이 중요합니다.

  프로젝트 만 수행하여 JavaScript를 배울 수 있습니까?

  프로젝트를 수행하면 실용적인 경험을 제공 할 수 있지만 JavaScript를 배우는 프로젝트에만 의존하는 것은 현명하지 않습니다. 완전히 이해하려면 언어에 대한 이론과 기본 지식도 배워야합니다.

  완료 할 올바른 JavaScript 프로젝트를 선택하는 방법은 무엇입니까?

  JavaScript 프로젝트를 선택할 때 현재 기술 수준과 관심사를 고려하십시오. 도전적이지만 압도적이지 않은 프로젝트를 선택하십시오. 또한 경력 목표 나 관심사와 일치하는 프로젝트를 선택하는 것이 도움이됩니다.

  프로젝트를 통해 JavaScript를 배우는 동안 동기를 유지하는 방법은 무엇입니까?

  동기 부여를 유지하려면 각 프로젝트에 대해 명확하고 달성 가능한 목표를 설정하십시오. 길을 따라 작은 승리를 축하하십시오. 코딩 커뮤니티에 가입하거나 멘토를 찾아 지원과 격려를 제공하십시오.

  JavaScript 프로젝트를 완료하는 데 도움이 될 수있는 리소스는 무엇입니까?

  JavaScript 프로젝트를 완료하는 데 도움이되는 온라인으로 많은 리소스가 있습니다. 이러한 리소스에는 온라인 자습서, 코딩 부트 캠프, StackoverFlow 및 기타 포럼 및 공식 JavaScript 웹 사이트의 문서가 포함됩니다.

위 내용은 프로젝트는 때때로 JavaScript를 배우는 최악의 방법 일 수 있습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!