2回コース 【もじゃもじゃ昼ラボ】HTML/CSS/JavaScript超入門

【昼の部】
「初心者向け♪HTML/CSS/JavaScript入門」の日中の時間帯開催の部です。朝から夕方までの終日2日コースで、短期間に集中してマンツーマンで一気に技術の習得を目指します。
日中の時間帯に参加可能な方はこちらコースがオススメです。

夜の部はこちら
↓
https://www.street-academy.com/myclass/91830

プログラミングを習得することは簡単なことではありません。

業界特有の用語だったり略語だったり、同じものを使う場面によって違う呼び方をするなど、私はこれがプログラミングをよりわかりづらくしてしまっている一つの要因だと考えています。この講座では、ここをいかに簡単に表現するかということに注力しています。

大きく3つのセクションに分かれます。
・HTMLマークアップ入門
・CSSデザイン入門
・JavaScriptプログラミング入門

1日目の前半にはHTMLの概念、HTMLタグの用途を学びサンプルコードを実装していきます。後半にはCSSの概念、プロパティの意味と値の指定の仕方を学び、スタイルシートを書いてHTMLを装飾していきます。

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

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

プログラミング未経験の方歓迎です！参加を検討されているようでしたらこちらの動画に目を通していただくと講座の雰囲気がつかめるかと思います。
↓
https://youtu.be/RRgD0hKOpDY


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

シェアが高いのはJava?でも将来性のあるAIによく使われるのはPythonでは？Windowsを使うことが多いのでMicrosoft系でC#かな？スマホアプリもやりたいし、、、など。


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


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

ただ、はじめるにあたって言語毎のメリット・デメリットはあります。例えば、いくつかのインストールが必要で環境構築が必要なものは初学や独学で進めるのは少し難しいです。AIをはじめるにはプログラミング以外にも数学や機械学習のような違う知識も必要になってくるかもしれません。パソコン以外にいくつかの端末が必要になってくる場合だと、学習以外にもコストが発生してしまい辛いところもあるでしょう。

だとしたら、まずははじめるのに敷居の低いものから取りかかっても良いのではないでしょうか。HTML/CSS/JavaScriptはパソコンがあればはじめられます。

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

余談ですが、経験上何か新しいことをはじめるのに年齢は関係ないと思っています。
エンジニアとしての一歩を踏み出してみませんか？


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

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

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

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


★概要
オンラインミーテイングのツール「Zoom」を使ってインタラクティブなレッスンを行います。
HTML/CSS/JavaScriptの基礎を通して、Webページ作成の仕方を学びます。
HTML/CSS/JavaScriptを使ってポートフォリオ（自己紹介ページ）が作れるようになります。
・ポートフォリオの一例はこちらから
https://mojyamojya.github.io/street-academy-portfolio/index.html
・ソースコードも参照、ダウンロードすることができます！
https://github.com/mojyamojya/street-academy-portfolio


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


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


★お問い合わせ
開催の時間や日程が難しいようでしたらリクエストのメッセージお送りください。その他の質問でも構いませんのでお気軽にどうぞ。


-----------------------------------------------------------
★講師のSNS関連
Twitter
https://twitter.com/mojyamojya
Instagram
https://www.instagram.com/mojyamojya32/