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

対面 オンライン

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

こんなことを学びます

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

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

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

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

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

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

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




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

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

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

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




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

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

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



https://youtu.be/6pCbMEWkEn4



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

1日目には、前半にHTMLの概念を学び、後半にHTMLタグの用途について学びながら、サンプルコードを実装していきます。

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

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

各セクションの終わりにはそこまで学んだことの集大成として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月1日(土) - 6月4日(火)

19:00 - 22:30

オンライン

開催日程

第1回 6月1日(土) 19:00 - 22:30

第2回 6月2日(日) 19:00 - 22:30

第3回 6月3日(月) 19:00 - 22:30

第4回 6月4日(火) 19:00 - 22:30

予約締切日時

5月31日(金) 13:00

参加人数

0/1人

開催場所

オンライン

価格(税込)

¥18,800

16,920

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

    6月1日(土) - 6月4日(火)

    19:00 - 22:30

    オンライン

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

対面受講日程

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

オンライン受講日程

6月1日(土) - 6月4日(火)

第1回 6月1日(土) 19:00 - 22:30

第2回 6月2日(日) 19:00 - 22:30

第3回 6月3日(月) 19:00 - 22:30

第4回 6月4日(火) 19:00 - 22:30

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

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

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

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

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

この講座の先生

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

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

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

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

カリキュラム

  • 第1回 HTMLマークアップ入門

    ★タイムスケジュール
    ・19:00〜22:30
    ※ 進み具合にもよりますが、60〜70分に1回10分程度の休憩を取ります。

    ★カリキュラム
    ・HTMLとは?
    ・HTMLの構造/基本構文
    ・要素の種類/サンプル実装
     -メタデータ
     -グループ
     -セクション
     -テキスト
     -埋め込み
     -テーブル
     -フォーム

    ★演習問題1
    もじゃもじゃラボの文書構造(HTML)を作成する課題です。
    ブラウザに表示された結果から想像して文書構造を組み立てます。

  • 第2回 CSSデザイン入門

    ★タイムスケジュール
    ・19:00〜22:30
    ※ 進み具合にもよりますが、60〜70分に1回10分程度の休憩を取ります。

    ★カリキュラム
    ・CSSとは?
    ・CSSの書式
    ・CSSの適用方法
    ・セレクタ
    ・ボックスモデル
    ・ブロックレベルとインライン要素
    ・プロパティと値/サンプル実装
     -表示形式
     -背景
     -フォント・行

    ★演習問題2
    演習問題1で作成したHTMLをCSSで装飾する課題です。
    ブラウザに表示された結果から想像してCSSを設定します。

  • 第3回 JavaScriptプログラミング入門(その1)

    ★タイムスケジュール
    ・19:00〜22:30
    ※ 進み具合にもよりますが、60〜70分に1回10分程度の休憩を取ります。

    ★カリキュラム
    ・JavaScriptとは?
    ・プログラミング入門
     -変数
     -演算子
     -制御文
     -配列
    ・サンプル実装

  • 第4回 JavaScriptプログラミング入門(その2)

    ★タイムスケジュール
    ・19:00〜22:30
    ※ 進み具合にもよりますが、60〜70分に1回10分程度の休憩を取ります。

    ★カリキュラム
    ・プログラミング入門
     -関数
     -DOM
     -イベント
    ・サンプル実装

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

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

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

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

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

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

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

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

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

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

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

レビュー18

  • 楽しかった( 11 )
  • 勉強になった( 17 )
  • 受ける価値あり( 14 )
  • この講座は「受講者に合わせた授業をしてもらえる内容」でした
    男性 40代

    私は独学でこれまで勉強してきましたが、Javascriptで挫折し、独学の限界を感じこの授業をうけました。4日間の授業でしたが時間はあっという間に過ぎていきました。大変わかりやすい内容で説明の後に実装がセットになっていて今まで点だった知識が線になっていくのを感じました。
    教えて頂いたことを復習し、固めていきたいと思います。ありがとうございました!

    先生からのコメント

    レビューありがとうございます!
    必ずプログラミングをものにしたいという姿勢を感じ、それに応えられるよう全力を尽くしました。
    4日間、楽しく講義ができてとても嬉しいです。

    プログラミングは継続が大事です。これからも目標めざしてチャレンジを続けていってください!

  • この講座は「初心者の0から1を踏み出すための講座」でした
    男性 30代

    佐藤先生
    まずはじめに4日間ありがとうございます。
    時間も遅らせていただくこともありましたが、快く受けていただき、感謝です。

    ほぼ知識0の状態でHTML CSS JavaScriptを詰め込んでやったので、頭がパンパンでした。
    また仕事終わりすぐに切り替えてやったことから、疲れもありました。
    その中で丁寧に説明いただいたことから大枠は理解できたと思います。

    改めてプログラミングは覚えるタグや属性・構文など数多いので、まずは基礎基本を学んでから何かのツール等で勉強することをお勧めします。
    そういった時に先生の講座は1歩踏み出そうとされている方にお勧めです。

    改めてご教示いただき、ありがとうございました。

    先生からのコメント

    早速のレビューありがとうございます!
    4日間大変お疲れ様でした。
    とても飲み込みが早く、良いところに目をつけた質問が多かったので、とても教え甲斐がありました。
    大枠はおさえられましたので、今後必要なのは"慣れ"です。
    たくさんの練習問題をこなして少しずつ慣れていってください。
    ご活躍を期待しています。

  • この講座は「本気でプログラミングを学びたい人にとって、他にはない講座」でした
    男性 50代

    これまで何度かプログラミンを学ぼうとしたことがありましたが、その都度挫折し、半ば諦めかけていました。
    でもこの講座の14時間(3.5時間×4日連続)という、時間をかけて教えるプログラムを見た時、なんとなく本気度が伝わってきて、思わず申し込みました。

    実際、先生の教える姿勢は実直そのもの。この講座を通じて、受講者にプログラミングを理解してもらいたい、という気持ちがヒシヒシと伝わってきます。

    少し進むたびに、「ここまでで何か分からないこと、気になることはありませんか?」と声掛けしてもらって、その度に質問をたくさんしながら、確認しながら一歩ずつ進んでいきます。

    新しい知識のシャワーを毎日浴び続けるのは学生時代以来で、脳みそが筋肉痛状態(笑)、正直めちゃめちゃ疲れましたが、その分、「あぁプログラミングってこういう物なんだ」と初めて理解できた実感が得られて、本当に良かったです。

    内容と時間を考えれば、価格はとても安く感じます。脳の筋肉痛がおさまった後、いただいた資料でもう一度復習し、本格的にマスターに向けて取り組もうかと思います。その際はまた受講させていただきたいです。

    先生からのコメント

    早速のレビューありがとうございます!4日間の講座、大変お疲れ様でした。
    真剣に講義に取り組む姿勢を見ていて、教える方にも自然に力が入ってしまいました(笑)。
    プログラミングの習得で大事なのはやっぱり基本です。
    少しずつで構わないのでこれからも学習を続けていってください。
    何かに躓いた時には相談に乗りますので。
    頑張ってください!

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

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

    先生のスキルから探す

    関連エリアから探す