FINAL PROJECT CS50 WEB NEXT CODER

CS50 Webプログラミング最終プロジェクト：次のコーダー

プロジェクトのビデオは、https：//youtu.be/ythhec-bdqaです

本旨

コード化方法を学ぶために、共同Webアプリケーションを作成しました。誰もが講演（基本的に単なるクラスです）を作成することができ、誰もがそれらのクラスに登録できます。主なコンポーネントは次のとおりです。

• ホームページ
• ログイン/ログアウト/レジスタ
• すべての異なる講演やクラスがリストされているページと、異なる基準で講演をフィルタリングできるページ
• すべての情報と登録するボタンとの通話ごとに個別のページ
• 登録されているすべての講演にアクセスできるページ
• 新しい講演を作成するためのページ

独特と複雑さ

このページは、私たちがすでに作成したものとは似ていません。ソーシャルメディアアプリでもeコマースでもありません。他の年のプロジェクトにも似ていません。

複雑さの観点から、私はFrontendに複数のモデル（以下で説明）といくつかのJavaScriptファイルを備えたDjangoを使用しました。さらに、すべてのWebアプリケーションは、さまざまな画面サイズ（主に携帯電話とコンピューター）に対応しています。

ファイル情報

• Views.pyには、すべてのバックエンドコードがあります。主な機能は次のとおりです。

  • 新しい講演を作成するためのすべてのフィールドを備えたクラスNewtalkform
  • 講演をフィルタリングするためのクラスSearchTalkform
  • プロジェクト4からコピーされたログイン、ログアウト、および登録機能
  • 新しい講演を保存するためのnew_talkおよび関連情報が好きなタグ
  • 既存のタグを取得し、新しいタグを追加するためのタグ
  • フィルタータグ：ユーザーが選択したフィルターに基づいてトークのリストを返すには
  • get_by_title：タイトル、説明、またはタグに単語が表示される講演を返す
  • 特定の講演に関する情報を取得するために話してください
  • 登録：講演を登録します
  • get_enrolled_talks：登録されている講演を取得するには

• models.py。さまざまなモデルは次のとおりです。

  • ユーザーモデル
  • タグのモデル
  • モデルは、講演に関するさまざまな詳細のすべてと話します（およびシリアル）

• Talks.js：講演をフィルタリングするには、講演を検索するときに講演とオートコンプリートを表示します

• new_talk.js：タグを追加する新しい講演の作成の第2部。タグをロードして表示し、新しいタグを保存し、選択したタグを新しいトークに追加します

• mytalks.js：登録されている講演を取得し、それらをDOMに表示するために

• 上記のすべての異なるHTMLページのテンプレート（レイアウトファイルを含む合計8）

• Webアプリケーションで使用されるすべてのCSSを備えたCSSファイル。 FlexBoxやグリッドなどのテクニックが使用されます

• URL、管理者、設定、静的画像などの他の重要でないファイル...

アプリケーションの実行方法

• PIPインストールを実行して、プロジェクトの依存関係をインストールします-R要件。txt
• python manage.py makemigrationsとpython manage.py移行を実行して、移行を作成して適用します。