웹 프론트엔드 JS 튜토리얼 자바스크립트를 배우는 방법? JavaScript를 쉽게 배우는 방법은 무엇입니까?

자바스크립트를 배우는 방법? JavaScript를 쉽게 배우는 방법은 무엇입니까?

Jun 18, 2017 pm 01:14 PM
javascript js 어떻게 공부하다 어떻게 쉬운

JavaScript를 배우는 방법은 무엇입니까? JavaScript를 쉽게 배우는 방법은 무엇입니까? 이번 글에서는 주로 JavaScript를 쉽게 배울 수 있는 방법을 소개합니다

JS는 항상 초보자에게 "어수선하고 지저분하다"는 인상을 줍니다. 많은 초보자들이 JS를 쉽게 배울 수 있는 방법을 찾고 있다고 생각합니다. 나는 미래의 학습자를 위한 "JS를 배우는 쉬운 방법"을 찾기 위해 나의 다년간의 JS 학습 경험을 요약하려고 노력했습니다. js가 사람들에게 그런 느낌을 주는 이유는 주로 다음과 같은 특징 때문입니다.

A: 클로저, 내장 객체, DOM 등 지식 자체가 매우 추상적이고 모호합니다.
B: 함수 라이브러리, 개체 라이브러리 등 콘텐츠가 많습니다.
C: 다양한 프로그래밍 아이디어를 혼합합니다. 이는 프로세스 지향 프로그래밍 아이디어뿐만 아니라 객체 지향 프로그래밍 아이디어도 포함합니다. 동시에 객체 지향은 다른 프로그래밍 언어(예: C++, JAVA, PHP)와도 다릅니다. 또 새로운 것 같아서, 한때 배웠던 객체지향 지식을 의심하게 만드네요...D: 열심히 공부하다 보니 실무에 적용하기에는 손색이 없는 것 같아요. 일반적으로 JS의 기본을 오랫동안 공부하면 변수, 함수, 객체에 대해서는 조금 알 수 있지만, 회사 개발 프로젝트를 시작하게 되면 막막합니다. 회사는 일반적으로 실제 프로젝트를 개발할 때 jquery, angle, Boostrap, amaze,layui, ueditor 등과 같은 파생 라이브러리를 직접 사용하기 때문에 이러한 라이브러리는 많고 그 자체로 어려움이 있습니다. 어떤 것을 배워야 할지 모르겠고, js를 배우고 있는지도 궁금합니다. js 버전이 여러 개 있는 것 같고, 끝까지 배울 수는 없는 것 같은데...그렇다면 어떻게 하면 앞서 나갈 수 있을까요? js 분야를 쉽게 배울 수 있나요? 몇 가지 실용적인 js 학습 경험을 요약했습니다.
우선
그 위치를 단단히 잡고

절대 잊지 말아야 합니다. 그렇지 않으면 "나뭇잎이 있는 산을 보지 못한다"는 실수를 저지르기 쉽습니다. JS는 코드 작성을 의미하는 프로그래밍 언어이고, 지저분하다는 특징이 있다는 사실을 깨닫기 전에는 JS를 오랫동안 배우지 마십시오. 우리는 전체 웹에서의 위치를 ​​항상 파악해야 합니다. 이는 프런트 엔드의 핵심에 속하며 주로 DOM을 조작 및 재조정하고 목적을 달성하기 위해 DOM 구조를 수정하는 데 사용됩니다. 페이지 효과 수정. 이 중심 아이디어는 모든 후속 js 학습을 안내하고 조건 반사를 형성하는 데 사용되어야 합니다.

명확한 학습 경로

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​가 있어야 합니다​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 끄기 ​ 내 학습 경로는 다음과 같습니다.

A:


js 기본, 예: 변수 정의, 함수 처리, 배열, 문자열 등, 내장 함수, 내장 객체 등. B:
js 지향 절차적 프로그래밍 아이디어, 각 기능을 캡슐화하고 이를 사용하여 탭, 사용자 정의 다중 선택 버튼, 사용자 정의 플레이어, 3D 슬라이드와 같은 몇 가지 일반적인 작은 기능을 수행해 보십시오. C:
js 객체 지향 프로그래밍 아이디어 , 자신만의 객체를 캡슐화하고 의미 있는 인터페이스를 제공하세요. D: 위 내용을 배우고
일반적으로 사용되는 라이브러리를 배우세요. jquery 여기 ;E: 부트스트랩, 레이어, 서식 있는 텍스트 편집기 등과 같은 jquery 기반의
공통 플러그인 을 알아보세요. F: 위의
다양한 라이브러리를 포괄적으로 적용합니다. 실제 프로젝트를 위한 템플릿 등 몇 가지 세트를 작성해 보세요.
학습 방법에 주목하세요

