お客さまがご利用のブラウザはサポートされていないため、正常に利用できない可能性があります。 お手数ですが、こちらをご確認いただき推奨環境のブラウザをインストールしてご利用ください。

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

4回コース
オンライン

【夜の部】本気でWeb開発を学びたい未経験・初心者のための講座です。セットで学ばないと意味がない?もじゃもじゃラボの構築で習熟度を確認🔰

こんなことを学びます

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

昼の部はこちら

https://www.street-academy.com/myclass/90611

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

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

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

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

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

3、4日目には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/
続きを読む
4回コース

3月18日(木) - 3月21日(日)

19:00 - 22:30

オンライン

開催日程

第1回 3月18日(木) 19:00 - 22:30

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

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

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

予約締切日時

3月18日(木) 00:00

参加人数

0/1人

開催場所

オンライン

価格(税込)

¥16,940

4回コース

4月1日(木) - 4月4日(日)

19:00 - 22:30

オンライン

開催日程

第1回 4月1日(木) 19:00 - 22:30

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

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

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

予約締切日時

4月1日(木) 00:00

参加人数

0/1人

開催場所

オンライン

価格(税込)

¥16,940

¥12,705

早割25%OFF(早割残り1席)
4回コース

3月11日(木) - 3月14日(日)

19:00 - 22:30

オンライン

SOLD OUT

開催日程

第1回 3月11日(木) 19:00 - 22:30

第2回 3月12日(金) 19:00 - 22:30

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

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

予約締切日時

3月11日(木) 00:00

参加人数

1/1人

開催場所

オンライン

価格(税込)

¥16,940

  • 4回コース

    3月18日(木) - 3月21日(日)

    19:00 - 22:30

    オンライン

  • 4回コース

    4月1日(木) - 4月4日(日)

    19:00 - 22:30

    オンライン

    早割25%OFF
  • 4回コース

    3月11日(木) - 3月14日(日)

    19:00 - 22:30

    オンライン

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

オンライン受講日程

3月11日(木) - 3月14日(日)

第1回 3月11日(木) 19:00 - 22:30

第2回 3月12日(金) 19:00 - 22:30

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

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

¥16,940
参加人数 1/1人
SOLD OUT

3月18日(木) - 3月21日(日)

第1回 3月18日(木) 19:00 - 22:30

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

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

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

¥16,940
参加人数 0/1人

4月1日(木) - 4月4日(日)

第1回 4月1日(木) 19:00 - 22:30

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

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

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

早割 ¥12,705
参加人数 0/1人

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

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

★受講料に含まれるもの
・レッスン代
・レッスン用教材費

この講座の先生

ややこしい専門用語も平たい言葉で解説!

こんにちは!もじゃもじゃラボの佐藤です。


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


年度の始めには、法人企業の新人研修で講師をしています。初々しい新人たちにプログラミングを教え、成長していく姿を見るのが好きです!【※なので、4〜6月は休講いたします。なにとぞご容赦くださいませ。】


趣味は、剣道/サーフィン/YouTube。剣道では子どもたちの指導もしています。


【普段は何してるの?】
Java、PHP、Rubyなどを用いてWebサイトの開発をしたり、WordPressテーマのカスタマイズなどをしています。またスマホアプリを作って公開したりLINEスタンプを作ってみたりと、好きなことをやっています。最近は動画編集にも手を出しています笑
+ 続きを読む

カリキュラム

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

    ★タイムスケジュール
    ・19:00〜22:30

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

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

  • 第2回 CSSデザイン入門

    ★タイムスケジュール
    ・19:00〜22:30

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

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

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

    ★タイムスケジュール
    ・19:00〜22:30

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

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

    ★タイムスケジュール
    ・19:00〜22:30

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

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

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

    ★プログラミング初心者
    ・IT企業への就職を希望している学生さん
    ・プログラミングを学んでいたが挫折してしまった人
    ・これからIT企業への転職を希望されている方
    ・副業でプログラミングしたい人
    ・実務で扱っているが根本の理解に不安のある方
    ・プログラミングに興味のある中学生・高校生
  • 受講する際は以下をお読み下さい

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

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

    ★開発環境について
    テキストエディタには、コードの補完機能などがありプログラミングが効率的に進められますのでVisual Studio Codeを推奨しております。
    ※ 必須ではありません。日頃お使いで慣れているエディタでもご参加いただけます。

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

