javascript mastery course

JavaScript Mastery 코스 : 초보자부터 전문가까지 100 개 이상의 프로젝트

이 저장소에는 JavaScript 개발자를위한 100 개 이상의 프로젝트 아이디어 목록이 있습니다. 이 프로젝트는 초보자부터 고급 레벨에 이르기까지 다양하므로 JavaScript 기술을 연습하고 향상시킬 수있는 기회를 제공합니다. 각 프로젝트 아이디어에는 시작하는 데 도움이되는 간단한 설명이 포함되어 있습니다. 다음 프로젝트 에이 아이디어를 사용하거나 창조물에 영감을주십시오.

강사

코스 설명

JavaScript는 대화 형 웹 사이트, 웹 응용 프로그램 및 모바일 앱을 구축하는 데 사용되는 세계에서 가장 인기있는 프로그래밍 언어 중 하나입니다. 이 과정은 초보자부터 전문가 수준에 이르기까지 JavaScript 개발자를위한 100 개 이상의 프로젝트 아이디어를 다룹니다. 방금 시작하거나 자신에게 도전하려고하든,이 프로젝트 아이디어는 JavaScript 기술을 향상시키고 실제 응용 프로그램을 구축하는 데 도움이됩니다.

시작하기

이러한 프로젝트 아이디어를 시작하려면 관심있는 프로젝트를 선택하고 구축을 시작하십시오. React, Angular 또는 Vue.js와 같은 선호하는 JavaScript 프레임 워크 또는 라이브러리를 사용할 수 있습니다. 원하는 경우 바닐라 JavaScript를 사용할 수도 있습니다. 목표는 JavaScript 기술을 연습하고 실제 응용 프로그램을 구축하는 것입니다.

프로젝트 아이디어 테이블

초보자 프로젝트

1. Hello World Alert : "Hello World"알림 상자를 표시하십시오. | 일
2. 간단한 계산기 : 기본 산술 작업. 작업 | 라이브 데모
3. 할 일 목록 : 작업 추가 및 제거. | 작업 | 라이브 데모
4. 임의의 인용 생성기 : 임의의 인용문을 표시합니다. | 작업 | 라이브 데모
5. 카운트 다운 타이머 : 간단한 카운트 다운 기능. | 작업 | 라이브 데모
6. 숫자 게임 : 번호 추측 게임을 추측하십시오 . | 작업 | 라이브 데모
7. 팁 계산기 : 백분율에 따라 팁을 계산합니다. | 작업 | 라이브 데모
8. 컬러 체인저 : 버튼 클릭으로 배경색을 변경하십시오. | 작업 | 라이브 데모
9. 양식 유효성 검사 : 양식의 사용자 입력을 검증하십시오. | 작업 | 라이브 데모
10. 디지털 시계 : 현재 시간을 표시합니다. | 작업 | 라이브 데모
11. Palindrome Checker : 문자열이 Palindrome인지 확인하십시오. | 작업 | 라이브 데모
12. 캐릭터 카운터 : Textarea의 캐릭터를 계산하십시오. | 작업 | 라이브 데모
13. 날씨 앱 : 날씨 정보를 가져오고 표시합니다. | 작업 | 라이브 데모
14. 통화 변환기 : 통화 속도를 변환합니다. | 작업 | 라이브 데모
15. BMI 계산기 : 체질량 지수를 계산합니다. | 작업 | 라이브 데모
16. 간단한 양식 검증 : 양식 입력 검증. | 작업 | 라이브 데모
17. 온도 변환기 : 섭씨와 화씨 사이를 변환합니다. | 작업 | 라이브 데모
18. 동적 배경 색 체인저 : 시간을 기준으로 배경색을 변경하십시오. | 작업 | 라이브 데모
19. 행만 게임 : 클래식 워드 추측 게임. | 작업 | 라이브 데모
20. 드럼 키트 : 키 프레스에서 드럼 사운드를 재생합니다. | 작업 | 라이브 데모
21. 식료품 목록 : 목록에서 항목을 추가하고 제거합니다. | 작업 | 라이브 데모

중간 프로젝트

