website with custom carousel

ウェブサイトとカストムカルーゼル

私がこれまでに構築した最初のウェブサイト（私の3番目の最終的なキャリアの変更）。私はHTMLとCSSテンプレートから始めました。

ホームページは簡単です（最初のビルドにはしばらく時間がかかりました。適切なスタイリング、ポジション、機能が時間がかかることを確認します。優れた学習体験です）。検索ボックスが完全に機能していません。今のところドロップダウンのように機能します。

詳細ページには、私が構築したダイナミックカルーセルがあります。 Carouselのカード数は、TeamDataを更新することで変更できます。その幅はウィンドウのサイズとともに変化し、カルーセルが対応する方向にスライドできるときに左/右矢印が表示されます。

カスタムカルーセルでウェブページに到達する方法：

1. detial.htmlまたはindex.htmlから直接移動してください...
2. 検索ボックスに「UX D」と入力します
3. ドロップダウンリストの「UX Designer」をクリックします
4. 私のカスタムカルーセルはヘッダーのすぐ下にあります

次のステップ：

• main.jsからカルーセルセクションを分離し、Carousel.jsを作成します。 （終わり）
• 最初のキャリアパスマップを完了する（完了）
• 検索リストで繰り返しタイトルを取り除く（完了）
• 検索ボックスに「x」を追加する（完了）
• 検索リストの結果をウィンドウの下部に制限し、スクロールバーを追加します（完了）
• キャリアパスマップを改良して、左側のドットが表示されます（完了; 2の代わりに3列を使用するように再構築されました）
• ワードパスマップ（ロー）のタイトルを包む
• SVGがどのように機能するかを把握し、黒以外の色を変更します（完了）
• すべての「li」タグがハードコードの代わりにJS駆動型になるようにHTMLを屈折させる（完了）
• 別のファイルのデータリスト。別のリストを作成する代わりにSMAEソースからのソース検索リスト（完了）
• 検索ボックスコードとCSSを再検討して、コンポーネントのようにすることができます（進行中70％）
• すべてをReact.jsにコンポーネントに変換します

訪問してくれてありがとう。

テクノロジー：

Plain JavaScript、HTML、CSS