レビュー8

  • 楽しかった!( 6 )
  • 勉強になった!( 8 )
  • 行く価値あり!( 7 )
  • W1

    女性 40代

    この講座は「プログラミングの基礎が体系的に学べる」でした

    平日夜4日間のコースを受講しました。
    4日間、初心者にマンツーマンでご指導くださった先生に感謝でいっぱいです。

    自分にはとてもハードルの高い分野だったので、初日からついていけるか不安でしたが、丁寧で分かりやすいスライドと実装演習の繰り返しで着々と何とか4日間、終えることができました。

    勉強することはかなりのボリュームがありますが、今後のHPの運用にも役立てられると思いました。

    先生からのコメント

    いえいえ、こちらこそありがとうございました。HTML/CSS/JavaScriptをセットで学ぶメリットを感じていただけたかと思います。HPの運用でHTMLやCSSなどの微修正から取り掛かっていくと、理解が深まると思います。PHPもスクリプト言語なので、JavaScriptを押さえてしまえば、比較的習得もしやすいと思います。継続が大事です!

  • W1

    女性 40代

    この講座は「初心者にもわかるように丁寧に基礎を教えていただける講座」でした

    この講座では、本当の初心者の私にも、優しく丁寧にhtml, css, java, DOMの概念や用語、使い方を教えていただきました。
    今回学ばせていただいたこの初めの基礎は、終わってみて思いますが、私一人では到底独学で理解きそうもなかったと思います。そのコーディングの基礎となる大事な部分を、わかりやすく体系ずけて教えていただきとても嬉しく思います!
    練習などで理解が少しずつ深まってゆくのが楽しく、これからも、少しずつ楽しみながら、継続してゆこうと思います。
    まずは、今回教えて頂いた事を忘れないうちに理解を深め、利用できるように練習したいと思います。
    4日間みっちり教えていただき、ありがとうございました。

    先生からのコメント

    こちらこそありがとうございました!私も楽しかったです。
    そして、たくさんのヒントをいただいたような気がします。今後の活動に生かしていき、より良い講座にしていきたいと思います。

  • M1

    その他

    この講座は「基礎を無理なく覚えられる講座」でした

    スムーズに授業が進められるように上手に組み込まれており、間違いを落ち着いて少しづつ説明していただき、パニックにならずに最後まで楽しくできました。
    ありがとうございました。

    先生からのコメント

    ありがとうございます!こちらこそ楽しかったです。4日間があっという間でした。こちらの意図を汲み取ってもらえるというかか、察してもらえるというか、そういうところ、流石でした。見習いたいと思います。またお会いしましょう!

  • W3

    女性

    この講座は「基本がしっかり押さえられる講座」でした

    4日間でみっちり教えていただき、基礎が叩き込まれました。
    これだけのボリュームにしてはとても費用がリーズナブルだと思います!
    試行錯誤しながらやっていきたいと思います。ありがとうございました。

    先生からのコメント

    ありがとうございます!プログラミングは継続が大事です。復習をしっかりして、技術の定着を目指してください。

  • M3

    男性 30代

    この講座は「基礎を楽しく学べる講座」でした

    html.css.javascriptの基礎はこうだよっていうのを学べる講座でした。htmlやcssを本を読んで独学でやっていた時と違い、本質を身をもって体験ができたような気がします。講義は分かりやすく、とても親身になって頂けます。
    ですが、応用をやってみましょうとなると、ここで習ったものをここで使ってという紐付けが出来ず、テンパってしまいました。
    出来れば、専門用語をまとめたようなページが欲しかったです。初心者ですと言葉の定着がないので、その講義を受けてる時は良いのですが、応用の時は用語の意味が分からない事もあり、頭真っ白になる時がありましたww

    後は、先生の言われた通り、反復しかないし、プログラミングは奥が深いなーと感じた講座でした。

    先生からのコメント

    ありがとうございます!飲み込みがとても早く教えがいがありとても楽しかったです。応用の部分ですね。確かにそうですね。でもしっかり復習すれば大丈夫ですよ。用語のページ、試行錯誤してみます。
    さらなる飛躍を期待しております!

  • この先生の他の講座

    他の人はこんな講座も見ています

    226
    銀座・大手町 / オンライン
    • レビュー147件
    39

    開催リクエスト受付中

    オンライン
    • レビュー16件
    123
    名古屋・ささしま / オンライン
    • レビュー33件

    この講座に関連する講座

    444
    渋谷・恵比寿 / オンライン
    • レビュー81件
    320
    秋葉原・御茶ノ水 / オンライン
    • レビュー32件
    133
    渋谷・恵比寿 / オンラインコース
    • レビュー2件
    157
    梅田・北新地 / オンライン
    • レビュー48件
    46
    梅田・北新地 / オンライン
    • レビュー1件
    562
    渋谷・恵比寿 / オンライン
    • レビュー117件
    1159
    渋谷・恵比寿 / オンライン
    • レビュー355件
    3
    オンライン
    • レビュー1件
    69
    渋谷・恵比寿 / オンライン
    • レビュー5件