분류 javascript

웹 개발을 배우는 최고의 무료 리소스

컨텐츠 정보

  • 조회 305 (작성일 )

본문

이것은 웹 개발을 배우고 새로운 가능성을 탐색하는 데 사용할 수 있는 최고의 무료 리소스 모음 중 하나입니다.


독자 여러분 안녕하세요! 그래서 웹 개발은 많은 사람들이 가고 싶어하는 분야입니다. 직업이 매우 많고 컴퓨터 과학 학위가 없고 독학 개발자인 경우에도 초보자로서 쉽게 배울 수 있습니다 (특히 기본 프론트 엔드 개발).


따라서 웹 개발을 배우는 것은 경력에 진정으로 도움이 될 무언가를 배우는 데 시간을 투자 할 가치가 있습니다. Frontend Development 또는 Backend Development 중 하나를 선택하거나 둘 다 풀 스택 웹 개발자가 될 수 있습니다.


그래서, 여기에서는 다양한 웹 개발 기술과 프레임 워크를 배우는 데 도움이 되는 정말 훌륭한 무료 코스를 소개하겠습니다.


학습하려는 특정 스택 또는 프레임 워크에 대해 따라야 할 리소스를 모두가 쉽게 파악할 수 있도록 리소스를 스택과 프레임 워크로 나눌 것입니다.


따라서 각 프레임 워크를 하나씩 시작하고 나중에 풀 스택 개발을 배우기 위한 몇 가지 리소스를 나열하겠습니다 (모두 한곳에서).


Django 


Django는 웹 개발에 사용되는 Python 기반 프레임 워크입니다. 사용하기 쉽고 다양한 내장 기능으로 인해 매우 인기가 있습니다. Python 프레임 워크이므로 구문도 매우 쉽습니다. 초보자도 쉽게 사용할 수 있도록 데이터베이스가 내장되어 있습니다. Django는 또한 큰 장점 인 내장 사용자 인증 시스템을 가지고 있습니다.


Django는 백엔드 프레임 워크이지만 템플릿의 도움으로 완전한 웹 사이트를 쉽게 생성 할 수 있습니다. Django 템플릿도 사용하기 매우 쉽습니다.


Django는 API 개발에도 사용할 수 있습니다. 이를 위해 Django Rest Framework (DRF)를 사용합니다.


따라서 매우 직관적이고 쉬운 방법으로 Django를 배우는 데 도움이 되는 몇 가지 무료 리소스가 있습니다.


Corey Schafer의 Django 튜토리얼 재생 목록 


이것은 Django를 배우기 쉬운 놀라운 방법으로 가르치는 놀라운 Django 튜토리얼 시리즈입니다. 조금 더 길지만 그만한 가치가 있습니다.


이것은 내가 문자 그대로 장고가 어떻게 작동하는지 전혀 몰랐을 때 장고를 배운 곳입니다. 그의 교육 스타일은 정말 좋습니다. 또한 Heroku / Linux 서버에서 호스팅하고 파일 스토리지에 AWS를 사용하는 방법을 가르칩니다.



JustDjango YouTube 채널 


이것은 Django에만 초점을 맞춘 또 다른 놀라운 채널입니다. Django를 사용하여 빌드 된 많은 프로젝트를 통해 Django의 다양한 측면을 알려줍니다. 강의 스타일은 Django와 관련된 프로젝트를 만드는 것입니다. 이 채널은 Django 채널에서 Django API 개발에 이르기까지 Django의 거의 모든 것을 다룹니다.


모두를 위한 장고 | Coursera 


이것은 매우 인기가 있고 4.8 / 5의 높은 승인 점수를 가진 Coursera의 전문 분야입니다. 완전히 무료는 아니지만 동영상을 시청하고 자료에 무료로 액세스 할 수 있습니다. 하지만 채점 된 과제를 무료로 받을 수는 없습니다.


한 가지 더 옵션은 Coursera에 재정 지원을 신청하여 무료로 받는 것입니다. 필요 기반이며 실제로 인증 비용을 지불 할 수 없는 경우에만 신청해야 합니다.


Django 공식 문서 


이것은 공식적으로 Django에서 만든 것이므로 훌륭한 리소스이기도 합니다. Django를 시작하고 Django의 각 항목 뒤에 있는 개념을 이해하는 데 유용한 리소스입니다.


Django에서 프로젝트 기반 학습을 얻기 위한 다른 리소스 (기본 사항에 익숙해 진 후)는 다음과 같습니다.

https://towardsdatascience.com/build-a-job-search-portal-with-django-overview-part-1-bec74d3b6f4e

https://towardsdatascience.com/build-a-social-media-website-using-django-setup-the-project-part-1-6e1932c9f221


Flask 


Flask는 백엔드 웹 개발을 위한 또 다른 Python 프레임 워크입니다. 또한 매우 인기가 있으며 소규모 웹 앱 및 API 구축을 위한 완벽한 선택입니다. 그것은 가볍고 최소한의 기능을 가지고 있지만 항상 패키지를 추가하여 기능을 확장 할 수 있습니다.


