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

対面 オンライン

【昼の部】未来のプログラマーを育てる短期集中実践講座!マンツーマン指導で確実にスキルを身につけよう♪プログラミングの世界へ一歩を踏み出そう!

こんなことを学びます

🔰 本講座は、本当に未経験・初心者の方のためのHTML/CSS/JavaScript入門です
プログラミングを学びたいけど、「何から手をつけて良いかわからない」という方、多いのではないでしょうか?

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

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

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

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

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

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




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

📌 受講生の作品
・海外で活動しているアーティストの方でHTMLも初めての方でしたがポートフォリオを公開されました!
https://eikoishizawa.com/

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

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




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

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

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



https://youtu.be/6pCbMEWkEn4



📖 講座の構成
①HTML超入門!押さえておきたいマークアップの基本
②CSSデザインの基礎を学ぼう!Webデザインに最低限必要な知識
③JavaScriptでプログラミングの基本的概念を学ぼう!
④HTML/CSS/JavaScriptの組み合わせならではの、Webページに動きをつけるプログラミングを学ぼう!

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

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

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




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

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

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

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




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




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




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



----------------------------------------------
☘️ 講師のSNS関連
Twitter
https://twitter.com/mojyamojya
YouTube
https://youtube.com/@mojyamojya
Udemy
https://www.udemy.com/course/htmlcssjavascript/
続きを読む

6月3日(月) - 6月4日(火)

9:00 - 17:00

オンライン

開催日程

第1回 6月3日(月) 9:00 - 17:00

第2回 6月4日(火) 9:00 - 17:00

予約締切日時

6月2日(日) 13:00

参加人数

0/1人

開催場所

オンライン

価格(税込)

¥18,800

16,920

早割10%OFF(早割残り1名)
  • 早割10%OFF

    6月3日(月) - 6月4日(火)

    9:00 - 17:00

    オンライン

  • 参加できる日程がありませんか?
    先生に開催リクエストを送ってみましょう!
    開催リクエストする
受けたい
81人が受けたい登録しています

対面受講日程

価格(税込)¥18,800
場所浦安・市川

オンライン受講日程

6月3日(月) - 6月4日(火)

第1回 6月3日(月) 9:00 - 17:00

第2回 6月4日(火) 9:00 - 17:00

早割¥16,920
参加人数0/1人

参加できる日程がありませんか?
先生に開催リクエストを送ってみましょう。

オンライン受講料に含まれるもの

★受講料に含まれるもの
・レッスン代
・レッスン用教材費
・もじゃもじゃラボサイトで使用する資材など

★オンライン開催
オンライン開催なのでご自宅からご参加いただけます。発言の際にはマイクをONにしてもらいますが、それ以外はミュートにして構いませんので物音も気にせずご参加いただけます!

この講座の先生

「いかに簡単に表現するか」ということを心がけて講義

受講生が成長していく姿を見るのが好きです!

プログラミング習得に挫折してしまったことはありませんか?
ややこしい専門用語だったり、同じものを場面によって違う呼び方をする、など...私はこれがプログラミングをよりわかりづらくしてしまっている一つの要因だと思います。
なるべく平たい言葉で、「いかに簡単に表現するか」ということを心がけて講義をしています。

無学でIT業界に入り、29歳でフリーランスとして独立し3年ほど活動した後、株式会社を設立。現在は株式会社ライブキャストの代表取締役です。
毎年4〜6月は、研修で40人くらいの新社会人に...
+続きを読む

カリキュラム

  • 第1回 HTMLマークアップ入門/CSSデザイン入門

    ★タイムスケジュール
    ・9:00〜17:00
    ・お昼休み1時間
    ・約60〜70分おきに10分程度休憩

    ★カリキュラム
    ●午前中
    ・HTMLとは?
    ・HTMLの構造/基本構文
    ・要素の種類/サンプル実装
     -メタデータ
     -グループ
     -セクション
     -テキスト
     -埋め込み
     -テーブル
     -フォーム
    ・演習問題1
     もじゃもじゃラボの文書構造(HTML)を作成する課題です。
     ブラウザに表示された結果から想像して文書構造を組み立てます。
    ●午後
    ・CSSとは?
    ・CSSの書式
    ・CSSの適用方法
    ・セレクタ
    ・ボックスモデル
    ・ブロックレベルとインライン要素
    ・プロパティと値/サンプル実装
     -表示形式
     -背景
     -フォント・行
    ・演習問題2
     演習問題1で作成したHTMLをCSSで装飾する課題です。
     ブラウザに表示された結果から想像してCSSを設定します。

  • 第2回 JavaScriptプログラミング入門

    ★タイムスケジュール
    ・9:00〜17:00
    ・お昼休み1時間
    ・約60〜70分おきに10分程度休憩

    ★カリキュラム
    ・JavaScriptとは?
    ・プログラミング入門
     -変数
     -演算子
     -制御文
     -配列
     -関数
     -DOM
     -イベント
    ・サンプル実装
    ・演習問題3

    ★演習問題
    ・演習問題3
     演習問題1、2で作成したHTML/CSSに動きをつける課題です。
     用意された課題をJavaScriptで実装して動きをつけ完成です。

