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

2回コース 【昼の部】初心者向け♪HTML/CSS/JavaScript入門

2回コース
オンライン

【昼の部】何から手をつけて良いかわからない初心者の方のためのHTML/CSS/JavaScript入門♪1日で押えきれない基礎をギッチリと!

こんなことを学びます

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

https://youtu.be/OZ3BtS-6tlw

★プログラミング言語について
現代のプログラミング言語はとても多岐にわたっています。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の画面共有の機能を使い参加された方の画面も共有してもらいながら、ハンズオン形式の実践型で進めていきます。質問や問題点を聞き易い環境を作っていきたいと思っています。


★授業の雰囲気
プログラミングを習得することは簡単なことではありません。業界特有の用語だったり略語だったり、同じものを使う場面によって違う呼び方をするなど、私はこれがプログラミングをよりわかりづらくしてしまっている一つの要因だと考えています。この講座では、ここを如何に簡単に表現するかということに注力しています。
プログラミングを習得していくためのノウハウや、糸口をつかめるようなヒントをかみ砕いた表現で解説をしていきたいと思っています。

プログラミング未経験の方歓迎です!参加を検討されているようでしたら受講前にこちらの動画に目を通していただくとよろしいかと思います。

https://youtu.be/5pG-JWzYNXE


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

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



-----------------------------------------------------------
★講師のSNS関連
Twitter
https://twitter.com/mojyamojya
Instagram
https://www.instagram.com/mojyamojya32/
続きを読む
2回コース

12月10日(木) - 12月11日(金)

09:00 - 17:00

オンライン

開催日程

第1回 12月10日(木) 09:00 - 17:00

第2回 12月11日(金) 09:00 - 17:00

予約締切日時

12月9日(水) 13:00

参加人数

0/2人

開催場所

オンライン

価格(税込)

¥16,940

¥12,705

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

1月7日(木) - 1月8日(金)

09:00 - 17:00

オンライン

開催日程

第1回 1月7日(木) 09:00 - 17:00

第2回 1月8日(金) 09:00 - 17:00

予約締切日時

1月6日(水) 13:00

参加人数

0/2人

開催場所

オンライン

価格(税込)

¥16,940

¥12,705

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

1月28日(木) - 1月29日(金)

09:00 - 17:00

オンライン

開催日程

第1回 1月28日(木) 09:00 - 17:00

第2回 1月29日(金) 09:00 - 17:00

予約締切日時

1月27日(水) 13:00

参加人数

0/2人

開催場所

オンライン

価格(税込)

¥16,940

¥12,705

早割25%OFF(早割残り2席)
  • 2回コース

    12月10日(木) - 12月11日(金)

    09:00 - 17:00

    オンライン

    早割25%OFF
  • 2回コース

    1月7日(木) - 1月8日(金)

    09:00 - 17:00

    オンライン

    早割25%OFF
  • 2回コース

    1月28日(木) - 1月29日(金)

    09:00 - 17:00

    オンライン

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

オンライン受講日程

12月10日(木) - 12月11日(金)

第1回 12月10日(木) 09:00 - 17:00

第2回 12月11日(金) 09:00 - 17:00

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

1月7日(木) - 1月8日(金)

第1回 1月7日(木) 09:00 - 17:00

第2回 1月8日(金) 09:00 - 17:00

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

1月28日(木) - 1月29日(金)

第1回 1月28日(木) 09:00 - 17:00

第2回 1月29日(金) 09:00 - 17:00

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

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

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

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

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

この講座の先生

現役エンジニアのプログラミング講師

どうもこんにちは!講師の佐藤です。

●株式会社ライブキャスト 代表取締役
ホスティングサービスを提供している会社の代表をしています。
https://live-cast.asia

●法人向け新人研修 Java実践コース 講師
毎年年度の始めには、法人企業の新人研修で講師をしています。初々しい新人たちにプログラミングを教え、成長していく姿を見るのが好きです!

●現役システムエンジニア
Java、PHP、Rubyなどを用いてWebサイトの開発をしたり、WordPressのテーマのカスタマイズなどをしています。その他にはAndroidアプリを作って公開したりLINEスタンプを作ってみたりと、興味のあることをやっています。今は教えることがとても楽しいです!

●趣味
・剣道
・サーフィン
・YouTube

●ひとこと
これからプログラミングを始めようと思っていても、何から手をつけていいのかどの言語を選べば良いのかわからないことだらけの方、習得していくためのノウハウや、糸口をつかめるようなヒントをかみ砕いた表現で解説をしていきたいと思っています。
+ 続きを読む

カリキュラム

  • 第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企業への転職を希望されている方
    ・副業でプログラミングしたい人
    ・プログラミングに興味のある中学生・高校生
  • 受講する際は以下をお読み下さい

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

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

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

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

レビュー1

  • 楽しかった!( 1 )
  • 勉強になった!( 1 )
  • 行く価値あり!( 1 )
  • M3

    男性 30代

    この講座は「基礎からしっかりと学べる講座」でした

    HTML、CSS、JavaScript の基本からしっかりと学べる講座でした。

    サンプルコードを実際に入力して動きを確認したり、演習課題があり2日で1つのWebページにHTML、CSS、JavaScript をそれぞれ実装していきます。

    先生の説明も終始丁寧で、最初の基本から説明してくださいます。質問にも丁寧に答えてくださいます。
    基本から学びたい人にも、基本を復習したい人にもお勧めです。

    先生からのコメント

    ありがとうございます!もう基本はバッチリです。ポートフォリオ、充実させていってください。さらなる飛躍を期待しております。

  • この先生の他の講座

    関連講座

    この講座を見た人は、こんな講座も見ています

    お探しの講座が見つかりませんでしたか?