기본 프론트엔드 개발 학습을 위한 10가지 YouTube 채널

코딩을 배우는 것이 그 어느 때보다 쉬워졌습니다.

프론트엔드 개발의 기초를 다루는 수많은 무료 튜토리얼을 찾을 수 있습니다. 그리고 실제로는 HTML, CSS 및 JavaScript의 3가지 언어로 요약됩니다.

작성된 자습서 외에도 YouTube에서 많은 무료 비디오 자습서 를 찾을 수 있습니다. 그것들은 찾기 위해 검색해야 하는 훌륭한 채널에 대부분 숨겨져 있습니다.

아래에 나열한 모든 채널은 개발에 중점을 두고 있으며 시작하기에 좋은 위치를 제공해야 합니다. 그들은 모두 완전히 무료이며 다양한 언어를 다루며 일부는 프론트엔드 주제를 넘어서서 전반적으로 다재다능한 코더가 될 수 있습니다.

개발자 팁

웹 개발자 커뮤니티에 물어보면 항상 DevTips 채널에 대한 언급을 볼 수 있습니다.

많은 프론트엔드 주제를 다루는 긴 자습서로 가득 차 있습니다. 이들 중 일부는 바닐라 JS 또는 최신 CSS3 속성과 같은 기본 사항을 포함합니다.

그러나 다른 자습서에서는 Vue, React 및 Ember와 같은 고급 프레임워크에 대해 설명합니다.

YouTube 모험의 첫 번째 목적지로 여기에서 구독하는 것이 좋습니다. 이 비디오는 최고 수준이며 궁금한 주제를 찾을 수 있는지 확인할 가치가 있습니다.

LearnCode.academy

프론트엔드 코더에게 무엇보다도 이점이 있다고 생각하는 튜토리얼 채널이 하나 더 있습니다.

LearnCode.academy는 매우 명확한 지침과 함께 내가 본 최고의 비디오 품질을 가지고 있습니다. 그들은 JS 스크립팅 및 관련 라이브러리에 대해 많은 작업을 수행하지만 웹 개발 설정 관리에 대한 많은 비디오도 있습니다.

여기에는 Docker 및 AWS와 같은 도구를 사용하는 서버 지향 주제와 함께 npm 및 Bower와 같은 패키지 관리 자습서가 포함됩니다.

4년 넘게 거슬러 올라가는 비디오를 특징으로 하는 다양한 종류의 모든 훌륭한 자료.

LevelUpTuts

나는 무엇을 해야 하고 왜 하고 있는지 정확히 보여주기 때문에 단계별 튜토리얼을 좋아합니다.

이것이 LevelUpTuts에서 찾을 수 있는 것입니다. 개발 주제를 위해 만든 무료 채널이며 주로 웹 개발에 중점을 둡니다.

모든 LevelUpTuts YouTube 튜토리얼은 처음부터 끝까지 완전한 가이드이며 영원히 무료입니다.

더 네트 닌자

Net Ninja는 광범위한 프론트엔드 개발 주제를 제공하는 거대한 채널입니다. 주제별로 구성된 무료 자습서의 선별된 목록이 있는 파생 웹사이트에 박차를 가했습니다.

그 모든 무료 비디오는 평생 무료로 유지되며 프론트엔드 코딩에 뛰어납니다.

TypeScript, Angular, Vue, ES6 및 Bootstrap을 모두 한 곳에서 빠르게 선택할 수 있습니다.

비디오도 훌륭한 나레이션 스타일로 고품질이므로 지루함을 느끼지 않을 것입니다.

트래버시 미디어(TechGuyWeb)

Traversy Media YouTube 채널은 의심할 여지 없이 개발자를 위한 최고의 채널 중 하나입니다.

350,000명이 넘는 구독자가 있는 이 동영상에는 좋아할 만한 것이 많습니다. 그들이 PHP 및 Python과 같은 언어에 대한 많은 백엔드 주제를 다루고 있다는 점을 감안하면 프론트엔드만이 아닙니다.

프론트엔드 기술에 대한 탄탄한 비디오도 많다는 것을 명심하십시오. 여기에는 프론트엔드 + 백엔드를 Angular와 같은 프레임워크와 병합하는 일부 비디오가 포함됩니다.

전문적으로 웹 개발 작업을 하고 싶다면 백엔드 코딩을 배우는 것이 결코 나쁘지 않습니다.