저의 학습 방법은 다음과 같습니다.


A: 외국 js 책을 더 사세요

, 20일 마스터하는 그런 책은 사지 마세요. 그렇지 않으면 배우기 어려울 것입니다. 더 무서운 것은 좋은 책을 사서 혼자 공부해서 3개월 안에 배웠을 수도 있지만 실제로는 2년이 걸릴 수도 있다는 것입니다...도서 추천 (참고용) "JavaScript DOM 프로그래밍의 예술"
"JavaScript에 대한 확실한 가이드"
"JavaScript DOM을 사용한 고급 프로그래밍"
"JavaScript
디자인 패턴
" "Sharp jquery" 모든 기능을 연습해 보세요. 한 번도 아니고 혼자서 여러 번 책을 읽어요. 책을 백 번 읽으면 그 의미가 분명해질 것입니다.


B: 여러 각도에서 배우고 이해합니다


배운 내용을 완전히 동원하고 특정 기능을 여러 각도에서 수행합니다. 예를 들어 예전에는 프로세스 중심의 관점에서 수행했지만 이제는 변경됩니다. 프로세스 지향 관점에서 수행하거나, 계속해서 속성, 메서드 등을 제공하여 직접 사용할 수 있는 플러그인으로 만듭니다. 자신이 만든 기능이 점차 실제 프로젝트에서 활용될 수 있도록 노력하세요. 이는 배운 내용을 종합적으로 적용할 수 있을 뿐만 아니라 실무적인 의의도 있다는 장점이 있습니다.

C: 너무 야심적이지 마세요

탭 만들기와 같은 작은 실습 기회도 놓치지 마세요. 유사하거나 더 나은 플러그인이 있다고 해서 직접 작성할 필요는 없다고 생각하지 마십시오. 지식은 귀하의 것이 아니라 다른 사람의 것입니다. 스스로에게 더 물어봐야지, 내가 하길 원한다면 어떻게 해야 할까?

D: 현실적이면서도 현실과 동떨어지지 마세요

                                                                 >                                         현실과 결합됩니다.

E: 더 많은 요약 작성

이러한 종류의 요약에는 소스 코드, 디스플레이 효과의 스크린샷뿐만 아니라 하기 쉬운 실수와 그에 따른 해결 방법, 마지막 내용도 포함됩니다. 또는 두 개의 간결한 결론 문장. 작성한 요약은 작성을 마친 후에 완료되는 것이 아닙니다. 더 많이 검토하고, 더 개선하고, 더 간소화해야 합니다. 프로젝트를 진행할 때는 긴 연설문을 읽는 것보다 한두 문장을 읽어서 내용을 알아야 합니다.
F: 지식 지도를 구축하세요

이렇게 하면 학습하면서 더 명확해질 것입니다. 예: http://www.phpkhbd.com/sky.html, 원하는 형식으로 할 수 있습니다. 그냥 감동받으세요.
참고: 지식 지도도 자주 수정하고 수정하여 더욱 합리적이고 명확하게 만들어야 합니다.

Notes

A: 모든 수단을 활용하세요

많은 사람들은 항상 시간이 촉박하고 공부할 시간이 많지 않다고 느낍니다. 배울 수 없다고 말하고 싶습니다. 불평만 할 것이 아니라, 배우기 위해 모든 수단을 동원해야 한다는 뜻이죠. 가만히 어딘가에 앉아서 생각하고 정리하는 것을 배움이라고도 합니다. 영감이 떠오를 때마다 녹음할 수 있습니다. 예를 들어 휴대폰에 녹음하고, 생각날 때 특별한 장소에 녹음합니다. 편리하다. 이것을 모두 학습이라고 합니다.
B: 가장 중요한 것은 끈기와

침착함을 유지하는 것입니다. 하룻밤 사이에 성공할 수는 없습니다. 그렇지 않으면 성공이 아니며 단지 "행운"이라고 부를 수 있을 뿐입니다. 모든 기능을 정직하게 구현하려고 노력해야 할 뿐만 아니라, 탁월함을 위해 노력하고 끊임없이 수정해야 합니다. 이 과정은 길고 사람이 재능이 있는지 테스트이기도 합니다.
C: 자신감 키우기에 주의하세요

이때는 매우 복잡하고 눈부신 웹 페이지 효과의 소스 코드를 보는 것도 적합하지 않으며, jquery, angle, 뷰, 부트스트랩. 이러한 내용에는 심오한 지식이 많이 포함되어 있으므로 기초 없이 직접적으로 학습하면 자신감이 심각하게 손상됩니다. 이때 당신은 약하고, 당신에게 필요한 것은 자신감을 키우는 것이지, 그렇지 않으면 결과는 "죽음"이 될 가능성이 높으며, 학교에서의 성공은 멀어질 것입니다.
D: 잘 배운 사람들에게 더 많이 배우세요