설정하기 쉽고 Django보다 쉽습니다. 그러나 더 큰 웹 사이트의 경우 Django가 더 나은 선택입니다. Flask는 API 개발에서 빛을 발합니다.


여기에 Flask를 시작하는 데 도움이 되는 과정이 있습니다.


Corey Schafer의 Flask 튜토리얼 재생 목록 


이것은 Corey Schafer의 또 다른 재생 목록이며 Django Playlist와 동일한 경로를 따르지만 Flask에서 동일한 웹 사이트를 개발합니다. Flask를 배울 수 있는 훌륭한 소스입니다. 이 튜토리얼 시리즈에서 개인적으로 많은 것을 배웠습니다.



DigitalOcean의 플라스크 튜토리얼 


이것은 Flask 학습을 위한 훌륭한 튜토리얼입니다. Flask의 기본 사항을 배우고 Flask에 대해 자세히 알고 싶지 않은 경우 유용합니다. 이 가이드는 Flask의 다양한 기본 사항을 안내하고 Flask를 시작하는 데 도움이 될 것입니다.


React 


이제 몇 가지 자바 스크립트 기반 프레임 워크로 이동해 보겠습니다. React는 웹 사이트를 위한 훌륭한 프론트 엔드를 구축하는 데 도움이 되는 자바 스크립트 라이브러리입니다. 단일 페이지 앱 (SPA)을 만드는 데 가장 적합합니다.


React는 배우기가 쉽지 않습니다. Javascript 사이에 HTML이 포함 된 JSX (Javascript의 변형)를 사용합니다. React를 배우려면 먼저 HTML, CSS 및 JS에 대한 좋은 실무 지식이 있어야 합니다. React Native를 사용하면 동일한 코드로 네이티브 Android 및 iOS 앱을 빌드 할 수 있습니다.


그래서 다음은 React를 배울 수 있는 몇 가지 리소스입니다.


React 공식 튜토리얼 


이것은 Facebook에서 만든 공식 React 튜토리얼입니다. React 학습을 시작하기에 가장 좋은 곳 중 하나입니다. 실습 프로젝트의 도움으로 React를 가르칩니다.


Scrimba의 React Tutorial 


이것은 Scrimba의 무료 튜토리얼이며 React 학습을 시작하기에 완벽한 장소입니다. 초보자에게 친숙하고 비디오 기반이며 사용자 친화적입니다.


Codevolution의 초보자를 위한 ReactJS 튜토리얼 


React에 대한이 Youtube 무료 튜토리얼 시리즈는 최고의 React 튜토리얼 중 하나입니다. 이것은 초보자에게 적합하며 React의 모든 구성 요소를 자세히 가르칩니다. 이것은 매우 훌륭하고 잘 구성되어 있으며 매우 쉬운 방법으로 개념을 가르칩니다.



Redux YouTube 재생 목록으로 완벽한 React 자습서 


React 및 Redux에 대한 이 Youtube 무료 튜토리얼 시리즈는 React 및 Redux 개념을 배우는 모든 사람을 위한 훌륭한 튜토리얼 시리즈입니다. 이 재생 목록에는 React 및 Redux (React 용 상태 컨테이너)의 중요한 개념에 대해 자세히 설명하는 44 개의 동영상이 포함되어 있습니다.



Angular 


Angular는 또한 프런트 엔드 개발 JavaScript 프레임 워크입니다. Google에서 개발했으며 가장 많이 찾는 프레임 워크 중 하나입니다. 초보자에게는 React보다 조금 어렵지만 꽤 유명하고 유용합니다.


React는 Redux 및 기타 타사 도구에 의존하여 완성되지만 Angular는 타사 프레임 워크에 의존하지 않습니다. Angular에는 거의 모든 것이 내장되어 있습니다.


Angular는 JavaScript의 상위 집합 인 TypeScript 언어를 사용합니다. 다음은 Angular를 시작하는 데 도움이 되는 몇 가지 훌륭한 과정입니다.


Scrimba의 첫 번째 Angular 앱 빌드 


이것은 Angular를 무료로 가르치는 Scrimba의 훌륭한 33 부 시리즈입니다. 품질이 매우 좋으며 학생들이 Angular를 배우는 데 매우 유용했습니다.


Angular 공식 문서 


Angular 문서는 Angular를 배우기 시작하기에 아주 좋은 곳입니다. Angular에 대한 문서는 매우 상세하고 다양한 개념으로 나뉘어져 있으며 쉽게 설명하려고 노력했습니다. 이 리소스는 매우 유용합니다.


초보자를 위한 Codevolution의 Angular 튜토리얼 


이 튜토리얼 시리즈는 내가이 목록에 포함시킨 React 시리즈의 동일한 YouTube 채널 인 Codevolution에 의해 작성되었습니다. Angular를 배우기 위한 훌륭하고 상세한 리소스입니다. 초보자가 제대로 이해할 수 있도록 매우 간단하고 직관적 인 방법으로 가르칩니다.



