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

2回コース 【未経験向け】2日で一気にHTML・CSS

2回コース
対面

元リクルートのエースエンジニアが教えるHTML・CSSの2day講座!今後の学習を加速させよう!

こんなことを学びます

ウェブフロントの基礎から実践までを2日間で1通り学べる講座です。
(※ウェブフロント=ユーザーに見える表側の部分で、HTML/CSSで作成する)

どんなサイトでも作れる中〜上級者レベルには、この講座だけでは足りませんが、
・HTML/CSSとはどのようなものか全体像を知りたい方
・一人で学習を進めていける基礎力を一気に身につけたい方
にぴったりの講座です。

最終的に、
・未経験からウェブ業界に就職・転職を目指す方
・副業で月5〜10万円の収入を作りたい方
・今の仕事でスキルを上げてステップアップを目指したい方
・エンジニアと技術的な会話を出来るようになりたい方
への入門講座となっています。

2日間5レクチャーを通して、以下のことを学びます
・重要パーツの作成方法
 - ログインフォーム
 - リスト
 - ヘッダー
 - フッター
・レイアウトテクニック
 - 横並びを実現するflexbox
 - 全体レイアウト
・CSSデザインコーディング

<本講座のゴール>
「自分で学習を前にすすめる」ための基礎力と勘どころを身につけることで、
プログラミング学習を自走できるようになることがゴールです。

<教え方>
2日間の講義+演習形式でHTML/CSSの基礎を一通り丁寧に教えます。
インプット中心の座学ではなく、5つのレクチャー全てで手を動かし、
何らかのモノを作っていただきます。
2日目の最終課題として1枚のランディングページを自分で作っていただきます。

座学は一方的な講義ではなく、参加者の皆さんと対話し、質問を多くいただく形式で自由に楽しく学んでいただきます。

<持ち物>
・Wi-FiにつながるPCを各自持参してください
・各自電源コードも持参してください
・Google Chromeはインストールしてきてください
・講義資料を紙でも配布しますので、必要な方は筆記用具を持参してください

<定員数>
基本 10名
続きを読む

開催日程がありません

開催予定エリア

渋谷・恵比寿

価格(税込)

¥19,800(¥9,900 × 2 回)

受けたい
22人が受けたい登録しています

対面受講日程

開催日程はありません。開催リクエストを送ってみましょう。

価格(税込) ¥19,800
場所 渋谷・恵比寿

この講座の先生

葛原 佑伍のプロフィール写真
元SUUMO開発責任者のプログラミング講師

葛原 佑伍

はじめまして!葛原と申します!

中学生から大人まで様々な方にプログラミングを教えています!
楽しく、わかりやすく、そして、「本当の実力がつく」授業を目指しています!

今のプログラミングスクールや本は、
・インプットばかりでつまらない
・抽象的な話が多くて難しい
・教えられたことしか出来るようにならない
という問題があると思っています

私の講義・授業では、
・アウトプット中心で何かを「作りながら覚える」
・例え話をまぜて、プログラミングを「身近に感じてもらう」
・「自分で調べて、自分で作る」演習課題をこなす
ことで、楽しく・わかりやすく・本当に力のつく授業を目指しています!

【経歴】
東大卒業後、リクルートに入社。様々なサービスのウェブ開発に従事。

途中、ドイツで3年間のエンジニアリング武者修行。

帰国後、住宅情報サービスSUUMOの開発責任者として、マネジメント・エンジニア教育に携わる。

現在は、フリーランス兼ベンチャーCTOとして働きつつ、様々な方にプログラミングを教えています。

この講座の主催団体

カリキュラム

  • 第1回 HTML・CSSに触れてみる

    HTML・CSSに触れながら、簡単なパーツから、
    ページ遷移があるサイトまで作成します。

    <オリエンテーション>
    10:00-10:30
    講師紹介、講義全体の概要説明、
    使用するソフトのインストールなどを行います。

    <Lecture1::HTMLを書いてみる>
    10:30-12:00
    簡単なログインフォームを作りながら
    HTMLを書くことを体験します。

    <Lecture2::CSSを書いてみる>
    12:45-15:45
    Lecture1で作成したログインフォーム
    にデザインをコーディングし、
    「それっぽい」ログインフォームを作成していきます。

    <Lecture3::ページ遷移のあるサイトを作ってみる>
    16:00-18:00
    Wikipediaのような「目次→リンク先」に
    飛んでいくようなサイトを作成します。

    day1はここまで

  • 第2回 HTML・CSSのテクニックを学ぶ

    HTML・CSSを書きながら、重要なテクニックを学び、
    最後に簡単なランディングページを作成していただきます。

    <Lecture4::横並びの配置方法を学ぶ>
    10:00-12:00
    ウェブページのヘッダー・フッターを作りながら、
    パーツを「横並び」にする方法を学びます。

    <Lecture5::全体レイアウトを学ぶ>
    12:45-13:45
    パーツだけでなく、ウェブページ全体の
    レイアウト設計について学びます。

    <最終課題>
    13:45-17:00
    2日間で学んだことを活かしながら、
    一枚のランディングページを作成します。

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

    ①ウェブプログラミング初心者・未経験者が対象です
    ・HTML・CSSに全く触れたことがない方
    ・プログラミングスクールや本で学習しようとしたが、挫折した方
    ・プログラミングスクールへの通学を検討しているが、事前勉強をしたい方や、まだ通学を迷っている方

    ②丁寧に教えて欲しい方にぴったりです
    ・講義+演習でわかりやすく丁寧に教えます
    ・オリジナル教材でわかりやすく丁寧に教えます

    ③短期間で一気に基礎を詰め込みたい方にぴったりです
    ・HTML・CSSの全体像を学び、今後の学習を加速させたい方
    ・数ヶ月の時間をかけるより、一気に基礎を学びたい方
    ・自分で調べ、学んでいくための足がかりを掴みたい方

    ④以下のような目標を持っている方にぴったりです
    ・ウェブコーディングの副業・アルバイトで月5〜10万円くらい稼ぎたい
    ・フロントエンドエンジニアとして企業に就職したい
    ・フロントエンドエンジニアとしてフリーランスになりたい
    ・エンジニアと技術的な会話をできるようになりたい
  • 受講する際は以下をお読み下さい

    【持ち物】
    ・Wi-FiにつながるPCを各自持参してください
    ・各自電源コードも持参してください
    ・Google Chromeはインストールしてきてください
    ・講義資料を紙でも配布しますので、必要な方は筆記用具を持参してください


    【前提事項】
    ・プログラミング初心者向けですが、パソコン初心者向けではありません
    ・パソコンを使って文章を書いたり、インターネット検索をしたりしたことがある人を対象にしています
    ・Google Chromeはインストールして来てください
※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

レビュー

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

    男性 30代

    この講座は「2日間でHTMLとCSSの基本を理解して、コードが読めるようになる講座」でした

     講義もコードを書きながら進んでいき、各単位毎に課題があり、ここでもコードを書きます。分からないところがあれば、随時、質問も可能です。

     初心者でしたが、スピード感のある講義で問題なく最後まで受講することができました。

     講座である「自走できるように」なるのに必要十分な内容でした。

  • 関連講座

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