자바스크립트 독학 사이트 7가지 추천

1.인프런 무료 자바스크립트 강좌

인프런IT 교육 단과 인강 서비스로 엄청나게 많은 단과 강좌가 있는 것이 특징입니다.

필터링이 편리하게 되어있기 때문에 프론트엔드에서 자바스크립트 언어를 선택 후 무료 필터링을 하면 독학이 가능한 무료 강좌를 추출해볼 수 있습니다.

js-free-1

바로 신청을 해서 수강이 되며, 영상 중심의 자바스크립트 독학이 필요하신 경우 유용한 사이트입니다.

js-free-2

 

2.TCP 스쿨 : 무료 JS 사이트

TCP 스쿨코딩 교육 사이트로 무료 수업으로 운영되어 독학을 하기에 괜찮습니다.

개인이 운영하는 것이 아니라 각 과목별로 담당 선생님들이 작성한 개념도로 구성되기 때문에 각 언어에 좀 더 최적화된 학습을 배워볼 수 있습니다.

js-free-5

자바스크립트도 이렇게 무료로 웹문서 형식으로 학습이 가능합니다. 강의 내용이 잘 분류되어 있고, 내용이 길지 않기 때문에 기본 개념 위주로 빠르게 학습을 할 때 괜찮은 구성입니다.

js-free-3

실시간 개발 툴도 제공하므로 편집기가 없더라도 온라인에서 예제를 구동해볼 수 있습니다.

js-free-4

 

3.코드스테이츠 : 프론트엔드 무료 부트캠프

코드스테이츠고용노동부 지정 우수 성과기관으로 프론트엔드 부트캠프에서 자바스크립트무료로 배워볼 수 있습니다. K 디지털 트레이닝 국비지원으로 내일배움카드로 신청시 전액 무료에 매달 훈련 장려금이 지급되며, 온라인 강좌이기 때문에 집에서도 부담없이 참여 가능합니다.

부트캠프는 실리콘밸리에서 부족한 IT 인력을 수급하기 위해 만들어진 단기 개발자 양성 프로그램으로 한국에서도 IT 인력 수급을 위해 만들어진 제도입니다. JS 포트폴리오를 구축해서 취업 준비가 목적이신 경우 가성비가 괜찮은 프로그램입니다.

js-free-6

부트캠프 자체가 프론트엔드 개발자 로드맵 커리큘럼을 지정해줘서 이론 학습, 팀 프로젝트, 포트폴리오 제작, 이력서 준비 및 면접 준비, 파트너사 채용 연계 등 취업 패키지를 제공하기 때문에 공부 순서 등에서 스트레스를 받으시는 경우 괜찮은 독학 루트 중의 하나입니다.

js-free-7

 

4.Poiemaweb : 자바스크립트 독학 사이트

Poiemaweb 사이트는 프론트엔드 관련 스택들을 무료 공부할 수 있게 만들어놓은 사이트입니다.

자바스크립트도 상당히 자세한 강좌로 구성됩니다.

js-free-8

각 섹터도 매우 자세한 설명코드그림 등의 예시가독성이 좋은 것이 장점입니다.

js-free-9

또한, ECMA 6나, 제이쿼리 프레임워크, Node.js, Express.js 같은 관련 프레임워크 강좌도 다양하게 배치되어 독학하면서 공부 확장시 공부 순서도 잘 챙겨볼 수 있습니다.

js-free-10

 

5.패스트캠퍼스 국비 프론트엔드 종합반 : JS 로드맵

패스트캠퍼스에서 운영하는 단기 국비지원 프로그램인 K 디지털 기초역량훈련은 고용노동부에서 지원하는 프로그램으로 4차 산업혁명에 해당하는 산업의 기초 지식을 짧은 기간에 온라인으로 내일배움카드로 신청시 누구나 무료로 수강할 수 있게 만든 프로그램입니다.

자바스크립트가 핵심이 되는 프론트엔드 종합반의 경우 JS를 중심으로 HTML, CSS, 리액트까지 프론트엔드 전반을 들어볼 수 있습니다.

js-free-11

2개월 내외의 단기 강좌이기 때문에 HTML, CSS, JS, 리액트, 리덕스 등에서 가장 중요한 것만 함축해서 배워서 효율이 좋습니다. JS를 위한 로드맵이 짜여져있기 때문에 공부 순서에 대해서도 걱정을 덜 수 있습니다.

js-free-12

또한 최종 프로젝트로 배운 JS 지식을 이용해서 스타벅스 클론코딩 사이트 같은 실제 프로젝트를 구축하기 때문에 혼자서 독학을 할 때에는 끝없는 이론 공부에 지치는 것 보다 좀 더 성취감을 느껴볼 수 있습니다.

js-free-13

 

 

6.Javascript.info : 자바스크립트 독학 중급 사이트

해외에서 운영되는 자바스크립트 독학 전용 사이트입니다.

메뉴얼이 매우 방대해서 초보자가 보기에는 조금 불편할 수 있고, 아주 자세하게 공부해야 될 경우 자료가 많아서 유용합니다.

js-free-14

그림과 함께 설명이 매우 자세하게 나와있습니다. 대신 부가 설명이 매우 많기 때문에 짧은 시간에 공부를 빠르게 끝내야 하는 경우는 좀 더 요약된 사이트들을 추천합니다.

js-free-15

각 예제마다 실시간 에디터를 제공해서 온라인에서 예제를 바로 연습해볼 수 있습니다.

js-free-16

 

7.엘리스 내일패스 : 자바스크립트 독학 국비 인강

엘리스 그룹고용노동부 및 직업능력심사평가원으로부터 우수 성과기관으로 지정되어서 좋은 수업 퀄리티가 장점입니다. 그 중에서 단기 온라인 국비지원 과정인 내일 패스에서는 자바스크립트 중심의 웹개발 과정을 무료로 들어볼 수 있습니다.

내일배움카드로 신청시 무료 수강이 가능합니다. 제이쿼리 중심의 자바스크립트 강좌와 리액트 라이브러리 중심의 자바스크립트 강좌로 구성됩니다.

js-free-17

HTML과 CSS로 웹페이지를 구성하고, 자바스크립트 기초 문법제이쿼리동적 페이지를 구성합니다.

js-free-18

중급 과정에서는 리액트 중심으로 클론 코딩 포트폴리오를 자바스크립트 관련 라이브러리로 제작해볼 수 있습니다. 모두 무료 강좌이기 때문에 독학을 하면서 교재나 웹문서로 공부하기가 지겨울 때 시도해보면 괜찮은 인강입니다.

js-free-20