8개 교육 프로젝트

“초보자가 시도하는 것보다 대가가 실수를 더 많이 한다”

우리는 실제 개발 경험을 얻기 위해 "재미로" 수행할 수 있는 8가지 프로젝트 옵션을 제공합니다.

프로젝트 1. Trello 클론

Indrek Lasn의 Trello 클론.

당신이 배울 내용:

• 요청 처리 경로 구성(라우팅)
• 끌어서 놓기.
• 새 개체(보드, 목록, 카드)를 만드는 방법.
• 입력 데이터 처리 및 확인.
• 클라이언트 측: 로컬 저장소를 사용하는 방법, 로컬 저장소에 데이터를 저장하는 방법, 로컬 저장소에서 데이터를 읽는 방법.
• 서버 측에서: 데이터베이스를 사용하는 방법, 데이터베이스에 데이터를 저장하는 방법, 데이터베이스에서 데이터를 읽는 방법.

다음은 저장소의 예입니다., React+Redux로 제작되었습니다.

프로젝트 2. 관리자 패널

Github 저장소.

기본 사항을 학습하는 데 이상적인 간단한 CRUD 애플리케이션입니다. 배우자:

• 사용자를 생성하고 사용자를 관리합니다.
• 데이터베이스와 상호 작용 - 사용자 생성, 읽기, 편집, 삭제.
• 입력 유효성 검사 및 양식 작업.

프로젝트 3. 암호화폐 추적기(네이티브 모바일 애플리케이션)

Github 저장소.

무엇이든: Swift, Objective-C, React Native, Java, Kotlin.

우리는 공부합니다 :

• 기본 애플리케이션의 작동 방식.
• API에서 데이터를 검색하는 방법.
• 기본 페이지 레이아웃의 작동 방식.
• 모바일 시뮬레이터로 작업하는 방법.

이 API를 사용해 보세요. 더 좋은 것을 찾으면 댓글에 적어주세요.

관심이 있다면 여기로 여기 튜토리얼이 있습니다.

프로젝트 4. 처음부터 자신만의 웹팩 구성 설정

기술적으로 이것은 애플리케이션은 아니지만, webpack이 내부에서 어떻게 작동하는지 이해하는 것은 매우 유용한 작업입니다. 이제 그것은 "블랙박스"가 아니라 이해할 수 있는 도구가 될 것입니다.

요구 사항 :

• es7을 es5로 컴파일합니다(기본).
• jsx를 js로 컴파일하거나 - .vue를 .js로 컴파일합니다(로더를 배워야 합니다).
• webpack 개발 서버 및 핫 모듈 재로딩을 설정합니다. (vue-cli와 create-react-app 둘 다 사용)
• Heroku, now.sh 또는 Github를 사용하여 웹팩 프로젝트를 배포하는 방법을 알아보세요.
• CSS(scss, less, stylus)를 컴파일하기 위해 선호하는 전처리기를 설정하세요.
• webpack에서 이미지와 SVG를 사용하는 방법을 알아보세요.

이것은 완전 초보자를 위한 놀라운 리소스입니다.

프로젝트 5. Hackernews 클론

모든 제다이는 자신만의 Hackernews를 만들어야 합니다.

그 과정에서 배울 내용은 다음과 같습니다.

• hackernews API와 상호작용하는 방법.
• 단일 페이지 애플리케이션을 만드는 방법.
• 댓글보기, 개별댓글, 프로필 등의 기능을 구현하는 방법입니다.
• 요청 처리 경로 구성(라우팅)

프로젝트 6. Tudushechka

TodoMVC.

진지하게? 투두슈카? 수천 개가 있습니다. 하지만 이런 인기에는 이유가 있다고 믿습니다.
Tudu 앱은 기본 사항을 확실히 이해할 수 있는 좋은 방법입니다. 바닐라 Javascript로 하나의 애플리케이션을 작성하고, 선호하는 프레임워크로 하나의 애플리케이션을 작성해 보십시오.

배우다:

• 새 작업을 만듭니다.
• 필드가 채워졌는지 확인하세요.
• 작업을 필터링합니다(완료, 활성, 모두). 사용 filter и reduce.
• 자바스크립트의 기본을 이해합니다.

프로젝트 7. 정렬 가능한 드래그 앤 드롭 목록

Github 저장소.

이해하는 데 매우 도움이 됨 드래그 앤 드롭 API.

배우자:

• 드래그 앤 드롭 API
• 풍부한 UI 만들기

프로젝트 8. 메신저 클론(네이티브 애플리케이션)

웹 애플리케이션과 기본 애플리케이션이 어떻게 작동하는지 이해하게 되어 회색 덩어리와 차별화됩니다.

우리가 공부할 내용:

• 웹 소켓(인스턴트 메시지)
• 기본 애플리케이션의 작동 방식.
• 기본 애플리케이션에서 템플릿이 작동하는 방식.
• 기본 애플리케이션에서 요청 처리 경로를 구성합니다.

이것은 한두 달 동안 충분할 것입니다.

번역은 회사의 지원을 받아 진행되었습니다. 에디슨 소프트웨어전문적으로 종사하는 사람 PHP로 애플리케이션과 웹사이트 개발하기 대규모 고객뿐만 아니라 Java로 클라우드 서비스 및 모바일 애플리케이션 개발.

출처 : habr.com