1. 퀴즈 앱 : 점수 추적을 통한 객관식 질문. | 작업 | 라이브 데모
2. 비용 추적기 : 비용을 추적하고 분류합니다. | 작업 | 라이브 데모
3. 영화 검색 앱 : API를 사용하여 영화 검색. | 작업 | 라이브 데모
4. 이미지 슬라이더 : 간단한 이미지 회전 목마를 만듭니다. | 작업 | 라이브 데모
5. 레시피 앱 : 사용자 검색을 기반으로 레시피를 표시합니다. | 작업 | 라이브 데모
6. 무한 스크롤 : 무한 스크롤을 구현합니다.
7. Pomodoro 타이머 : 작업 및 중단 간격이있는 생산성 타이머.
8. Markdown Previewer : Markdown을 HTML로 변환합니다.
9. 작업 관리 시스템 : 작업에 대한 CRUD 작업.
10. 타이핑 속도 테스트 : 타이핑 속도를 측정합니다.
11. GitHub 프로파일 : GitHub 프로파일을 가져 와서 표시합니다.
12. 날씨 대시 보드 : 고급 날씨 정보 표시.
13. URL Shortener : Bit.ly와 같은 URL을 단축시킵니다.
14. 음악 플레이어 : 음악 트랙을 연주하고 제어합니다.
15. 전자 상거래 카트 : 간단한 쇼핑 카트 기능.
16. 채팅 응용 프로그램 : WebSockets와 실시간 채팅.
17. 포트폴리오 웹 사이트 : 프로젝트 및 연락처가있는 개인 포트폴리오.
18. 파일 업로드 : 파일 업로드 및 관리.
19. 블로그 플랫폼 : CRUD 운영이있는 간단한 블로그 플랫폼.
20. 비용 분할 : 친구들 사이의 비용을 분할하십시오.
21. 메모리 게임 : 클래식 카드 매칭 게임.
22. 록, 종이, 가위 게임 : 컴퓨터와의 경기.
23. 플래시 카드 퀴즈 앱 : 플래시 카드를 사용한 연구.
24. 로컬 스토리지가있는 TODO 목록 : 로컬 스토리지에 작업을 저장합니다.
25. API 통합 기능이있는 날씨 앱 : API를 사용하여 날씨 데이터를 표시합니다.
26. Meme Generator : 밈을 만들고 공유합니다.
27. 가상 키보드 : 타이핑을위한 화면 키보드.
28. Tic-Tac-Toe 게임 : 클래식 Tic-Tac-Toe 게임.
29. 연락처 : CRUD 작업과의 연락처 관리.
30. 전자 상거래 제품 페이지 : 제품 세부 정보 및 리뷰 표시.
31. Markdown 블로그 : Markdown에서 블로그 게시물을 쓰고 게시합니다.
32. 피트니스 추적기 : 운동 및 진행 상황을 추적합니다.
33. 작업위원회 : 구인 목록을 게시하고 검색하십시오.
34. Kanban Board : 열이있는 프로젝트 관리 도구.

고급 프로젝트

1. 소셜 미디어 대시 보드 : 소셜 미디어 통계 표시.
2. 전자 상거래 저장소 : 결제 통합으로 전자 상거래 사이트를 완료하십시오.
3. 프로젝트 관리 도구 : 프로젝트 관리를위한 Kanban Board.
4. 작업위원회 : 구인 목록을 게시하고 검색하십시오.
5. 온라인 코드 편집기 : HTML, CSS 및 JS 코드 편집기.
6. 챗봇 : ai-powered chatbot.
7. 실시간 협업 : Google 문서와 같은 협업.
8. 피트니스 추적기 : 운동 및 진행 상황을 추적합니다.
9. 비디오 스트리밍 플랫폼 : YouTube와 같은 스트리밍 비디오.
10. 레시피 공유 플랫폼 : 공유 및 검색 레시피.
11. 가상 애완 동물 게임 : Tamagotchi와 같은 가상 애완 동물.
12. 주식 시장 대시 보드 : 표시 주식 시장 데이터.
13. 학습 관리 시스템 : 과정 관리 플랫폼.
14. 온라인 폴링 시스템 : 설문 조사를 만들고 투표합니다.
15. 언어 학습 앱 : 운동으로 새로운 언어를 배우십시오.
16. 이벤트 관리 시스템 : 이벤트 및 RSVP를 관리합니다.
17. 사용자 정의 가능한 대시 보드 : 다양한 데이터 용 위젯.
18. 고객 지원 발권 시스템 : 고객 지원 티켓 관리.
19. 퀴즈 플랫폼 : 퀴즈를 만들고 가져갑니다.
20. 고급 기상 관측소 : 상세한 날씨 데이터 및 예측.
21. 레시피 추천 시스템 : 재료를 기준으로 레시피를 추천합니다.
22. 대화식 스토리 앱 : 대화식 이야기를 만들고 읽습니다.
23. 스마트 홈 대시 보드 : 스마트 홈 장치 제어.
24. 피트니스 수업 예약 시스템 : 책 피트니스 수업.
25. 여행 일정 계획자 : 여행 일정을 계획하십시오.
26. 언어 번역기 : 언어 간 텍스트를 번역하십시오.
27. 실시간 주식 거래 : 주식 거래 시뮬레이션.
28. 뉴스 어 그리 게이터 : 응집 및 표시 뉴스 기사.
29. 프로젝트 포트폴리오 : 세부 사항이있는 여러 프로젝트를 선보입니다.
30. 화상 회의 앱 : 실시간 화상 회의.
31. 실시간 협업 도구 : 실시간 프로젝트에 대한 공동 작업.
32. 재생 목록이있는 비디오 플레이어 : 재생 목록 기능이있는 비디오 재생.
33. 캘린더가있는 작업 관리 도구 : 캘린더보기로 작업을 관리합니다.
34. 대화식 데이터 시각화 : 대화식 데이터 시각화를 만듭니다.
35. 주식 시장 추적기 : 재고 시장 데이터를 실시간으로 추적합니다.
36. 레시피 검색 엔진 : 재료를 기반으로 레시피를 검색하십시오.
37. 사진 갤러리 : 사진 표시 및 구성.
38. 차트가있는 비용 대시 보드 : 차트로 비용을 시각화합니다.
39. 습관 추적기 : 습관을 추적하고 시각화합니다.
40. AI 권장 사항이있는 전자 상거래 플랫폼 : AI 기반 권장 사항이있는 전자 상거래 사이트.

