ド素人すくぴーの初ハック体験記 -SNSの人気者が1カ月でWebアプリ開発に挑む-

第2回|アプリ開発に必要なHTML/CSSを学ぶ編

おためし受講中
  • 授業で使用する教材

    第2回目の授業で小橋先生から出された宿題資料です

    ※授業以外での利用は禁止します

「授業フィードバック」で、授業の感想を教えてください!

チュートリアルは、こちらの「その他のオプション」からいつでも確認いただけます。

コピーしました!

ここには授業中のやりとりが表示されます

生放送でのコメントが再生されています

【前半】授業
  • 自己紹介
  • 00:00:10〜(00:57)
  • この授業の企画について
  • 00:01:07〜(01:37)
  • 全5回の授業内容
  • 00:02:44〜(01:15)
  • 今回の授業について
  • 00:03:59〜(01:01)
  • 講義タイム
  • 00:05:00〜(00:50)
  • HTML/CSSの概念理解
  • 00:05:50〜(00:02)
  • HTMLとCSSの関係性
  • 00:05:52〜(04:34)
  • HTMLのタグ
  • 00:10:26〜(02:05)
  • HTMLのタグへのCSSでの命令の書き方
  • 00:12:31〜(02:26)
  • class
  • 00:14:57〜(03:33)
  • id
  • 00:18:30〜(03:59)
  • HTMLで覚えること
  • 00:22:29〜(01:56)
  • classとidの使い分け
  • 00:24:25〜(01:46)
  • Q:一つの要素にJSが複数当たっている場合、どれにidを使いますか?idは一つの要素に一つしかつけれないので、どれにしようか迷います。それともjs-sectionのようなフックにして複数のJSで共有しますか?
  • 00:26:11〜(02:09)
  • 環境構築
  • 00:28:20〜(02:42)
  • 実践タイム
  • 00:31:02〜(00:30)
  • 実際に環境を作る
  • 00:31:32〜(01:16)
  • コーディング
  • 00:32:48〜(00:41)
  • sublimeにHTMLを認識させよう
  • 00:33:29〜(02:12)
  • html lang=
  • 00:35:41〜(01:02)
  • head
  • 00:36:43〜(00:57)
  • meta charset=
  • 00:37:40〜(01:03)
  • title
  • 00:38:43〜(00:14)
  • エメット
  • 00:38:57〜(03:00)
  • boby
  • 00:41:57〜(02:43)
  • CSSファイルを作る
  • 00:44:40〜(00:37)
  • @charset
  • 00:45:17〜(01:40)
  • HTMLファイルをブラウザで開く
  • 00:46:57〜(01:05)
  • .sampleにCSSを書く
  • 00:48:02〜(00:47)
  • HTMLとCSSをつなげる
  • 00:48:49〜(03:19)
  • .sample02にCSSを書く
  • 00:52:08〜(04:44)
  • 宿題発表
  • 00:56:52〜(01:41)
  • 自習放送について
  • 00:58:33〜(01:00)
  • Schooからのお知らせ
  • 00:59:33〜

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    全5回 2016年12月13日公開
    アプリ開発に必要なHTML/CSSを学ぶ編

    1. 宿題の答え合わせ

    2. 講義 -HTML/CSSの基本理解-

    3. アプリ設計 -アプリ開発に必要なHTML/CSSの実装-

    4. 次回までの宿題発表
    ※プログラムは予告なく変更される可能性がございます

    受講生代表

    • 徳田 葵

      徳田 葵

      スクー放送部

    教室画面の機能をご紹介します

    学習機能を活用して、効率よく学習しましょう!