web dev resources

필요한 웹 개발 리소스

Ismile Hossain
_{트위터, LinkedIn에서 나를 팔로우하십시오.}

---

다음 프로젝트를 구축하는 데 필요한 완전한 웹 개발 리소스입니다. 150 개 이상의 리소스가 여기에 포함되어 있습니다. 프로젝트에서 자유롭게 탐색하고 사용하십시오.

---

내용물

• 개발자 로드맵
• 문서 및 치트 시트
• 디자인 도구
• 웹은 어떻게 작동합니까?
• HTML 및 CSS
• 프론트 엔드 도전이나 기술
• 글꼴과 타이포그래피
• 색상과 도구
• 이미지 리소스
• 삽화
• 아이콘
• 발전기
• 접근성
• 사이트 분석기
• 창문의 터미널
• 온라인 IDE, 편집자
• 자바 스크립트
• node.js
• 파이썬
• 반응
• 아피스
• 개발자 도구
• 온라인 학습 리소스
• 재개하다
• 기타
• 개발자 블로그 사이트
• YouTube 채널

자원

개발자 로드맵

• 프론트 엔드 - 프론트 엔드 개발 로드맵.
• 백엔드 - 백엔드 개발 로드맵.
• REACT -React Development Roadmap.
• 안드리오드 - 안드로이드 개발 로드맵.
• DevOps -DevOps 로드맵.

문서 및 치트 시트

• MDN Web Docs- MDN 웹 문서 사이트는 웹 사이트 및 프로그레시브 웹 앱에 대한 HTML, CSS 및 API를 포함한 개방형 웹 기술에 대한 정보를 제공합니다.
• DevDocs- 개발자를위한 빠른, 오프라인 및 무료 문서 브라우저. 하나의 웹 앱에서 100 개 이상의 문서를 검색하십시오.
• Devhints- 겸손한 치트 시트 컬렉션.
• Flex -Malven- CSS Flex 레이아웃을위한 비주얼 치트 시트.
• 그리드 -Malven- CSS 그리드 레이아웃을위한 비주얼 치트 시트.
• CSS 그리드 치트 시트 - 궁극적 인 CSS 그리드 비주얼 가이드.
• OverApi- 치트 시트 모음.
• 멋진 치트 시트 - 인기있는 프로그래밍 언어, 프레임 워크 및 개발 도구를위한 멋진 치트 시트.
• Gitsheet- 죽은 간단한 git 치트 시트.
• HTML5 Doctor- 이것은 새롭거나 html5에서 재정의 된 요소에 대한 빠른 참조입니다.
• HTML5 캔버스 치트 시트 -HTML5 캔버스 치트 시트.
• 치트 그래피 - 프로그래밍 치트 시트.
• CSS 3, 미디어 쿼리 치트 시트 -CSS 3, 미디어 쿼리 치트 시트.
• SEO 치트 시트 - 웹 개발자의 SEO 치트 시트.
• 부트 스트랩 5 치트 시트 - 테마 선거의 부트 스트랩 5 치트 시트.

? 디자인 도구

• Figma -Figma는 팀이 더 나은 디자인을 처음부터 끝까지 만들고, 테스트하고, 배송하도록 도와줍니다.
• Adobe XD- 실제처럼 보이고 느껴지는 디자인과 이야기를 공유하십시오. 와이어 프레임, 애니메이션, 프로토 타입, 공동 작업 등은 모두 한 곳에 있습니다.
• 스케치 - 프리랜서에서 세계 최대 팀에 이르기까지 백만 명이 넘는 디자인 플랫폼을 사용하여 제작, 프로토 타입, 협업 및 아이디어를 활성화시킵니다.
• 기발한 - 공동의 흐름도, 와이어 프레임, 스티커 메모 및 마인드 맵과 같은 사고 속도로 시각적으로 통신합니다.
• Undesign- 제조업체, 개발자 및 디자이너를위한 무료 디자인 도구 및 리소스 모음.
• FLYONUI- 테일 윈드 CSS를위한 가장 쉬운 부품 라이브러리.

웹은 어떻게 작동합니까?