그렇기 때문에 Traversy Media는 기술 수준에 관계없이 웹 코딩에 입문하는 모든 사람의 필수 서브 채널이어야 합니다.

코드 코스

Codecourse 채널에는 이 목록에 언급된 다른 사람들과 마찬가지로 수많은 무료 비디오가 있습니다.

Codecourse에서 내가 좋아하는 것은 메인 사이트를 통해 비디오 자금을 조달하는 방법입니다. 즉, 원하는 경우 선택적 업그레이드가 포함된 무료 콘텐츠를 YouTube에서 많이 찾을 수 있습니다.

YouTube만 해도 자세히 알아볼 수 있는 내용이 많기 때문에 YouTube에서 시작하는 것이 가장 좋습니다.

예를 들어 Git 및 Laravel과 같이 여기에 언급된 많은 고급 도구가 있기 때문에 이러한 vids를 코딩하는 것이 처음이라면 어려울 수 있습니다.

웨스 보스

개발자 Wes Bos는 온라인에서 수많은 멋진 튜토리얼을 통해 자신의 이름을 만들었습니다.

일부는 무료이고 다른 일부는 비용이 들지만 무료라도 엄청난 가치를 제공합니다.

그것이 바로 모든 청중을 위한 무료 프론트엔드 코딩 비디오를 제공하는 그의 YouTube 채널에서 찾을 수 있는 것입니다. 그리고 실제로 이것들은 99% 모든 프론트엔드 코드와 같습니다.

그러나 이 비디오에서는 CSS 레이아웃과 JS 조작 기술에 집중하게 될 것입니다. 두 주제 모두 마스터하기에 정말 가치가 있으며 항상 새로운 기능이 출시됩니다.

나는 CSS Grid 속성에 대한 그의 비디오를 특히 좋아합니다. 왜냐하면 그 주제는 정말 빨리 상세해질 수 있기 때문입니다.

웹코드 배우기

쉬운 개발 튜토리얼을 원한다면 구독할 가치가 있는 아주 간단한 채널입니다.

LearnWebCode는 프론트엔드 코딩에 대해서만 이야기합니다. 여기에는 캔버스 요소를 사용하여 Git 프로젝트 관리 및 사용자 정의 코딩 SVG 개체와 같은 몇 가지 세부 주제가 포함됩니다. 그러나 많은 tuts는 좋은 초보자 수준입니다.

개발 공간의 변화하는 흐름을 따라가는 비디오 조합을 찾고 있다면 이 채널을 정말 좋아할 것입니다.

프로 개발자라도 이전에 공부한 적이 없는 주제를 우연히 발견할 수 있기 때문에 모든 배경을 가진 모든 사람에게 좋습니다.

코드 더 웹(가렛 러브)

Garrett Love의 YouTube 채널 "CodeTheWeb"은 작지만 빠르게 성장하고 있습니다.

비디오 페이지에서 그가 제공하는 것과 기대할 수 있는 품질을 확인할 수 있습니다.

전반적으로 이 페이지가 너무 환상적이기 때문에 이 페이지에 정말 만족합니다. 프론트엔드 코딩 외의 주제를 다루지만 HTML/CSS/JS 측면에서도 많은 이야기를 합니다.

또한 프리랜서 및 랜딩 작업에 대한 짧은 조언 비디오와 함께 더 긴 튜토리얼(20-60분)이 잘 혼합되어 있습니다.

코딩을 직업으로 삼고 싶다면 이 비디오 라이브러리를 훑어보는 것이 좋습니다.

재미있는 재미있는 기능

마지막은 144k 구독자에서 개인적으로 가장 좋아하는 것입니다: Fun Fun Function.

채널 호스트 Mattias Petter Johansson은 처음부터 JavaScript 코딩에 대한 자세한 비디오를 게시합니다. 이것은 진정한 고급 수준까지 JavaScript를 배우기 위한 완전한 초심자 과정 입니다. 모두 무료입니다.

기본 함수 및 변수 범위와 같은 보다 일반적인 초보자 주제와 함께 TypeScript로 단위 테스트 및 연습에 대한 내용이 있습니다.

여기에서 HTML/CSS를 많이 찾을 수는 없지만 웹용 JavaScript에 뛰어드는 사람에게는 완벽합니다.