ホームページ >ウェブフロントエンド >jsチュートリアル >PURE JAVASCRIPT で個人の Web ページを作成する私の旅!

PURE JAVASCRIPT で個人の Web ページを作成する私の旅!

Susan Sarandon
Susan Sarandonオリジナル
2024-12-29 09:49:10454ブラウズ

My journey making a personal webpage with PURE JAVASCRIPT!

はい、正しくお聞きいただけました:純粋な JavaSCRIPT!
現在の JavaScript エコシステムでは、パッケージ上に構築されたフレームワークが Web 開発にほぼ必須となっています。
私たちは皆、その派手な名前を知っています:

  • 反応
  • 角度
  • スレンダー
  • ビュー

フレームワークは依然として Javascript です

フレームワークは、事前にコーディングされた機能を備えた単なる Javascript です。
コメントで私に怒鳴る前に、フレームワークを使用すると開発が速くなり、その機能の一部は、フレームワークを最初から構築するのに時間がかかり、さらに多くの時間がかかることを知っている場合には天の恵みとなる可能性があることを知っています。統合するのが複雑です。しかし、私は、npm パッケージを更新するときに生じる瞬間的な恐怖も知っています。また、私自身のコードを 3 行だけ書き足した単純なパッケージが崩壊してすべてが壊れないことを祈るのです。
フレームワークは素晴らしいですが、理由もなく Web アプリに膨大な量を注入することがあります (これは、誰もが推奨する派手なパッケージにも当てはまり、単純な文字列検証を実行するためだけに 300 個の余分なミニパッケージが必要になります) ).

私の Github ページの旅

そこで、私は個人用の GitHub ページを作成することにしました。私はものを作るのが本当に好きで、よりインタラクティブな方法で自分の作品を紹介するには個人用スペースが最適な場所だからです。当初のアイデアは、独自の HTML ファイル内で HTML リクエストを作成するための単純なフレームワークである HTMX を使用することでした。しかし、ドキュメントをざっと見て、HTMX の主なアイデアがより複雑なアプリケーションでより適切に機能することに気づいたとき、この概念はすぐに変わりました。 Web ページ上の実際の「画面」に対する単純な GET リクエストで十分です。そこで、殺陣に大砲を持ち込む代わりに、シンプルで純粋な JavaScript を使用することにしました!

基礎が大事

結局のところ、シンプルでクリーンな JavaScript を使用して Web ページを操作および作成する方法を知ることは、現在使用しているすべてのフレームワークが内部でどのように機能するかを理解するのに役立ちます。もちろん、JavaScript フレームワークはそれぞれ独自のアイデアを持っており、それ自体の管理方法は大きく異なりますが、類似したものを構築しようとすると、それらの中核となる機能の多くを把握できます。

いいえ!新しい JS フレームワークを作成するように言っているのではありません!

私が言いたいのは、次回、学習に使用されることがわかっている個人プロジェクトを作成するときは、純粋な JS を使用してみてください。言語の基礎と弱点を理解します。次に、次の JS フレームワークに飛び込むと、次のようになります。「これは単なる X ですが、Y 構文を使用します。」

同意しますか?コメントでこれについてさらに話し合いましょう!

[メタ]

これは、私の個人的なプロジェクトを記録する隔週シリーズの最初の章です。次に、Android のライフサイクルのいくつかの概念に触発されて、GitHub ページ用に作成した画面管理システムについて説明したいと思います。このアイデアが気に入ったら、注目してください。完成したら、次の投稿にリンクします。

次の投稿: [まだ準備ができていません]

私の Github ページをチェックしてみませんか?ぜひ覗いてみてください:
?‍⬛ GitHub 個人ページ ⭐

以上がPURE JAVASCRIPT で個人の Web ページを作成する私の旅!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。