• 인터넷이 어떻게 작동하는지 - 인터넷은 어떻게 작동합니까?
• 인터넷이 간단한 비디오를 어떻게 작동 시키는가 - 간단한 설명에 대한 인터넷은 어떻게 작동합니까?
• DNS- DNS의 작동 방식은 무엇입니까?
• HTTPS- HTTPS는 어떻게 작동합니까?

? HTML 및 CSS

• Freecodecamp- 웹 개발을 배우는 무료 코스.
• 인터넷은 완전한 초보자를위한 친근한 웹 개발 자습서입니다.
• HTML & CSS 코딩 방법 - 가이드는 초보자부터 고급 기술 수준에 이르기까지 다양한 웹 디자인 및 개발 주제를 다룹니다.
• HTML 요소 -MDN에 의한 HTML 요소 참조.
• HTML 엔티티 -CSS- 트릭에 의한 HTML 엔티티 참조.
• HTML 상어 - HTML의 웹 사이트, 효과 및 요소를 코딩하기위한 스마트 동작 및 더러운 트릭.
• CSS3 속성 -MDN의 CSS 참조.
• CSS 참조 - CSS에 대한 무료 비주얼 가이드.
• CSS 레이아웃 - CSS로 만든 인기있는 레이아웃 및 패턴 모음.
• 현대 CSS 솔루션 - 문제에 대한 현대 CSS 솔루션을 조사하는 시리즈.
• CSS DINER- CSS 선택기를 배우고 연습하는 데 도움이되는 재미있는 게임.
• Flexbox Froggy- CSS Flex를 배우는 데 도움이되는 게임.
• CSS Tricks -Flexbox- Flexbox에 대한 완전한 안내서.
• 예시적인 그리드 - CSS 그리드 레이아웃을 배우는 데 필요한 모든 것.
• 그리드 가든 - CSS 그리드 학습을위한 게임.
• CSS 트릭 - 그리드에 대한 완전한 가이드 - 그리드 상위 컨테이너 및 그리드 하위 요소의 모든 설정에 중점을 둔 CSS 그리드에 대한 포괄적 인 가이드.
• CSS 그리드 학습 - Jonathan Suh의 CSS 그리드 레이아웃을 이해하고 배우는 데 도움이되는 포괄적 인 가이드.
• 데스크탑 및 모바일 웹 브라우저에서 프론트 엔드 웹 기술을 지원하기 위해 최신 브라우저 지원 테이블을 사용할 수 있습니까?
• CSS 효과 - CSS 애니메이션.
• UI 스 니펫 - 더 많은 CSS 애니메이션.
• 키 프레임 - 비주얼 타임 라인 편집기를 사용하여 기본 또는 복잡한 CSS @KeyFrame 애니메이션을 만듭니다.
• Animista- CSS 애니메이션을 사용할 준비가 된 컬렉션과 함께 재생하십시오.
• BEM -BEM 이름 지정 치트 시트.
• AutoPrefixer -AutoPrefixer는 CSS를 구문 분석하고 공급 업체 접두사를 추가하는 PostCSS 플러그인입니다.
• CSS Formatter -Online CSS Formatter, CSS Beautifier.
• 자리 표시 자 - 자리 표시자를 사용하는 방법. URL 다음에 이미지 크기를 지정하면 자리 표시 자 이미지가 나타납니다.
• DevProjects- 무료 HTML/CSS 프로젝트로 코딩 기술을 연습하십시오. 프로젝트는 초보자마다 다릅니다.
• HTML 치트 시트 - HTML을 마스터하는 데 도움이되는 완전한 HTML 치트 시트.
• CSS 치트 시트 -이 포괄적 인 치트 시트를 사용하여 CSS 기술을 닦으십시오.
• HTML 및 HTML5 인터뷰 질문 - 인터뷰에 도움이되는 HTML 인터뷰 질문의 전체 목록.
• ReadyTools HTML 구조 생성기 - 몇 초 만에 HTML 구조를 생성합니다. 부트 스트랩 또는 스타일/자바 스크립트를 사용하십시오.
• ReadyTools 구성 요소 생성기 - HTML 구성 요소를 쉽게 생성합니다.
• ReadyTools 생성 버튼 - 한 번의 클릭으로 멋진 버튼을 복사하여 웹 사이트에서 사용하십시오.
• ReadyTools HTML 미니 페르 - HTML 파일을 압축하여 더 빠른로드 시간과 성능 향상을 위해 압축하십시오.
• htmlrev -htmlrev는 웹 사이트 및 방문 페이지에 무료 HTML 템플릿을 제공합니다.

