「スマートフォン時代のWebコーディングスクール」初回体験

HTML・CSSの基礎からSassやJavaScriptの基礎、スマートフォン対応まで学ぶ全6回予定の講座です。

learn

こんなことを学びます

「スマートフォン時代のWebコーディングスクール」は、これからWeb制作者になりたい方向けに、以下の内容を全7回(初回体験レッスン+本編6回)で学べる社会人向けのスクールです。

・Web制作は初めての方のためのHTML 5.2・CSSの基礎知識
・スマートフォン・タブレット・パソコンなどさまざまな端末で表示できるWebサイトの制作方法
・1つのページをさまざまな端末で表示させるための「レスポンシブWebデザイン」の基礎知識
・今時のWebコーディングに必須のCSS拡張言語「Sass」を使用したWebコーディング
・JavaScript・jQueryの基礎実習
・他のスクールでは学べない、効率の良いWeb制作の方法

新しいWeb技術、新しい制作手法、新しい端末などに対応するため、授業内容は毎回リニューアルしています。

■授業内容
本編は5月18日から毎週土曜14:00-19:00開催で、以下の内容を予定しています。

・HTML 5.2・WHATWG HTML Standard・CSS入門
・2018年のWeb制作、スマートフォン対応事情
・ブログ風のWebページコーディング
・Sassを使用するメリット
・CSSの命名規則(BEM)による破綻しにくく運用しやすいWebサイトの作り方
・旅館風Webページコーディング
・JavaScript・jQuery入門

■初回体験レッスンの内容と受講特典
全7回の講座のうち、最初の1回目を「初回体験レッスン」として1,000円でご参加頂くことができます。
初回体験レッスンでは、以下の内容を予定しております。

スライド
・「文章をマークアップする」とはどういうことか
・HTML・CSSの役割
・「レスポンシブWebデザイン」とは何か

実習
・スマフォ対応に欠かせない viewport 指定の意味
・-webkit-text-size-adjust とは?なぜ必要なの?
・自分が持っていないスマフォやタブレットの表示確認はどうする?
・Chrome開発者ツールの使い方
・レスポンシブWebデザインとは
・Fluid Images(サイズ可変な画像・動画)の使い方
・CSS3 Media queries(メディアクエリ)の記述方法

受講特典として、制作方法のテキスト(教科書)をご覧いただけるようにいたします。
動画も撮影予定ですが、動画の閲覧は正式お申し込みの方のみの特典とさせていただく予定です。

■体験レッスンに必要なもの
・筆記用具
・WindowsノートPCまたはMacBook(もしお持ちでない場合も、見学は可能です。実際のレッスンにお申込みされる場合はご用意ください)
・体験レッスン受講料 ¥1,000

■さらに詳しく
スクールの詳細や制作したページの動画など、下記ブログ記事に書いています。
初回体験レッスンのお申し込みはストアカよりお願いします。
http://stocker.jp/diary/web-coding-school/?rel=sa
続きを読む

日程・開催時間を選ぶ

開催リクエスト受付中

開催予定エリア

渋谷・恵比寿

価格(税込)

¥1,000

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

teacher

この講座の先生

Webデザイン書を執筆しているWebデザイナー

フリーランスのWebデザイナーです。
東京の下北沢で、うさぎと一緒に暮らしています。

渋谷で「スマートフォン時代のWebデザインスクール」や「WordPressカスタマイズ講座」などを運営・講師をしています。

「プロになるためのWebデザイン入門講座」や「神速Photoshop [Webデザイン編]」などの書籍を執筆しました。

※個別の「開催リクエスト」にはお応えしておりませんのでご了承ください。受けたい講座は「受けたい登録」をして開催をお待ちください。

detail

講座詳細

  • 当日の流れとタイムスケジュール

    初回体験レッスンでは、以下の内容を予定しております。

    スライド
    ・「文章をマークアップする」とはどういうことか
    ・HTML・CSSの役割
    ・「レスポンシブWebデザイン」とは何か

    実習
    ・スマフォ対応に欠かせない viewport 指定の意味
    ・-webkit-text-size-adjust とは?なぜ必要なの?
    ・自分が持っていないスマフォやタブレットの表示確認はどうする?
    ・Chrome開発者ツールの使い方
    ・レスポンシブWebデザインとは
    ・Fluid Images(サイズ可変な画像・動画)の使い方
    ・CSS3 Media queries(メディアクエリ)の記述方法
  • こんな方を対象としています

    ・Web制作の経験は全くなく、これからWeb制作を始めたい方
    ・会社のWebページを作らなければいけなくなり、どうすれば良いかわからない方
    ・これからWeb制作会社に転職したい方
    ・Web制作の仕事をしていて、スマートフォンにも対応したWeb制作や、Sassを使用したモダンなコーディング手法についても知りたい方
    ・Web制作の仕事をしていて基礎から学び直したい方、これまでPCサイトばかり制作していてスマートフォン対応などどうすれば良いかわからないので学びたい方
  • 受講料の説明

    初回体験レッスンの受講費用がすべて含まれています。
    初夏いた受講された方には、特典として初回体験レッスンの内容をまとめたテキスト(教科書)、初回体験レッスンでお話ししたHTML・CSSのリファレンス(辞典)などが閲覧できるようになります。
  • 受講する際は以下をお読み下さい

    ■体験レッスンに必要なもの
    ・筆記用具
    ・WindowsノートPCまたはMacBook(もしお持ちでない場合も、見学は可能です。実際のレッスンにお申込みされる場合はご用意ください)
    ・体験レッスン受講料 ¥1,000

review

レビュー

  • 8

  • 楽しかった!( 3 )

  • 勉強になった!( 7 )

  • 行く価値あり!( 4 )

  • 女性 40代

    この講座は「すでにhtml,cssを書いたことのある人にもためになる講座」でした

    すでにフリーランスで仕事をしています。
    今後主流になりそうなsassについての講座を探していて、こちらにたどり着きました。
    私はスケジュールが合わないため、sass単独の講座を待つことにしていますが、
    初回体験のだけでも、すでにhtmlやcssを使用している人にも新しい、参考になる情報があると思いました。webの現状知ることもできそうですし、なんとなくコーディングしている私のようなフリーランスにも体系的な知識を補完する上で役立ちそうだと感じました。

  • 女性 50代

    この講座は「初心者でも大変わかりやすく、楽しく受講できる講座でした。」でした

    コーディングは毎回挫折していますが、最新の情報をわかりやすく親切に教えていただけるのでもっと学びたいと思う気持ちになる講座でした。
    少しでもわからないことがあれば、先生がすぐに対応してくださり、初心者でも不安なく受講できる講座だと思います。
    コーディングを学ぶきっかけづくりに大変効果があります。

  • 女性 30代

    この講座は「タグの基礎がまるっと学べる講座」でした

    タグの語源や意味などしっかり教えていただけるので、今までなんとなく覚えていた内容を深く理解することが出来ました。ちょっとした裏技などもためになりました!

  • 女性 30代

    この講座は「短時間で効率良く、より必要なもの、ニーズの高いものが初心者からでも学べる講座」でした

    想定以上に入門ながらもより実践的で、活用可能な知識が短時間でコーディング初心者の私でも学べました。

    ありがとうございます。

  • その他 30代

    この講座は「効率よくHTMLやCSSを学べそう」でした

    HTMLとCSSの基礎だけかと思ったら、Emmetという拡張機能を使って素早くコーディングする方法、スマートフォン対応ページの作り方も学べて良かったです。

  • more

    この先生の他の講座

    relation

    関連講座

    watching

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