HTML と CSS を使用して Web ページを作成したのに、クリックアンドムーブ機能の実装方法がわかりませんか?

このクラスでは、JavaScriptを初めて使用する学習者向けに、基本的な構文から実際のWeb機能の実装までのステップバイステップガイドを提供します。変数、関数、配列、オブジェクト、条件、ループを学習したら、DOM とイベントを使用して Web ページの要素を直接制御できるようになります。

文法を学ぶだけでは終わりません。タブメニュー、アコーディオン、ライトボックス、トップに戻るアニメーションなど、実際のウェブサイトでよく使われる機能を1つずつ完成させましょう。

クッキーを使って「今日は表示しない」機能を実装したほか、カカオ、ネイバー、グーグルマップのAPIをウェブページに接続する方法も体験しました。

合計5つの章と37のレッスンに従うことで、JavaScriptの動作原理を理解し、必要な機能を自分で設計および実装する能力を身に付けることができます。

私はこのようなことを学ぶつもりです

変数、演算子、関数、オブジェクト、配列、条件、ループを学び、コード実行の流れを理解します。

推奨画像:変数/配列/関数のサンプルコード画面

HTML 要素を選択する方法、コンテンツを変更する方法、クリック、入力、フォームイベントを処理する方法について説明します。

推奨画像:ボタンをクリックする前とクリックした後に画面が変わる比較画像

タブメニュー、アコーディオン、ライトボックス、トップに戻るアニメーションを直接実装しています。

注目の画像：完成したタブメニューまたはライトボックスの起動画面

ユーザーの選択はクッキーに保存され、カカオ、ネイバー、グーグルマップはウェブページにリンクされます。

[今日は視聴しない-ポップアップ]

[ネイバーマップ API]

コーディングは初めてですか？JavaScript で作成されたインタラクティブなウェブ