? 프론트 엔드 도전이나 기술

• Codepen- 온라인 코드 편집기와 함께 JavaScript, CSS 및 HTML 빌드, 공유 및 학습
• 프론트 엔드 멘토 - 실제 프로젝트를 구축하여 프론트 엔드 기술을 향상시킵니다. 전문 디자인 작업을 수행하는 동안 실제 HTML, CSS 및 JavaScript 문제를 해결하십시오.
• 좋은 코드 - Adobe XD 파일 및 스타일 가이드로 완성 된 수십 개의 프론트 엔드 코딩 문제를 탐색하십시오.
• Codier- 프론트 엔드 코딩 문제를 탐색하고 시도합니다.
• CSSBATTLE -CSS Code -Golfing이 여기에 있습니다! CSS 기술을 사용하여 가능한 가장 작은 코드로 대상을 복제하십시오. 아래의 목표를 확인하고 CSS 기술을 테스트하도록하십시오.

? 글꼴과 타이포그래피

• Google Fonts- 무료 및 사용하기 쉬운 웹 폰트를위한 #1 리소스.
• 글꼴 아레나-무료 글꼴, 프리미엄 글꼴에 대한 무료 대안, 연구 완료된 연구 기사.
• Fontjoy- Fontjoy는 디자이너가 최고의 글꼴 조합을 선택하도록 도와줍니다. 완벽한 페어링을 위해 다른 글꼴을 혼합하고 일치시킵니다.
• FontPair -Font Pair는 디자이너가 Google 글꼴을 함께 묶는 데 도움이됩니다. 아름다운 Google 글꼴 조합 및 쌍.
• 글꼴 놀이터 - 가변 글꼴과 함께 재생.
• 글꼴 yody- 유형은 프로젝트의 글꼴 조합을 만들고 테스트 할 수있는 무료이고 멋진 타이포그래피 도구입니다.

? 색상과 도구

• 쿨러 - 디자인을위한 아름다운 색상 조합을 생성하거나 찾아보십시오.
• 0to255- 색상을 쉽게 밝히고 어둡게하는 컬러 도구.
• Colorbox- 놀라운 컬러 세트 생성 초고속.
• Color X Color- UIS 용 액세스 가능한 색상 시스템을 생성하는 도구
• 색상 및 글꼴 - 한 번의 클릭 안에 붙여 넣기를 복사 할 수있는 색상 및 타이포그래피 조합을 찾으십시오.
• Colorspace- 멋진 컬러 팔레트를 생성합니다.
• CSS 구배 - 무료 CSS 구배 생성기 도구.
• Uigradients- 디자이너와 개발자를위한 아름다운 색상 그라디언트의 손으로 선택한 컬렉션.
• Picular- 무엇이든 색상.
• 색상 - 배경색을 기준으로 글꼴 색상을 선택하십시오.
• 행복한 색조 - 맥락에서 선별 된 색상.
• 중앙 색상 - 브랜딩에 가장 적합한 컬러 팔레트 컬렉션.
• 컬러 피커 - 색상 이름, 16 진수, RGB 및 HSL 코드의 무료 색상 피커를 얻으십시오.
• 컬러 팔레트 - 프로젝트를위한 무료 분류 된 컬러 팔레트. 16 진수 및 RGB 코드를 얻으십시오.
• 색상 조영 체커 - 디자인에 접근 할 수 있고 시각적으로 매력적인지 확인하기 위해 색상 대비를 쉽게 확인하십시오.
• 컬러 그라디언트 생성기 - 놀라운 색상 그라디언트를 쉽게 만듭니다.

? 이미지 리소스

