研修のための一連のプロジェクトを継続します。
層
Layer は、誰もが共有の「ボード」上にピクセルを描くことができるコミュニティです。 元のアイデアは Reddit で生まれました。 r/Layer コミュニティは、共有された創造性の比喩であり、誰もがクリエイターになって共通の目的に貢献できるということです。
独自のレイヤー プロジェクトを作成するときに学ぶこと:
- JavaScript キャンバスの仕組み キャンバスの操作方法を知ることは、多くのアプリケーションにとって重要なスキルです。
- ユーザー権限を調整する方法。 各ユーザーはログインせずに 15 分ごとに XNUMX ピクセルを描画できます。
- Cookie セッションを作成します。
スクワッシュ
Squoosh は、多くの高度なオプションを備えた画像圧縮アプリケーションです。
GIF 20MB
独自のバージョンの Squoosh を作成することで、次のことを学びます。
- 画像サイズの操作方法
- Drag'n'Drop API の基本を学ぶ
- API とイベント リスナーがどのように機能するかを理解する
- ファイルをアップロードおよびエクスポートする方法
注意: 画像圧縮プログラムはローカルにあります。 追加のデータをサーバーに送信する必要はありません。 コンプレッサーは自宅に置くことも、サーバーで使用することもできます。
電卓
来て? 真剣に? 電卓? そう、まさに電卓です。 数学演算の基本とそれらがどのように連携するかを理解することは、アプリケーションを簡素化するために重要なスキルです。 遅かれ早かれ数字に対処しなければならなくなるので、早ければ早いほど良いのです。
独自の計算機を作成することで、次のことを学びます。
- 数値と数学演算を扱う
- イベントリスナーAPIを使って練習する
- 要素を配置する方法、スタイルを理解する方法
クローラー(検索エンジン)
誰もが検索エンジンを使用したことがありますが、独自の検索エンジンを作成してみてはいかがでしょうか。 情報を検索するにはクローラーが必要です。 誰もが毎日それらを使用しており、このテクノロジーと専門家に対する需要は時間の経過とともに高まる一方です。
Google検索エンジン
独自の検索エンジンを作成することで学べること:
- クローラーの仕組み
- サイトにインデックスを付ける方法、および評価と評判によってサイトをランク付けする方法
- インデックス付きサイトをデータベースに保存する方法とデータベースを操作する方法
音楽プレーヤー(Spotify、Apple Music)
誰もが音楽を聴きます。それはまさに私たちの生活の不可欠な部分です。 最新の音楽ストリーミング プラットフォームの基本的な仕組みをより深く理解するために、音楽プレーヤーを作成してみましょう。
Spotifyは
独自の音楽ストリーミング プラットフォームを作成することで学べること:
- API を使用する方法。 Spotify または Apple Music の API を使用する
- 次/前のトラックを再生、一時停止、巻き戻しする方法
- 音量を変更する方法
- ユーザールーティングとブラウザ履歴を管理する方法
PS
スキルを向上させるために、自分で「再現」することをお勧めするプロジェクトは何ですか?
出所: habr.com