初心者向け！プログラミング講座
こちらのプログラミング講座の記事にお越しいただき、ありがとうございます！
本記事は プログラミング完全初心者の方向け に、
動画を見ながら基礎をやさしく理解できる内容になっています。
「プログラミングって何から始めればいいの？」
「HTML・CSS・JavaScriptって聞いたことはあるけど違いが分からない…」
そんな方でも、イメージから理解できる ように構成しています。
講座全体の構成（動画一覧）
本講座では、以下 5本の動画 を順番に公開していきます。
①HTML・CSS・JavaScriptとは？超初心者向け全体概要
②HTMLの基礎｜Webページの骨組みを作ってみよう
③CSSの基礎｜Webページにデザインをつけよう（※準備中）
④JavaScriptの基礎｜Webページに動きをつけよう（※準備中）
⑤基礎だけで作る！超シンプルなWebサイトを作ってみよう（※準備中）
現在は
① 全体概要 と ② HTMLの基礎 の2本を公開中です。
残りの動画も順次アップデートしていくので、ぜひ最後までチェックしてみてください！
🎥 動画① HTML・CSS・JavaScriptとは？超初心者向け全体概要
まずはこの動画で、
-
HTML・CSS・JavaScriptそれぞれの役割
-
Webサイトがどのように作られているのか
を 専門用語を使わずに 解説しています。
「今は全部理解できなくてもOK」なので、
まずは全体像をつかむこと を目的に、気軽に見てみてください。
🎥 動画② HTMLの基礎｜Webページの骨組みを作ってみよう
この動画では、
Webページの「土台」になるHTMLの構造 を一緒に確認していきます。
特別な開発環境は不要 です。
動画と同じペースで試したい方は、以下のサイトを使ってみてください。
🔗JS Bin
https://jsbin.com/
ブラウザ上で簡単にHTML・CSS・JavaScriptを書いて、すぐに表示結果を確認できます。
また、
Sora公式サイト「sora.ing」 を使った
「HTMLが実際にどう表示されているかを見る方法」も動画内で紹介しています。
今後の動画について
この後は、
-
CSSで見た目を整える方法
-
JavaScriptで動きをつける方法
-
基礎だけを使った簡単なWebサイト制作
と、少しずつステップアップしていきます。
「分からなくて止まってもOK」
「全部完璧に理解しなくてOK」
動画を見ながら、
「なんとなく分かる」→「少し分かる」 を一緒に積み重ねていきましょう！
今後の講座改善の参考とさせていただくため、差し支えなければアンケートへのご回答をお願いいたします！
.png)