• Unsplash- 무료 이미지 및 사진.
• PEXELS- 무료 재고 사진.
• Pixabay- 무료 이미지 또는 비디오.
• Loading.io- 프로젝트를위한 무료 스피너.
• Lottiefiles -Lottiefiles는 Lottie를 위해 설계된 애니메이션 모음입니다 - Gone은 개발자를 괴롭히는 시대입니다.
• BG 제거 - 이미지 배경을 제거합니다.
• 사진 데이터 제거 - 인터넷에서 공유하기 전에 사진에서 개인 데이터를 제거하십시오.
• Befunky- Befunky의 올인원 온라인 크리에이티브 플랫폼에는 사진을 쉽게 편집하고 그래픽 디자인을 만들고 사진 콜라주를 만드는 데 필요한 모든 것이 있습니다.

? 삽화

• UNDRAW- 찾아보기 필요에 맞는 그림을 찾아서 다운로드하려면 클릭하십시오.
• Manypixels- 프로젝트를 강화할 수있는 무료 삽화. 방문 페이지, 블로그 게시물, 이메일 뉴스 레터, 소셜 미디어 그래픽 등을 위해 상업적 또는 비상업적 방식으로 사용하십시오.
• DrawKit- 손으로 그린 ​​벡터 일러스트레이션 및 아이콘 리소스, 다음 프로젝트에 적합합니다.
• Freepik- 무료 그래픽 리소스.
• 그림 피그마 - Figma 내부에서 사용할 수있는 5000 개 이상의 벡터 일러스트레이션. 모든 Figma 삽화는 SVG & PNG 형식으로되어 있으며 플랫, 줄 지어, 추상 등과 같은 스타일이 포함되어 있습니다.
• 벡터 일러스트레이션 - 5000 개가 넘는 벡터 일러스트레이션과 70 개 이상의 디자인 스타일을 검색하여 통합 편집기와 함께 디자인을 조정합니다.

? 아이콘

• 이오니콘 - 오픈 소스 및 MIT 라이센스 아이콘 팩.
• 글꼴 굉장한 - 벡터 아이콘과 소셜 로고.
• 재료 아이콘 - 재료 아이콘은 공통 액션과 항목을위한 유쾌하고 아름답게 제작 된 기호입니다. 데스크탑에서 다운로드하여 Android, iOS 및 웹 용 디지털 제품에서 사용하십시오.
• 아이콘 - 아이콘 수집.
• ICONS8- PNG 및 SVG에서 무료 아이콘을 다운로드하십시오.
• Flaticon- SVG, PSD, PNG, EPS 형식 또는 아이콘 글꼴의 무료 벡터 아이콘.
• 태블러 아이콘 - 완전 사용자 정의 가능한 무료 SVG 아이콘.
• ICOFONT -2100+ 무료 아이콘을 만들어 창의적인 디자인을 꾸미고 있습니다.
• 간단한 아이콘 -1463 인기있는 브랜드 용 무료 SVG 아이콘.
• 이모티콘을 얻으십시오 - j️ 복사 및? 이모티콘을 붙여 넣으십시오.
• ikonate- 사용자 정의 가능한 아이콘 팩.
• useanimations- 무료 애니메이션 아이콘.
• 3DICONS- 4K 해상도의 5000 개가 넘는 3D 아이콘 및 문자 모음, 각 아이콘은 5 개의 컬러 팔레트, 전면 및 원근감 뷰로 제공됩니다.
• ICONSHOCK- 30 개 이상의 디자인 스타일이있는 +400 아이콘 세트에 2 백만 개가 넘는 전문 아이콘이있는 가장 큰 아이콘 팩 : 재질, 플랫, 3D, 현실, iOS 등.

⚙ 생성기

