『HTML5とCSS3を書籍と学ぼう!』は、市販の書籍を参考にしつつ、Web制作の基礎 「 HTML5 と CSS3 」 について知っておきたいポイントを講師と一緒に学ぶ勉強会です。

はじめは一生懸命に勉強したコーディングも、仕事に馴れてしまうとあらためて学ぶ機会がなかなか持てません。しかし、時が経てば手法が変化していくのが制作技術の現状です。

わかってはいても、忙しい毎日を過ごす中で新しいことを学び続けるのはむずかしいですよね。

でも、共に勉強する仲間と一緒なら始められるかもしれません。オフタイムを少しだけ削って、月に2回から始めてみませんか?

私自身が読み学んだオススメの市販書籍から、押さえておきたいポイントに絞って学びます。

10月スタートで3か月をワンクールとし、最初の2か月でHTML5とCSS3を学びます。最後の月は、資格試験 「 HTML5プロフェッショナル認定資格 Level.1 」 の問題にチャレンジします。

聞くだけの受け身のセミナー形式ではなく、実際にコーディングにチャレンジしたり、参加者同士も仲間になって教え合うような勉強会を目指しています。

かぎられた時間の中ですので、書籍の内容すべてを網羅することはできませんが、勉強会での経験が自主的に勉強を始めるきっかけになれば幸いです。ぜひのご参加お待ちしています。

お申込み&スケジュール

ただいま公開中のスケジュールと参加募集は、下記の通りです。今後のお知らせは、本ページと サイト制作の教科書 r360study にて随時お伝えします。

12月 CSS設計編

書籍 「 Web制作者のためのCSS設計の教科書 」を使って、効率よく管理しやすいCSSをどのように設計するのか?を勉強します。

12月10日 19時~21時 第5回 CSS設計(1)
※終了いたしました。

CSS設計(1)では、CSSをコーディングする時の問題点をあげ、OOCSSの手法を用いて、それを現場でどのように解決しているかなど、基礎的なことを学びます。

なお前半に、内容変更前に予定していた資格試験 「 HTML5プロフェッショナル認定資格 Level.1 」 の問題にチャレンジを行います。

12月17日 19時~21時 第6回 CSS設計(2)
※終了いたしました。

CSS設計(2)では、実際のサイトを例題にして、コンテンツをコンポーネント単位に分け、CSSを設計する実践的なコーディングにチャレンジします。

※12月のセミナーは、実施内容を以下より変更しました。※

書籍「 HTML教科書 HTML5レベル1 」を使って、資格試験 「 HTML5プロフェッショナル認定資格 Level.1 」 の問題にチャレンジしましょう。

11月 CSS編

書籍「 CSS3 スタンダード・デザインガイド 」を使って、従来のCSSと新しく追加されたCSS3ののココは押さえておきたい!所を勉強します。

11月12日 19時~21時 第3回 CSS(1)
※終了いたしました。

  • 主にCSS3になって、追加された項目について学びます。
  • 背景/ボーダー、角丸、透明、グラデーション、シャドウ
  • Webフォント
  • 主要ブラウザのCSS3の対応状況について
  • CSSコーディングのイマドキポイント(管理しやすいCSSについて)
    ※従来のコーディング手法と最近のコーディングの違いについて

11月26日 19時~21時 第4回 CSS(2)
※終了いたしました。

  • CSS3のレイアウト(フロートレイアウト、フレキシブルボックスレイアウト、マルチカラムレイアウト)
  • CSS3のアニメーション(Transform、Transition、Animations)
  • CSSコーディングを助けるツールについて

10月 HTML編

書籍「 よくわかるHTML5+CSS3の教科書 」を使って、従来のHTMLと新しく追加されたHTML5のココは押さえておきたい!所を勉強します。

10月18日 14時~16時 第1回 HTML(1)
※終了いたしました。

  • HTML5になってから、これまでとは意味や使い方が変わった部分を学びます。
  • HTMLの基本構造、ブロックとインラインが無くなった?、em/strong、dl/dt/dd、a、img、table、style…など

10月28日 19時~21時 第2回 HTML(2)
※終了いたしました。

  • HTML5で追加された、新要素について学びます。
  • header/main/section/article/aside/nav/footer/、消えてしまったhgroup
  • フォーム関連の新要素

開催場所

Co:Labo (コラボ) 大阪なんば店

大阪市営地下鉄 御堂筋線なんば駅(南南改札)より徒歩10分、南海なんば駅より徒歩1分です。

なんばCITY南館の向い側、ゲームセンター ハイテクランドセガ・アビオン(Avion)の隣にある河原町ビルの2階が会場です。ビル1階のローソンを正面にして、左手側すぐの入口から階段を昇ってください。

 

 

受講料金

受講料は無料です。

コワーキング施設 Co:Labo 1日利用料金 1,000円 を入室時にお支払いください。

サイト制作の教科書 r360study の勉強会スタートを記念して、今回の受講料は無料としています。

お持込み頂くもの

テキストエディターchrome がインストールされているノートパソコンをお持ちください。

※電源・公衆wifi(FREESPOT ・接続にはメール認証が必要)は、自由にご利用いただけます。

お申込み前に必ずご一読ください

  1. HTMLとCSSの初学者レベルの基礎が理解できている方向けです。まったくの初心者の方にはおすすめできません。趣味でも実務でも構いませんが、スタイルシートを使ってWebページを作り、公開したご経験があればOKです。
  2. 続き講座ではないので、6回すべてを出席する必要はありません。ご都合のよい回に参加ください。
  3. 指定書籍をお持ちいただく必要はありません。勉強会中に「ここは、○ページが参考になりますよ。」など、補足資料として利用します。もちろん、お手元にあれば予習&復習ができておすすめです。(配布の印刷資料はありません。勉強会中に作ったデータは、お持ち帰り可能です。)
  4. 勉強会の7日前の時点で、最低受講者数4名に満たない場合は、実施しない場合があります。もしよろしければ、お友達とお誘いあわせの上おこしください。

10月4日に大阪で開催された「Co:Labo NambaJelly」にて登壇し、HTMLとCSSがどう変わったのか?や、この勉強会についてご紹介しました。

当日のスライド「イマドキの「タグ=HTML」とスタイルシート=CSS」を知ろう」を公開します。