거인의 어깨 위에 올라서야만 더 멀리 볼 수 있습니다.
E: 계속해서 도구를 선택하는 데 시간을 낭비하지 마세요

JS 편집 도구가 많이 있습니다. 어디서부터 시작해야 할지 모르신다면 sublime이나 Hbuilder를 사용하는 것이 좋습니다. 많은 회사의 기술 인력이 이를 직접 사용하여 다른 사람과의 의사소통 문제를 줄일 수도 있습니다. 저도 이거 사용하는데 기분이 좋더라구요.
요약

js를 배우는 것이 "복잡하고 지저분하다"고 느끼는 이유는 너무 "똑똑"하고, 처음에 너무 넓은 통제권을 갖고, 장단점을 너무 신중하게 계산하기 때문이라고 생각합니다. 너무 완벽함을 요구하면 정신적 지구력이 떨어지고, '장애물'이 생기기 쉽습니다. 이때는 "어리석다"라고 생각하지 말고, "어리석은 사람은 복이 있다"고 생각하지 마세요. 조급함, 야망은 높지만 능력은 낮음, 야망이 너무 강함 등 일부 불합리한 학습 방법과 사고방식은 당신을 혼란스럽게 만들고 '지저분한 것' 앞에서 빠져나오지 못하게 만듭니다. " js. 이때 자세를 바꾸고, js를 다시 알아가고, 짐을 내려놓으면 쉽게 전투에 참여할 수 있습니다. 새 물을 채우기 전에 먼저 컵을 비우세요... 사실 프론트엔드의 핵심은 JS입니다. 점점 더 영향력이 커지는 Internet+는 점점 더 많은 js 인재를 갈망하게 될 것입니다. 진정으로 잊을 수 없는 학습 경험을 경험해야만 미래를 승리할 진정한 엘리트를 만들 수 있습니다.

위 내용은 자바스크립트를 배우는 방법? JavaScript를 쉽게 배우는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 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

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

권장 사항: 우수한 JS 오픈 소스 얼굴 감지 및 인식 프로젝트 권장 사항: 우수한 JS 오픈 소스 얼굴 감지 및 인식 프로젝트 Apr 03, 2024 am 11:55 AM

얼굴 검출 및 인식 기술은 이미 상대적으로 성숙하고 널리 사용되는 기술입니다. 현재 가장 널리 사용되는 인터넷 응용 언어는 JS입니다. 웹 프런트엔드에서 얼굴 감지 및 인식을 구현하는 것은 백엔드 얼굴 인식에 비해 장점과 단점이 있습니다. 장점에는 네트워크 상호 작용 및 실시간 인식이 줄어 사용자 대기 시간이 크게 단축되고 사용자 경험이 향상된다는 단점이 있습니다. 모델 크기에 따라 제한되고 정확도도 제한됩니다. js를 사용하여 웹에서 얼굴 인식을 구현하는 방법은 무엇입니까? 웹에서 얼굴 인식을 구현하려면 JavaScript, HTML, CSS, WebRTC 등 관련 프로그래밍 언어 및 기술에 익숙해야 합니다. 동시에 관련 컴퓨터 비전 및 인공지능 기술도 마스터해야 합니다. 웹 측면의 디자인으로 인해 주목할 가치가 있습니다.

C 언어의 매력을 밝히다: 프로그래머의 잠재력을 발견하다 C 언어의 매력을 밝히다: 프로그래머의 잠재력을 발견하다 Feb 24, 2024 pm 11:21 PM

C 언어 학습의 매력: 프로그래머의 잠재력을 여는 것 지속적인 기술 발전으로 컴퓨터 프로그래밍은 많은 주목을 받는 분야가 되었습니다. 많은 프로그래밍 언어 중에서 C 언어는 항상 프로그래머들에게 사랑을 받아 왔습니다. C 언어의 단순성, 효율성 및 폭넓은 적용 덕분에 많은 사람들이 프로그래밍 분야에 입문하는 첫 번째 단계는 C 언어입니다. 이 기사에서는 C 언어 학습의 매력과 C 언어 학습을 통해 프로그래머의 잠재력을 발휘하는 방법에 대해 설명합니다. 우선, C 언어 학습의 매력은 단순함에 있습니다. C언어는 다른 프로그래밍 언어에 비해

Pygame 시작하기: 종합적인 설치 및 구성 튜토리얼 Pygame 시작하기: 종합적인 설치 및 구성 튜토리얼 Feb 19, 2024 pm 10:10 PM