VueJS 


VueJS는 요즘 성장하고 있는 또 다른 인기 있는 프런트 엔드 프레임 워크입니다. 배우기 쉽고 초기 설정도 매우 쉽습니다. 소규모 프로젝트의 경우 Vue는 정말 좋은 선택입니다.


Vue는 React 및 Angular보다 훨씬 덜 인기가 있으므로 좋은 무료 코스를 찾는 것이 조금 어렵습니다. 여기에서 Vue에서 찾은 최고의 제품을 언급합니다.


Vue3 공식 문서 


Vue의 공식 문서는 훌륭하고 Vue에 사용할 수 있는 무료 리소스가 많지 않기 때문에 Vue 학습을 시작하기에 좋은 리소스입니다.



Vue.js 배우기 — 초보자를 위한 전체 과정 


Vue JS를 시작하기에 좋은 과정입니다. 이것은 FreeCodeCamp에 의해 제공되며 최고의 무료 Vue 코스 중 하나입니다. 비디오 스타일의 학습을 선호한다면 좋습니다.



NodeJS, Express 및 MongoDB (서버 측 JS) 


NodeJS, Express 및 MongoDB는 Javascript를 사용한 서버 측 개발에 매우 ​​인기가 있습니다. NodeJS는 Javascript 런타임이며 Express는 NodeJS를 기반으로 하는 프레임 워크입니다. MongoDB는 JSON 형식으로 데이터를 저장하는 NoSQL 데이터베이스입니다.


따라서 이러한 기술을 학습하는 데 사용할 수 있는 최고의 무료 리소스를 살펴 보겠습니다.


NodeJS 배우기 (W3 학교) 


이것은 NodeJS와 그 작동 방식에 대해 더 많이 배우기 시작하는 좋은 방법입니다. Node의 다양한 사용에 대해 가르치고 NPM (Node Package Manager)을 소개합니다. 초보자에게 좋습니다.


NodeJS, Express 및 MongoDB (Coursera)를 사용한 서버 측 개발 


이것은 서버 측 개발을 매우 자세하게 가르치는 정말 좋은 과정입니다. 높은 평가를 받았으며 홍콩 과학 기술 대학교에서 매우 좋은 과정입니다. 이 세 가지 도구를 모두 다루고 서버 측 개발을 위한 이러한 모든 기술의 사용법에 대해 설명합니다.


Mozilla 개발자의 Express 웹 프레임 워크 자습서 


이것은 텍스트 형식을 통해 Express 및 NodeJS를 학습하는 데 탁월한 선택입니다. 이것은 Mozilla Developers가 작성한 고품질 튜토리얼이며 Express를 배우기 위한 좋은 장소입니다.


MongoDB 대학 


MongoDB를 배우기에 가장 좋은 곳입니다. 이 튜토리얼 시리즈는 MongoDB 자체에서 제작되었으며 완전 무료입니다. MongoDB를 배우는 데 매우 좋은 리소스 인 MongoDB 대학에는 다양한 트랙과 과정이 있습니다.


풀 스택 개발 과정 


이제 프런트 엔드 개발, 백엔드 개발 및 데이터베이스 관리를 함께 가르치는 몇 가지 과정을 살펴 보겠습니다. 이것들은 모두 하나의 코스에 있으며 함께 사용되기 때문에 함께 배울 수 있도록 만들어졌습니다.


풀 스택 개발을 가르치는 몇 가지 훌륭한 과정을 살펴보십시오.


React를 사용한 풀 스택 웹 개발 


이것은 React로 풀 스택 웹 개발을 배우는 데 도움이 되는 훌륭한 과정입니다. MERN (MongoDB, Express, React 및 NodeJS) 과정입니다. 이 과정은 자바 스크립트로 풀 스택 웹 개발을 하려는 모든 사람들에게 도움이 될 것입니다.


Full-Stack React와 Django 


이 7 부 시리즈는 Django와 React에 이미 익숙하고 이 두 가지를 함께 구현하는 방법을 배우고 싶은 사람을 위한 것입니다. 그는 개념을 매우 명확하게 설명하고 사물의 기본까지 설명합니다. 이것은 React로 Django를 배우고 싶은 사람에게 정말 좋은 튜토리얼입니다.



VueJS 및 Express가 포함 된 풀 스택 웹 앱 


FreeCodeCamp의이 튜토리얼 시리즈는 완전한 웹 앱을 만들기 위해 Express와 함께 VueJS를 시험 해보고 싶다면 좋습니다. 이 튜토리얼 시리즈는 훌륭하고 Vue 및 Express에 익숙한 사람에게 유용하며 이제 함께 사용해야 합니다.


그래서 이것들은 제가 웹 개발을 시작하기를 권하고 싶은 무료 리소스입니다. 이 무료 리소스가 마음에 들었기를 바라며 이를 최대한 활용하여 코딩 기술을 높이고 더 나은 개발자가 되기를 바랍니다.