FINAL PROJECT CS50 WEB NEXT CODER 다운로드 - FINAL PROJECT CS50 WEB NEXT CODER 소스 코드 다운로드

FINAL PROJECT CS50 WEB NEXT CODER

기타 소스코드

1.0.0

다운로드

CS50 웹 프로그래밍 최종 프로젝트 : 다음 코더

프로젝트 비디오는 https://youtu.be/ythhec-bdqa입니다

주요 아이디어

코딩 방법을 배우기 위해 협업 웹 응용 프로그램을 만들었습니다. 모든 사람은 (기본적으로 수업 일뿐) 대화를 만들 수 있으며 모든 사람은 해당 수업에 등록 할 수 있습니다. 주요 구성 요소는 다음과 같습니다.

홈페이지
로그인/로그 아웃/레지스터
모든 다른 대화 나 수업이 나열된 대화 페이지와 다른 기준으로 대화를 걸러 낼 수있는 곳
모든 정보와 함께 대화 할 때마다 개별 페이지와 등록 할 버튼
등록한 모든 대화에 액세스 할 수있는 페이지
새로운 대화를 만드는 페이지

독창성과 복잡성

페이지는 우리가 이미 만든 것과 비슷하지 않습니다. 소셜 미디어 앱이나 전자 상거래가 아닙니다. 다른 시절 프로젝트와도 비슷하지 않습니다.

복잡성 측면에서, 나는 둘 이상의 모델 (아래 설명)과 몇 개의 JavaScript 파일을 프론트 엔드에 사용하여 Django를 사용했습니다. 또한 모든 웹 애플리케이션은 다양한 화면 크기 (주로 휴대 전화 및 컴퓨터)에 응답합니다.

파일 정보

Views.py에는 모든 백엔드 코드가 있습니다. 주요 기능은 다음과 같습니다.
- 새로운 대화를 만들기 위해 모든 분야와 NewTalkform 클래스
- 필터링 대화를위한 클래스 SearchTalkform
- 프로젝트 4에서 복사 한 로그인, 로그 아웃 및 등록 기능
- 새로운 대화 및 관련 정보를 좋아하는 New_Talk
- 기존 태그를 검색하고 새 태그를 추가하기위한 태그
- 필터 태그 : 사용자가 선택한 필터를 기반으로 대화 목록을 반환하려면
- get_by_title : 단어가 제목, 설명 또는 태그에 표시되는 반환 대화
- 특정 대화에 대한 정보를 검색하도록 문의하십시오
- 등록 : 대화 등록
- get_enrolled_talks : 등록한 대화를 검색하려면
Models.py. 다른 모델은 다음과 같습니다.
- 사용자 모델
- 태그 모델
- 모델은 대화에 대한 다양한 세부 사항 (및 시리얼 라이저)과 대화합니다.
talks.js : 대화를 필터링하고 대화를 검색 할 때 대화를 보여주고 자동 완성
new_talk.js : 태그를 추가하는 새 대화를 만드는 두 번째 부분. 태그를로드하고 표시하고 새 태그를 저장하며 새 대화에 선택한 태그를 추가합니다.
mytalks.js : 당신이 등록한 대화를 받고 dom에 그들을 보여 주려면
위에서 설명한 모든 다른 HTML 페이지의 템플릿 (레이아웃 파일을 포함하여 총 8 개)
웹 응용 프로그램에 사용 된 모든 CSS가있는 CSS 파일. Flexbox 및 그리드와 같은 기술이 사용됩니다
URL, 관리자, 설정, 정적 이미지와 같은 다른 덜 중요한 파일 ...