こんな方を対象としています

★プログラミング初心者
・IT企業への就職を希望している学生さん
・プログラミングを学んでいたが挫折してしまった人
・これからIT企業への転職を希望されている方
・副業でプログラミングしたい人
・フリーランスのエンジニアになりたい人
・実務で扱っているが根本の理解に不安のある方
・プログラミングに興味のある中学生・高校生
・スクールに通おうか迷っていて適正を見極めたい方

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

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

ご希望に合わせた内容でのレッスンも承っております。
お気軽にご相談ください!
=======================
続きを読む

受講する際は以下をお読み下さい

★Zoomについて
オンラインミーティングのZoomというツールを使います。事前に準備をしておいていただけると助かります。
・Zoomのインストール
・映像の確認
・音声の確認
こちらのURLにアクセスしてテストミーティングに参加すると確認することが可能です。
https://zoom.us/test
参加者はお1人しかおりませんのでご安心ください。

★開発環境について
テキストエディタは、コード補完機能などがあり効率的にプログラミングできるVisual Studio Codeを推奨しております。
※ 事前にインストールしておいていただけると助かります。

★通信トラブルについて
また、ネットワークの通信状況、Zoomのトラブルにより、音声や映像の乱れ・遅延などが発生する場合がございます。ご了承ください。
レッスンを続けることが困難な場合には、返金または後日に振替をいたします。
通信環境の整った場所からご参加いただけますようお願いいたします。

★レッスン用教材について
レッスン用教材は、PDFを開催日の数日前にメッセージに添付してお送りします。当日は、できれば印刷しておいていただけるとレッスンを受けやすくなるかと思います。ただ、ボリュームがかなりありますので(100P以上)、1ページに2枚のレイアウト、などで印刷がよろしいかと思います。
続きを読む
※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

レビュー11

  • 楽しかった( 8 )
  • 勉強になった( 11 )
  • 受ける価値あり( 10 )
  • この講座は「短時間で基礎的な内容をしっかりつめこんでいただきました!」でした
    男性 20代

    ありがとうございました。また受講させていただきます。

    先生からのコメント

    レビューありがとうございます!
    是非是非いらしてください。再会できるの楽しみにしています。

    受講されてる時、ファイルの頭からコードの終わりまで隈なく確認しているのがとても印象的でした。
    ペースはゆっくりでも構いません。今回のようなスタンスで続けていってください。
    必ずブレイクスルーするタイミングがあるはずです。
    プログラミングは特に継続することが大事です。
    引き続きよろしくお願いいたします。

  • この講座は「HTMLから始まりCSS、JavaScriptまで一連の表現方法を初心者でも学べるお得な講座」でした
    男性 40代

    今まで、HTML,CSS,JavaScriptなど聞いたことぐらいはあったものの、まったく記述したことが無い自分でしたが、非常にわかりやすく丁寧に説明していただき、よく理解できました!
    講座の進め方も、ただ聞いているだけの講座でなく、講義でインプットされた後は、自分で手を動かすアウトプットが都度行われるため、理解がしやすいです。
    当然ながら手を動かす際にミスが発生するのですが、その時の先生からのヒントの出し方が上手なので、程よく頭を使って学べます。
    早速、自分でもページを作成してみようと思います。
    また、WEB上の表記ルールを理解できると、RPAなどでブラウザの操作をするときにも習得が早くなると思います。
    まったく初心者の方でもついていきやすい講座になっていると思いますので、非常におススメです!

    先生からのコメント

    早速のレビューありがとうございます!
    とても物腰の柔らかい雰囲気でいらしたので解説もしやすく良い講義ができたように思います。ありがとうございました。勉強熱心で、実践課題をこなした後もさらに変化を加えたらどうなるか?という意識が素晴らしいです。これからもその姿勢を継続して、新しいことにチャレンジしていってください!

  • この講座は「よくわかる講座」でした
    男性

    長い時間にも拘わらず、丁寧に説明していただきました。

    先生からのコメント

    レビューありがとうございます!
    新たなことにチャレンジしている印象で、タイピングも早く、効率的に入力できるような工夫を随所にされていたように見受けられました。そのおかげで講座もとても順調に進み、キッチリ解説することができたように思います。更なる飛躍を期待しております。

  • HTML・CSSのおすすめの先生HTML・CSSの先生を探す

    HTML・CSSの関連カテゴリーから講座を探す

    先生のスキルから探す

    関連エリアから探す