2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

お題は不問!Qiita Engineer Festa 2024で記事投稿!
Qiita Engineer Festa20242024年7月17日まで開催中!

【初学者用】JavaScript学習教材(DOM操作、アニメーション、非同期処理etc)

Last updated at Posted at 2024-07-06

はじめに

以前Reactのアプリ作成学習教材を作成したのですが、今回はJavaScriptバージョンです。
HTML,CSS,JavaScriptだけで構成されてますので、初心者の方も安心してください。

学習の仕方

各プロジェクトのコードは下記のGitHubにあげてます。
READMEファイルに学習手順を記載してますので、その通りに実施していきましょう。

作成するプロジェクトの一部

全部で11個のプロジェクトを作成します。
JS初学者がDOM操作や簡単な非同期処理に慣れることを主眼に置いてますので、DOM操作や苦手だな~という方は是非やってみてください:point_up:

ポモドーロタイマー

10.gif

テキストカウンター

8.gif

テーマカラー切り替え

6.gif

アイコンアニメーション

1.gif

画像のロード

5.gif

おわりに

冒頭にも記載しましたが、必ずREADMEを読んでから始めてください:writing_hand:
コードの意味が分からなければまず考えてみて、それでもわからなければAIに聞きいて、理解した状態で作成していきましょう。

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?