• Lorem Ipsum -Lorem ipsum 발전기.
• RealFavicongenerator- Favicon Generator
• Favicon Maker -Free Favicon Maker.
• 메타 태그 - 메타 태그 생성기, Google, Facebook, Twitter 등에서 웹 페이지가 어떻게 보이는지 미리보기!
• Clippy -CSS Clip -Path Maker.
• 나는 Regex를 싫어합니다 - 나는 REGEX를 싫어합니다. REGEX는 일반적으로 사용되는 표현을 설명하여 당신이 그것을 이해할 수 있도록 Regex 치트 시트입니다.
• REGEX101- 온라인 Regex 테스터.
• pyrexp- 온라인 비주얼 리그 테스터.
• 웹 코드 도구 - HTML5, CSS3, MicroData, JSON -LD, Twitter 카드, 오픈 그래프 등 생성!
• 탄소 - 소스의 아름다운 이미지를 만들고 공유하십시오.
• CSS 그리드 생성기 - 웹 레이아웃을 신속하게 설계하고 HTML 및 CSS 코드를 얻습니다. CSS 그리드를 시각적으로 배우고 대화식 CSS 그리드 생성기를 사용하여 웹 레이아웃을 구축하십시오.
• CSS 스크롤 그림자 - 컨트롤을 조정하고 (?) CSS 스크롤 그림자가 변경됩니다.
• CSS 그림자 생성기 - 부드러운 그림자를 만듭니다.
• Haikei- 고유 한 SVG 설계 자산을 생성합니다.
• 변환 - 변환 | Polyglot 웹 변환기.
• Perflink | JS 벤치 마크 - JavaScript 성능 벤치 마크 URL을 통해 공유 할 수 있습니다.
• OptimizeImages-이 무료 도구로 온라인으로 이미지를 최적화하고 PNG, JPEG, SVG, AVIF, WEBP 및 GIF 형식에서 이미지를 압축 및 변환하고 올바른 구현을 위해 HTML 태그를 얻습니다.
• ReadyTools HTML 및 CSS 생성기 - ReadyTools 코드 허브로 HTML 및 CSS 코드를 쉽게 만듭니다. 생성 된 버튼을 복사하여 웹 사이트의 외관을 향상시킵니다.

? 접근성

• 접근성 블로그 - 중간 -보다 접근하기 쉬운 웹을 설계하기위한 7 가지 구현 쉬운 가이드 라인.
• 접근성 블로그 -VEV- 사이트의 접근성을 높이는 13 가지 방법.
• 접근성 치트 시트 - 모든 사람이 웹 사이트/웹 앱에 액세스 할 수 있도록 보편적 인 디자인에 대한 실용적인 접근 방식.

? 사이트 분석기

• web.dev- 웹 사이트의 성능이 얼마나 잘 작동하는지 확인하십시오. 그런 다음 사용자 경험을 향상시키기위한 팁을 얻으십시오.
• Lighthouse Metrics -Lighthouse Metrics는 사이트 성능에 대한 쉬운 통찰력을 제공합니다.

? 창문의 터미널

• Windows 터미널
• 유동기
• 하이퍼
• cmder

온라인 IDE, 편집자

• 대답
• 코드 및 박스
• 코데 펜
• JS 빈
• jsfiddle
• 끈적 끈적한
• 인터뷰 비트
• Codilink

JavaScript

• Freecodecamp- 대화식으로 JavaScript를 배울 수있는 최고의 무료 리소스.
• Codecademy- 대화식으로 자바 스크립트를 배우는 무료 코스.
• JavaScript.info- 현대 자바 스크립트 자습서.
• Javascripture -Javascripture.com은 모든 JavaScript API에 대한 테스트 접지 및 참조입니다.
• Eloquent JavaScript- 이것은 JavaScript, 프로그래밍 및 디지털의 불가사의에 관한 책입니다. 여기에서 온라인으로 읽을 수 있습니다.
• JavaScript30-30 일 바닐라 JS 코딩 챌린지. 30 일의 튜토리얼로 30 일 안에 30 개를 구축하십시오.
• JavaScript의 작동 방식
• MDN의 JavaScript 참조
• 자바 스크립트 이벤트 참조
• JavaScript 자습서 - 연산자, 루프, 기능, 죄송함 등과 같은 JavaScript에서 중요한 개념을 배우십시오.
• DOM 조작 참조
• 자바 스크립트 디자인 패턴
• Regexone- 간단하고 대화식 연습으로 정규 표현식을 배우십시오.
• SCALER- 탑 괴짜의 JavaScript를 배울 수있는 최고의 무료 리소스.
• JavaScript 치트 시트- JavaScript를 마스터하는 데 도움이되는 완전한 JavaScript 치트 시트.
• JavaScript 인터뷰 질문 - 인터뷰에 대한 에이브에 도움이되는 최고 JavaScript 인터뷰 질문의 전체 목록.