처음부터 Pygame 배우기: 전체 설치 및 구성 튜토리얼, 특정 코드 예제 필요 소개: Pygame은 Python 프로그래밍 언어를 사용하여 개발된 오픈 소스 게임 개발 라이브러리로, 개발자가 다양한 유형을 쉽게 만들 수 있도록 풍부한 기능과 도구를 제공합니다. 게임의. 이 기사는 처음부터 Pygame을 배우는 데 도움이 될 것이며, 완전한 설치 및 구성 튜토리얼과 빠른 시작을 위한 특정 코드 예제를 제공할 것입니다. 1부: Python 및 Pygame 설치 먼저 다음 사항을 확인하세요.

초보자도 쉽게 익힐 수 있음: PyQT 설치 가이드 상세 분석 초보자도 쉽게 익힐 수 있음: PyQT 설치 가이드 상세 분석 Feb 18, 2024 pm 06:06 PM

초보자도 쉽게 시작할 수 있습니다. 자세한 PyQT 설치 튜토리얼 PyQT는 Python 언어를 기반으로 하는 GUI 개발 툴킷으로 개발자가 다양하고 아름다운 그래픽 사용자 인터페이스를 빠르고 쉽게 만들 수 있도록 도와줍니다. PyQT를 처음부터 배우고 싶은 초보자에게 PyQT를 설치하는 것은 어려운 첫 단계일 수 있습니다. 이 기사에서는 PyQT의 설치 단계를 자세히 소개하고 초보자가 쉽게 시작할 수 있도록 구체적인 코드 예제를 제공합니다. 1단계: Python 설치 PyQT를 설치하기 전에 먼저 다음 사항을 확인해야 합니다.

워드에서 근수를 입력하는 방법을 함께 알아볼까요? 워드에서 근수를 입력하는 방법을 함께 알아볼까요? Mar 19, 2024 pm 08:52 PM

Word에서 텍스트 내용을 편집할 때 수식 기호를 입력해야 하는 경우가 있습니다. 어떤 사람들은 Word에서 근수를 입력하는 방법을 모르기 때문에 편집자에게 Word에서 근수를 입력하는 방법에 대한 튜토리얼을 친구들과 공유해달라고 요청했습니다. 그것이 내 친구들에게 도움이 되기를 바랍니다. 먼저 컴퓨터에서 Word 소프트웨어를 연 다음 편집하려는 파일을 열고 루트 기호를 삽입해야 하는 위치로 커서를 이동합니다. 아래 그림 예를 참조하세요. 2. [삽입]을 선택한 후, 기호에서 [수식]을 선택하세요. 아래 그림의 빨간색 원과 같이 3. 아래의 [새 수식 삽입]을 선택하세요. 아래 그림의 빨간색 원과 같이 4. [부수]를 선택한 후 해당 부수를 선택합니다. 아래 그림의 빨간색 원에 표시된 대로:

js와 vue의 관계 js와 vue의 관계 Mar 11, 2024 pm 05:21 PM

js와 vue의 관계: 1. 웹 개발의 초석인 JS 2. 프론트엔드 프레임워크로서의 Vue.js의 등장 3. JS와 Vue의 상호 보완적인 관계 4. JS와 Vue의 실제 적용 Vue.

Go 언어의 주요 기능을 처음부터 배우세요 Go 언어의 주요 기능을 처음부터 배우세요 Mar 27, 2024 pm 05:03 PM

제목: Go 언어의 주요 기능을 처음부터 배우세요. Go 언어는 간단하고 효율적인 프로그래밍 언어로 개발자들이 선호합니다. Go 언어에서 main 함수는 진입 함수이고, 모든 Go 프로그램은 프로그램의 진입점으로 main 함수를 포함해야 합니다. 이 글에서는 Go 언어의 주요 기능을 처음부터 배우는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. 먼저 Go 언어 개발 환경을 설치해야 합니다. 공식 홈페이지(https://golang.org)에 접속하시면 됩니다.

20개의 Dune 분석 대시보드를 이해하고 체인의 추세를 빠르게 파악하세요. 20개의 Dune 분석 대시보드를 이해하고 체인의 추세를 빠르게 파악하세요. Mar 13, 2024 am 09:19 AM

원저자: Minty, 암호화 KOL 원본 편집: Shenchao TechFlow 사용법을 알고 있다면 Dune은 올인원 알파 도구입니다. 20개의 Dune 대시보드를 사용하여 연구를 한 단계 더 발전시키세요. 1. TopHolder 분석 @dcfpascal이 개발한 이 간단한 도구는 보유자의 월간 활동, 고유 보유자 수, 지갑 손익 비율과 같은 지표를 기반으로 토큰을 분석할 수 있습니다. 방문 링크: https://dune.com/dcfpascal/token-holders2 토큰 개요 측정항목 @andrewhong5297이 사용자 작업을 분석하여 토큰을 평가하는 방법을 제공하는 이 대시보드를 만들었습니다.

See all articles