4回コース講座 【もじゃもじゃ夜ラボ】HTML/CSS/JavaScript超入門

🔰 本講座は、未経験・初心者の方でも4回で“動くWebページ”が作れるようになるHTML/CSS/JavaScript入門です

夜の部ならではのメリット
• 仕事や家事が終わった後の無理のない時間帯で受講できる
• 1回あたりの時間が短いため集中力が続きやすい
• 4回に分かれているので復習しながら確実にステップアップ
• 昼や休日の予定を崩さずに学習できる

「まとまった時間が取りにくい方」にぴったりの講座です。



プログラミングを学びたいけど、「何から手をつけて良いかわからない」という方、多いのではないでしょうか？

現代のプログラミング言語はとても多岐にわたっています。Java、PHP、Ruby、Python、JavaScript、C#、C++、Kotlin、Swift…などあげるとキリがありません。いったい今旬な言語はなんなのか？シェアが高い言語はなんなのか？将来性がある言語はなんなのか？迷うと思います。

何から取り掛かるかは大きな問題ではありません！

関数や制御文といったプログラミングの基本的概念は、言語が変わっても大きくは変わらないからです。何か一つの言語を押さえてしまえば、比較的容易に他の言語の習得に取り組むことが可能です（もちろん、なんでも簡単にできるようになるわけではありません）。

ただ、始めるにあたって、言語ごとにメリットとデメリットはあります。例えば、いくつかのインストールで環境構築が必要なものは、初学や独学で進めるのは少し難易度が高いです。機械学習を始めるためにはプログラミング以外にも統計学のような違う知識も必要になってくるかもしれません。

だとしたら、まずは始めるのに敷居の低いものから取り組んでも良いのではないでしょうか。HTML/CSS/JavaScriptはパソコンさえあれば始められます。テキストエディタVisual Studio Codeとブラウザがインストールされていれば、簡単に実践的なプログラミングを体感することができます！

また、今後どの分野に進んだとしても、ホームページなどに使われるHTMLやCSSといったWebの知識はあった方が良いでしょう。JavaScriptではプログラミングの基本を学ぶことができます。




🌙 夜の部
「初心者向け♪HTML/CSS/JavaScript入門」の夜の時間帯開催の部です。日中の時間帯で参加が難しい方はこちらのコースがオススメです。実施する内容は【昼の部】と同じコースですが、1日の開催時間が短いため、4回コースとなります。

📌 受講生の作品
・海外で活動されているアーティストの方が、完全未経験からポートフォリオサイトを公開 されました！
https://eikoishizawa.com/
「自分でも作品が作れた！」という達成感を味わっていただけます✨

☀️ 昼の部はこちら
https://www.street-academy.com/myclass/90611

🈯️ 本講座のカスタマイズはこちら
https://www.street-academy.com/onetime/services/3003




＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＼団体・グループでの参加も承ります／
本講座は、5名以上の団体・グループでの受講も可能です。
ご希望の方は「先生に質問する」からお問い合わせください。

（主な利用シーン）
・代表者が一括で支払をしたい
・チームで解決したい課題がある
・会社の部署のメンバーと研修としてストアカの講座を受講したい
・会社の研修としてレッスンをカスタマイズして開催してほしい

ご希望に合わせた内容でのレッスンも承っております。
お気軽にご相談ください！
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝




📖 講座の構成
①HTML超入門！“Webページの骨組み” を作ってみよう
②CSSデザインの基礎を学ぼう！骨組みの“見た目を整える”
③JavaScriptで“動きのあるページ”を作るプログラミングの基本的概念を学ぼう！
④3つの演習を積み上げて、最後は“1つの作品”が完成！HTML/CSS/JavaScriptの組み合わせならではの、Webページに動きをつけるプログラミングを学ぼう！

1日目にはHTMLの概念、タグの意味、文書構造、最低限押さえるべきマークアップを実践形式で学びサンプルコードを実装していきます。

2日目にはCSSの概念、プロパティの意味と値の指定の仕方を学びます。色・レイアウト・フォント・装飾など、初心者でも理解しやすいシンプルな方法から指導し、スタイルシートを書いてHTMLを装飾していきます。

3、4日目にはJavaScriptで“動きのあるページ”を作るプログラミングの基礎を学びます。その範囲は、変数や関数といったプログラミングの基本的概念から、DOMやイベントといったJavaScriptとHTML/CSSの組み合わせならではの分野にも及びます。

各セクションの終わりにはそこまで学んだことの集大成として3つの演習課題があります。すべてつながった課題となっていて、HTMLの課題でできたものに対してCSSの課題を付け足し、その後にJavaScriptの課題を付け足します。すべての演習課題をこなすと、完結した動きのある1つのWebページができあがります。




🔴 デザイナー（Web制作）とエンジニア（Web開発）の違い
Web系のお仕事での役割を、大きく分けると次の2つがあげられます。

・デザイナー（Web制作）
・エンジニア（Web開発）

前者はホームページ等の表示される部分をHTML/CSS/JavaScriptを駆使して構築するお仕事、後者はホームページの見える部分の後ろ側（サーバ上）で動く計算などの処理を他のプログラミング言語で実装するお仕事です。フロントエンド、バックエンドという言い方もあります。

ただ、近年この役割の境界線が曖昧になりつつあります。デザイナーもプログラムを書きますし、エンジニアも見た目を意識することが大事になってきています。どちらもクリエイターという部分で根っこは同じなんです。




🙋‍♂️ こんな風に教えます
前半は座学中心で、サンプルのプログラミングを行います。後半はZoomの画面共有の機能を使い参加された方の画面を共有してもらいながら、ハンズオン形式で実践的に進めていきます。質問や問題点を聞き易い環境を作りたいと思っています。




💻 用意していただくもの
・パソコン（Mac、Windowsどちらでも可）
・インターネットに接続できる環境
・オンラインで映像を伝えるためのカメラ（内蔵でも可）
→ カメラがご用意できない場合には、お持ちのスマートフォンを代用することが可能です。手順がありますので、必要であればお申し付けください。
→ どうしても難しい場合は映像なしでもご参加いただけます。
・オンラインで音声（声）を伝えるためのマイク（内蔵でも可）




✉️ お問い合わせ
開催の時間や日程が難しい場合は、リクエストのメッセージをお送りください。その他の質問でも構いませんので、お気軽にお問い合わせください。