nodejs

• node.js 튜토리얼 -Node.js Crash Course Tutorial의 NENJA.
• Mixu 's Node Book- Node.js 사용에 관한 책
• Node JS -Node.js 원본 문서.
• 노드 30 일 -30 일 노드, Node.js 튜토리얼 시리즈.
• NodeBestPractices- 노드 앱 구축을위한 막대한 모범 사례 목록. 큰 프로젝트에 중요합니다.
• 노드 웨이 - Node.js 모범 사례의 전체 철학 A0ND 안내 원리는 유지 관리 가능한 모듈, 확장 가능한 응용 프로그램 및 실제로 읽기가 즐거운 코드를 작성하는 데 존재합니다.
• 당신은 node.js를 모릅니다
• 멋진 nodejs- 유쾌한 node.js 패키지 및 리소스.
• Express.js 보안 팁 - 앱을 저장하고 보호하는 방법.
• node.js 인터뷰 질문 - 인터뷰에 대한 인터뷰 질문의 전체 목록.

python

• Python 프로그래밍 학습 -이 사이트에는 Python 3 프로그래밍 언어에 대한 자료와 연습이 포함되어 있습니다.
• PY4E- 모두를위한 파이썬.
• Python 3에 뛰어 들어 Python 3으로의 다이빙은 Python 3과 Python 2와의 차이를 다룹니다. Python으로의 다이빙과 비교하여 약 20% 수정되고 80% 새로운 재료입니다. 이 책은 이제 완성되었습니다.
• Codecademy- 대화식으로 파이썬을 배우는 무료 코스.
• Programiz Pro- 대화 형 퀴즈, 코딩 문제 및 실제 프로젝트를 통해 구조화되고 심층적 인 과정을 제공하는 Python 초보자를위한 선별 된 학습 경로를 제공합니다.
• 프로그램 - 파이썬 프로그래밍 학습.
• Awesome Python- 멋진 파이썬 프레임 워크, 라이브러리, 소프트웨어 및 리소스의 선별 된 목록.
• 플라스크 튜토리얼 - Miguel Grinberg의 Flask Mega -Tutorial.
• 스케일러 주제 - 무료 리소스는 탑 괴짜로 파이썬을 배울 수 있습니다.
• Python 인터뷰 질문 - 인터뷰에 도움이되는 최고의 Python 인터뷰 질문의 전체 목록.
• 파이썬 치트 시트- 파이썬을 마스터하는 데 도움이되는 포괄적 인 치트 시트.
• 파이썬 튜토리얼 - 파이썬 튜토리얼 : 초보자를위한 포괄적 인 가이드
• Python 개발자 기술 - 2024 년에 필요한 20 개 이상의 Python 개발자 기술로 기술 경력을 향상시킵니다.

⚡ 반응

• React- 공식 사이트 문서, 튜토리얼.
• Codecademy- Codecademy의 자유 반응 과정.
• Freecodecamp- 무료 웹 개발 리소스, 반응을 배울 수 있습니다.
• React Tutorial -REACT 튜토리얼 - 기본, 후크, 컨텍스트 API, 반응 라우터, 중독자를 코딩하여 사용자 정의 후크.
• React Beach Resort -Coding Addict에 의한 React Beach Resort 프로젝트.
• 굉장한 반응 - 반응 생태계에 관한 멋진 것들의 모음.
• 반응 아이콘 - React -ICON을 사용하여 REACT 프로젝트에 인기있는 아이콘을 포함시킵니다.
• 반응 인터뷰 질문 - 인터뷰에 도움이되는 최고 반응 인터뷰 질문의 전체 목록.
• 100+ React Redux 인터뷰 질문 및 답변 (2023)-React Redux 질문 및 답변 모음.

? 아피스

