【おすすめオンライン教材2選】Web制作の学習を始めたい方に向けて解説!

Web制作の学習を始めたい方へ。おすすめオンライン教材2選!

こんにちは!

Web制作の初学者やこれから勉強を始めたい方に向けてブログで情報発信しています。キャメルです。

Web制作に興味があって勉強をしてみたい。でも。。。

  • 何から始めたらいいのか分からない
  • お金をあまりかけたくない
  • そもそも向いてるか分からない

今回はそのような方向けにおすすめの教材を2つ紹介します。

ぶっちゃけ最初はお金をかけずに
これから紹介するどちらかの教材を無料版でとりあえずやってみればいいかなと思います!

目次

おすすめ教材2選

それではさっそく結論ですが
おすすめの教材はこの2つ。

  • Progate(プロゲート)
  • ドットインストール

どちらもオンラインで学べる教材になります。

あくまで目的は「試しに勉強してみる」ことなので
どちらかだけでいいかと思います。

どちらも無料版がありますのでまずは無料版からやってみましょう。

まずはどちらかの無料版で試してみよう!

無料版を試した上でもっと学びたいと思ったら有料版でさらに深く学んでいきましょう。

Progate(プロゲート)

スライドに沿って一緒に演習を進めていくものになります。

まずは「HTML&CSS初級編」からやってみるのがおすすめだよ!

有料版はプランによりますが1,000円〜1,500円/月です。

ドットインストール

こちらは動画の解説に沿って進めていくものになります。

一つの動画が数分程度の長さになっており隙間時間にも勉強しやすくおすすめです。

まずは「Webサイトを作れるようになろう」の無料レッスンを受けてみるのがおすすめだよ!

有料版は1,080円/月です。(2024年2月18日現在)

学ぶべき言語はこれ!

Web制作を始めていく上で最初に学ぶべきスキルをお伝えします。

内容に関してはよく分からなくてもOKです。

というか勉強始めてないので分からなくて当然です。

今はなんとなくイメージだけ持てればOK!

HTMLとCSSを勉強する

HTMLとCSSはセットで学んでいきましょう!

HTMLを学ぼう

Webサイトを作る上で最も基本の言語であるHTMLを勉強してきましょう。

HTMLの目的はこんな感じです。

  • 見出しや段落など、サイトの構成を作っていく
  • Webサイト全体の骨組みを作るイメージ

CSSを学ぼう

HTMLを一通り学んだら次はCSSを学んでいきましょう。

CSSの目的はこんな感じです。

  • 文字の色や大きさ、背景色などを付けてデザインを作っていく
  • HTMLで作ったものを装飾していくイメージ

JavaScriptを勉強する

HTMLとCSSを学んでみて

もっとWeb制作の勉強をしたいと思った方はJavaScriptも勉強していきましょう。

JavaScriptは難易度が少し上がります。

JavaScriptの目的はこんな感じです。

  • アニメーションなどを実装しサイトに動きを付ける
  • サイトの使いやすさやクオリティを向上させる

まとめ:とにかく始めてみよう!

今回はWeb制作を始めたい方向けのおすすめ教材2選を紹介しました。

興味があるならまずは一歩踏み出してみましょう。

  • まずはやってみる
  • やってみて向いてなくてもそれに気付けたならそれはそれでOK

鉄は熱いうちに打て!

それでは!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次