【楽しく覚えるCSS講座!】 Flexbox&アニメーション!

最新のCSS技術を使って、レスポンシブに対応したレイアウト組みや、パソコンとスマホに対応したアニメーションを学びましょう!

learn

こんなことを学びます

この講座は
・最新のCSSで組むレイアウトの手法が分かります!
・印象的でステキなアニメーションの作り方が分かります!

- - - - - - - - - - - - - - - - - - - - - - - - - - -

◯Flexbox
普段ホームページ製作で、float や position プロパティを多用して、レイアウト組みの際に苦労した経験はありませんか…?
Flexbox の存在は知っているけど、難しそうだからと敬遠してしまい、なかなか手を出せずにいませんか…?
そんな方は是非この講座を受けて覚えてしまいしょう!
コツさえ掴んでしまえば、むしろ Flexbox は簡単です(^ ^)

◯アニメーション
transition と animation の違いを分かって使えていますか…?
もしくは animation を普段有効に使えていますか…?
新しいCSSでは2D, 3Dのアニメーションを比較的簡単に設定することが出来ます♪
是非CSSのアニメーションをマスターしてホームページをかっこよくしちゃいましょう!!

- - - - - - - - - - - - - - - - - - - - - - - - - - -

今や色々なデザインを組まなければならないWeb業界では
効率的なレイアウト組み、そして効果的なアニメーションを入れなければなりません。
ただ、なかなか勉強しづらい部分であるのも実情です。

講座ではみなさんに合わせて、丁寧に解説していくので
安心して受けてくださいね!

- - - - - - - - - - - - - - - - - - - - - - - - - - -

◯講座特典
それから、講座内でわからないことがあってもあとで質問できるように
「受講後1ヶ月間は無制限に質問無料!」
の特典をつけさせて頂きます!
気軽に質問してくださいね♪

- - - - - - - - - - - - - - - - - - - - - - - - - - -

【関連する他のおすすめ講義】
◯【初心者歓迎】短時間で身に付く♪HTML・CSSマンツーマン講座!
マンツーマンで丁寧に教えて欲しい!という方はこちら
https://www.street-academy.com/myclass/33438

◯【初心者歓迎】たっぷり4時間!JavaScriptでゲーム作り!
JavaScriptを基礎からしっかり学びたい人必見です!
https://www.street-academy.com/myclass/40119
続きを読む

日程・開催時間を選ぶ

開催リクエスト受付中

開催予定エリア

渋谷・恵比寿

価格(税込)

¥5,890

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

teacher

この講座の先生

現役のHP作成講師・フロントエンジニア

東北・宮城出身のWEBエンジニア、武田です。初めまして!
IT系ベンチャー企業のフロントエンジニア兼、プログラミングスクールの講師として、現役でキャリアを積んでいます。

実務の現場感と、初心者の方の気持ちの両方を汲んだ、本当に必要な情報をしっかりとお伝えしたくて、この度ストアカを開設しました。

WEBを作っていく楽しさや苦しさも踏まえて、自身の経験が誰かの成長のお役に立てれば嬉しいです!

[プログラミングとのなれそめ]
プログラムとの出会いは中学生の時。
当時ハマっていた、パソコンのオンラインゲームのファンサイトを作りたいと思ったのがきっかけでした。
最初は何もわからず、手探りでHTMLを書いていました。当時相談できる人も側におらず、今思うと本当に簡単なミスのせいで、一箇所の余白を調整するのに1週間悩み続けたことを覚えています。

これからプログラミングを学びたい方には、できればそんな苦労はしてほしくない。
でも逆に、あの頃悩んだ経験があるから、一歩一歩成長する喜びもよくわかると思います。 + 続きを読む

detail

講座詳細

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

    ・いまだにtableやfloatでレイアウトを組んでいる
    ・flexboxを使ってみたいが、よく分からない…難しそう
    ・アニメーションを作ってみたいが、難しそう。
    ・サイトをもっとステキにするアニメーションをCSSで作ってみたい!

review

レビュー

  • 5

  • 楽しかった!( 3 )

  • 勉強になった!( 5 )

  • 行く価値あり!( 3 )

  • 女性 30代

    この講座は「「もっと学んでいこう!と意欲のわく講座」」でした

    全体を通して先生の説明はわかりやすく丁寧で、個々の受講者にとてもよく気を配ってくださいました。そして、先生の持っている知識や情報(最近の傾向や参考になるサイト等)も快くどんどん開示してくれるので、とても勉強になります。また先生の言葉の端々から先生自身の仕事への情熱が感じられて、私もその面白さを知ってみたいなと今後の学びへの意欲が湧きました。
    とても良い講座でした。おすすめです。

  • 男性

    この講座は「cssで遊べる」でした

    今のweb制作には欠かせなくなった、フレックスボックスですが、見よう見まねで使っていたので、細かいところの理解が曖昧でした。
    この講座では、1つずつ変化を確認できたり、実際のサイトでどのように使われているのかを確認できて、実務で効率よく使う方法が再確認できました。
    また、アニメーションに関しては、cssで物が動かせるという驚きで楽しく受講することができました!

  • 女性 40代

    この講座は「わからないところも気軽に質問できる」でした

    なんとなくわかっているつもりのFlexboxの全てを解説していただき、これからは理解してコーディングできそうです。
    また、CSSでのアニメーションに興味がありながらも知識がなかったのですが、実際にやってみながら進められるのでわかりやすかったです。

  • 女性

    この講座は「楽しく学べる講座」でした

    コーディングの時短テクニックや、動きのあるCSSを学べました!
    つまづいても、ちゃんと対応していただけるので、勉強出来た!と実感できました。
    4時間の講座でしたが長く感じる事なく楽しく学べ、また、復習しやすい資料もありとても助かってます。

  • その他 30代

    この講座は「初心者でもわかりやすい」でした

    ネットの本は見たけどチンプンカンプンのど素人でしたが、先生の言いましや資料がわかりやすかったので、なんとかついていき、わからなくてもアウェイ感を感じることなく、先生は物腰が柔らかい方で、個別に先生が対応してくれるので安心できると思います。
    HTMLすら未経験者でしたが、FLEXBOXってそんなことが出来て凄いなぁって感動しました、参加してみると沢山知識が得れるのでオススメです。
    (対面でパソコン奥にはちょっと狭さを感じた教室でした。)
    また先生は個別レッスンやっているので、WEBをしっかり学びたいという方には有意義だと思います。

  • more

    この先生の他の講座

    relation

    関連講座

    watching

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