• Public API- 개발자를위한 1000 개 이상의 무료 공개 및 Open REST API의 집단 목록.
• JSONPLASEHOLDER- 테스트 및 프로토 타이핑에 가짜 온라인 REST API를 무료로 사용할 수 있습니다.
• OpenWeather- OpenWeatherMap의 간단하고 빠르고 무료 날씨 API는 현재 날씨 데이터, 시간당, 5 일 및 16 일 예측에 액세스 할 수 있습니다.
• Swapi- 스타 워즈 API.
• 인용문 REST API- 그들은 세계에서 가장 큰 데이터베이스 인 데이터베이스에 1 백만 이상의 인용문이 있다고 말했다. API는 데이터에 쉽게 액세스 할 수있는 방법을 제공합니다.
• Rapid API- Rapid API는 Documnetation과 함께 많은 무료 API를 포함하는 가장 큰 API 도구 제품군 중 하나입니다. API 사용 및 생성에 대한 가이드 및 자습서가 포함 된 Rapid API Learn이라는 전담 섹션입니다.

? 개발자 도구

• Postman -Postman은 API 개발을 쉽게 만듭니다. API를 구축하는 각 단계를 단순화하고 협업을 간소화하여 더 나은 API를 만들 수 있습니다.
• 불면증 - 주요 오픈 소스 API 클라이언트 및 GraphQL 및 REST 용 협업 API 설계 플랫폼.
• JSON SERVER- 30 초 이내에 제로 코딩으로 전체 가짜 REST API를 받으십시오 (심각하게). 프로토 타이핑 및 조롱을위한 빠른 백엔드가 필요한 프론트 엔드 개발자를 위해 <3으로 만들어졌습니다.
• JSONING- 테스트 및 프로토 타이핑을 위해 JSON 객체에서 REST API를 즉시 조롱합니다.
• NPM 트렌드 - 어떤 NPM 패키지를 사용해야합니까? NPM 패키지 다운로드 통계를 시간이 지남에 따라 비교하십시오. 스팟 트렌드, 승자를 선택하십시오.
• Bundlephobia- 번들에 NPM 패키지를 추가하는 비용을 찾으십시오.

온라인 학습 리소스

• Freecodecamp- 집에서 코드를 배우십시오. 프로젝트 구축. 인증을받습니다.
• W3Schools - 세계 최대의 웹 개발자 사이트. 튜토리얼 참조, 예제, 연습, 인증서.
• Codecademy- 원하는 직업에 필요한 기술을 배우십시오. 온라인 교육 및 코드 학습의 리더로서.
• Real Python -Python Online 학습 : 모든 기술 수준, 파이썬 서적 및 코스, Python 뉴스, 코드 예제, 기사 등의 개발자를위한 Python 튜토리얼.
• 오늘 밤 공부 - 손으로 작성된 간단한 튜토리얼, 테스트, 비디오 자습서를 통해 Core Java, C ++, DBMS, 데이터 구조 등과 같은 엔지니어링 주제를 배울 수있는 가장 좋은 장소.
• 프로그램 - Python, C/C ++, Java 및 기타 인기있는 프로그래밍 언어로 코딩하는 방법을 배우십시오.
• BOLD CODER- 온라인 튜토리얼, 예 및 인터뷰 질문으로 Java 프로그래밍을 배울 수있는 가장 좋은 장소.
• JavaScript 정보 - 최신 JavaScript 튜토리얼.
• 명령 줄 튜토리얼 - 기본 UNIX 명령 자습서.
• GIT에 대해 배우고 실험 할 수있는 대화식 일련의 과제 인 Git을 사용해보십시오.
• 스케일러 주제 - 프로그래밍의 작동 방식을 이해하고, 파이썬, Java, 데이터 구조, C/C ++ 및 기타 인기있는 프로그래밍 언어를 쉽게 따르기 쉬운 튜토리얼 및 예제 프로그램을 사용합니다.
• 인터뷰 비트 - 인터뷰 질문, 연습 문제, 코딩 문제 등이 포함 된 포괄적 인 가이드로 프로그래밍 기술을 레벨 업하십시오.
• Scaler Blogs- 포괄적 인 로드맵 기사로 기술 경력을 탐색하여 기술 지원자를 초보자에서 끊임없이 진화하는 기술 산업의 전문가 수준으로 안내합니다.
• PerfectBugreport.io- 버그 보고서에 포함시킬 필수 항목의 간단한 점검표.