전문가 프로젝트

1. 본격적인 소셜 네트워크 : 완전한 소셜 네트워킹 사이트.
2. 온라인 학습 플랫폼 : Udemy 또는 Coursera와 유사합니다.
3. 작업 응용 프로그램 추적기 : 작업 응용 프로그램 및 상태를 추적합니다.
4. 개인 금융 관리 : 예산 및 비용 추적.
5. AI 기반 권장 사항 : 머신 러닝을 사용한 권장 사항.
6. AI 권장 사항이 포함 된 전자 상거래 : 사용자 동작에 기반한 제품 권장 사항.
7. 실시간 멀티 플레이어 게임 : 멀티 플레이어 게임 경험.
8. 고급 데이터 시각화 : 복잡한 데이터 시각화 대시 보드.
9. 음성 인식 앱 : 음성 인식을 사용한 명령 앱.
10. 가상 현실 투어 : WebVR을 사용한 VR 투어.
11. cryptocurrency 추적기 : cryptocurrencies를 추적하고 분석합니다.
12. 온라인 시험 시스템 : 온라인 시험을 치르고 등급을 매 깁니다.
13. 웨어러블 통합 기능이있는 피트니스 앱 : 피트니스 웨어러블과 통합.
14. AI 기반 개인 비서 : Google Assistant와 마찬가지로.
15. 기계 학습 플랫폼 : ML 모델을 빌드 및 배포합니다.
16. 협업 화이트 보드 : 실시간 공동 작업 도면.
17. 홈 자동화 시스템 : 원격으로 홈 장치를 제어합니다.
18. 증강 현실 앱 : 브라우저에서의 AR 경험.
19. 컨텐츠 관리 시스템 : 전체 기능을 갖춘 CMS.
20. 원격 작업 플랫폼 : 원격 팀 및 프로젝트를 관리합니다.
21. 실시간 경매 시스템 : 실시간 항목에 입찰.
22. 온라인 마켓 플레이스 : 온라인 상품을 사고 판매합니다.
23. 크라우드 펀딩 플랫폼 : 프로젝트를위한 기금 모금.
24. 스마트 쇼핑 목록 : 제안이있는 지능형 쇼핑 목록.
25. 여행 예약 시스템 : 예약 항공편, 호텔 및 활동.
26. AI 기반 뉴스 애그리 게이터 : AI를 사용한 집계 뉴스.
27. 레시피 성분 인식기 : 이미지에서 성분을 인식합니다.
28. IoT 대시 보드 : IoT 장치를 제어하고 모니터링합니다.
29. 개인 건강 대시 보드 : 개인 건강 지표를 모니터링하십시오.
30. 가상 교실 : 실시간 상호 작용으로 온라인으로 수업을 실시하십시오.

기여

우리는 지역 사회의 기여를 환영합니다! 프로젝트 아이디어가 있거나 기존 프로젝트를 개선하려면 풀 요청을 제출하십시오. 코드가 프로젝트의 코딩 표준을 따르고 적절한 문서를 포함하는지 확인하십시오.

특허

이 저장소는 MIT 라이센스에 따라 라이센스가 부여됩니다. 자세한 내용은 라이센스 파일을 참조하십시오.

연락하다

질문이나 제안이 있으시면 강사에게 문의하십시오.

• Ajay Dhangar
• LinkedIn
• 지저귀다

자원

다음은 프로젝트에 도움이되는 몇 가지 추가 리소스입니다.

• MDN 웹 문서
• 자바 스크립트 정보
• 웅변 자바 스크립트
• Freecodecamp
• Codecademy
• Codeharborhub