Meituan APPを模倣した実践的な開発 [フロントエンドプログラマー必須のJavaScriptプロジェクト]

プロジェクト紹介

Webサイト制作の流れ

プロジェクト要件のプロトタイプ図

準備

美団購入プロジェクトの開発

ホームナビゲーションバーのドロップダウンHTML+CSS書き換え

ホームナビゲーションバーのドロップダウンエフェクトの開発

すべてのカテゴリ サイドバー開発

カルーセルチャートのHTML+CSS書き換え

カルーセル効果の開発

まおやん動画ページ書き換え

まおやん映画エフェクト開発

プロジェクト推薦B&B効果開発

プロジェクト登録ページの開発

携帯電話番号認証

携帯電話認証コードの認証

プロジェクトのパスワード強度の検証

プロジェクトパスワードの一致確認

Meituan購入プロジェクトのログインページの書き換え

プロジェクトログインページエフェクトの開発

プロジェクト都市ページの開発

都市三層連携第一型地方横断

最初のタイプの都市 3 レベル連携都市横断

都市の 3 レベル連携の最初のタイプの地区と郡の横断

第一種都市3階層連動表示住所

3 レベル連携における 2 番目のタイプの州横断

都市3段階連携 第2タブ切り替え

都市3層連携の第2弾イベント

都市3層連携第2都市横断

都市の 3 レベル連携の 2 番目のタイプの地区と郡の横断

都市3階層連動第2都市表示

都市の 3 レベルの連携、人気の都市横断の第 3 弾

都市3レベル連携 3番目のタブ切り替え

都市3層連動第3表示都市

プロジェクトのギャップを確認して埋める

プロジェクトの互換性テスト

プロジェクトのパフォーマンス分析

プロジェクトがオンライン化