? 재개하다

• RESUMEGENIUS- 인터뷰를하는 유일한 온라인 이력서 빌더. 몇 분 안에 전문 이력서를 만들고 다운로드하고 인쇄하십시오.
• Resume.io- 무료 온라인 이력서 제조업체를 사용하면 몇 분 안에 완벽한 이력서를 만들 수 있습니다. 전문 이력서를 작성하고 오늘 일자리를 신청하는 것이 얼마나 쉬운 지 확인하십시오!
• 지금 재개 - 몇 분 밖에 걸리지 않습니다. 온라인 이력서 제조업체는 사용하는 데 오랜 시간이 걸리지 않아야하며 무료 이력서 빌더는 그렇지 않습니다.
• CANVA- 캔버의 무료 이력서 빌더를 사용하여 꿈의 직업을 신청하는 것은 쉽고 빠릅니다. 수백 개의 무료 중에서 선택하십시오.
• Novoresume- 2020 년에 완벽한 이력서를 만들고 무료 이력서 빌더를 사용하여 꿈의 직업을 얻으십시오. 템플릿을 선택하십시오. 개인화하십시오.
• RX -Resume- 이력서를 쉽게 구축하십시오.
• Overfeaf -Overlef는 ATS 친화적 인 이력서를 만드는 데 사용할 수있는 라텍스 편집기입니다.
• 이력서 문자 - 이력서는 이력서가 ATS 친화적인지 아닌지 확인하는 데 사용될 수 있습니다.
• Open Resume -Open Resume은 오픈 소스 이력서 빌더 및 파서입니다.

? 기타

• MailSAC- 일회용 테스트 이메일받은 편지함 서비스.
• 미묘한 이메일 - Ethereal은 가짜 SMTP 서비스로, 대부분 NODEMAINER 사용자를 대상으로하지만 (이에 국한되지는 않습니다).
• HTTP 상태 코드 - 정의, 세부 사항 및 유용한 코드 참조가 포함 된 HTTP 상태 코드 디렉토리.
• Docker와 함께 연주하십시오 - Docker를 배울 수있는 간단하고 대화식이며 재미있는 놀이터.
• 작은 도우미 - 웹 개발자를위한 무료 단일 목적 온라인 도구 모음.
• 개발자에게 무료 - 이것은 개발자를위한 무료 계층이있는 소프트웨어 및 기타 제품 목록입니다.
• Dev Resources -Dev Resources에는 개발자 여행을위한 모든 것이 있으며 모두 선별 된 목록으로 표시됩니다.
• 테마 선택-선택한 고품질, 현대적인 디자인, 전문적이고 사용하기 쉬운 무료 관리자 대시 보드 템플릿, HTML 테마 및 UI 키트를 통해 응용 프로그램을 더 빨리 만들 수 있습니다.
• Tshirtdesigns-이 무료 모형 빌더로 자신만의 티셔츠와 의류 모형을 만듭니다.

? 개발자 블로그 사이트

• Dev- 건설적이고 포괄적 인 소셜 네트워크. 오픈 소스와 근본적으로 투명합니다.
• Medium -Medium은 독자가 역동적 인 사고를 찾는 개방형 플랫폼이며, 전문적이고 발견되지 않은 목소리가 모든 주제에 대해 글쓰기를 공유 할 수있는 개방형 플랫폼입니다.
• 해커 뉴스 - 해커 뉴스에서 최신 정보를 얻으십시오!
• 해커 정오 - 해커 정오는 기술 산업을 실제 기술 전문가가 쓴 이야기와 의견을 반영합니다.
• Freecodecamp 뉴스 - 무료 코드 캠프 커뮤니티 뉴스.
• Smashing Magazine -Smashing Magazine - 웹 디자이너 및 개발자.
• Hashnode -Hashhnode는 무료 컨텐츠 제작 플랫폼 및 커뮤니티로 자신의 도메인에 기사를 게시 할 수 있습니다.

YouTube 채널

• 순 닌자
• 트래버스 매체
• freecodecamp.org
• 코딩 중독자
• Fireship
• LearnCode.academy
• 웨스 보스
• Codevolution