HTML・CSS・JavaScriptを学ぶのに便利なサイト集


みなさま、こんにちは!
株式会社ホワイトボードのフロントエンジニアの末ちゃんこと、末吉です。

最近カメラで風景画を始めようかなと思い、何をテーマにするか考えています。
山などもよいのですが、廃墟などの止まった時間を切り取るのも良いなと思ったりしています。
色々撮りながらテーマを見つけてみたいと思います。

何かをするとき、テーマを決めてそのテーマに夢中になることは良いことですよね。
今日は、新しくHTML・CSS・JavaScriptを勉強しようとしている方向けに、為になるサイトをまとめてみました。

HTML・CSSの情報を調べるのに良いサイト

TAG INDEX

昔散々お世話になったサイトです。HTML・CSSのタグ一覧がジャンル別に探せます。
最近始めたばかりの方も、慣れている方もサイトを一通り呼んでみると新しい発見がきっとあると思います。

またこのサイトには便利ツールがあります。URLのエンコード・デコードを始め、フォーム作成のツールなど、活用してみると良いかもしれません。

HTML クイックリファレンス

こちらも散々お世話になったサイトです。
このサイトはタグの、ABC順、目的順に探すことができます。

またHTML5のタグだけでまとめてあったりします。今やHTML5でコーディングするのは通常当たり前ですが、
HTML4.01やXHML1.0世代を勉強された方は、HTML5のまとめを見て、どんなタグが追加され、どのように使うべきか勉強するのに約に立ちます。

JavaScriptの情報を調べるのに良いサイト

PHP&JavaScript Room

JavaScriptの各オブジェクトが一覧で確認できます。
オブジェクト種類ごとに書かれているので、今必要としている機能を探しやすく便利です。

jQuery日本語リファレンス

JavaScriptのライブラリ、jQueryのリファレンスサイトです。
もちろんまだJavaScriptで書くことも多いですが、何かとjQueryは便利なので最近多様しています。

HTML・CSS・JavaScriptを勉強したい人へ

それぞれの言語について勉強したい人は、上記サイトを見るのも良いのですが、やはり書いてなんぼです。
やればやるだけ理解がどんどん進み、新しい事を覚えられるのはどんな世界でも一緒だと思います。

第一歩踏み出すのに便利なサイトをご紹介します。

Progate

実際にコードを書いて、その場で即レンダリングされます。

毎回出題テーマがあり、最初に解説のスライドがあります。その後実際に記述してみて、正解だと次に進めるというタイプです。
基本の基本を学ぶには非常に近道だと思います。是非試してみてください。

CODEPREP

こちらは穴埋め式でコードを書いて学習します。
学校で出されたドリルみたいなイメージで勉強することができます。


 

以上いくつかのサイトを紹介させていただきました。
実はこれらのサイトは私が、この業界に入る前に勉強するのにも愛用しました。
もちろん今でも愛用させていただいています!

概念が理解できると一気にできるようになります。まず最初は分からなくても、分からないなりにやってみましょう!

それではまた来週お会いしましょう!

Share Button