満員御礼!!
イベント当日の様子をまとめた開催後記サイトを公開中です!!

ハンズオンってなんだろう?

ハンズオンは、実際に手を動かしながら新しい技術に挑戦できる、体験型のブースです。

話を聞くスタイルのセッションと異なり、実際にその場で新しい技術にチャレンジできるので初心者の方にも安心の企画となっています。

わからない所や学習に詰まった時などは、会場内のメンターに気軽に質問できるので、迷うこと無く「できる!!」に到達できます!!

勉強会は難しそうな話が多くてレベルが高そう…と思っていたあなたも、FRONTEND CONFERENCE 2016のハンズオンブースで、「イマドキのフロントエンドエンジニア」の仲間入りに挑戦してみませんか?

終日(もくもくブース)

Progateで始めるコーディング入門

Progateは、HTMLやCSS,jQueryといったWebの入門的な基礎知識を学ぶのにオススメのIT系教育サービスです。無料で利用できるWeb上のコンテンツを通じて、Web制作の基礎をゲーム感覚で学ぶことが出来ます。
自宅での一人の作業は、つまづきのサポートなどが無く心配…という方も、メンター付きのハンズオン会場なら、気軽にチャレンジできます!!

10:40-

国際化に対応できるサイトの導入

Webサイトの外国語対応は難しくないですが、また試したことがない人はたくさんいます。簡単なサンプルを使って外国語対応のためのワークフローを紹介します。翻訳、通貨、SEOなど、基本だけど大切なコンゼプトを抑えながら勉強しましょう。

11:40-

Gitを始めてみよう!!

最近何かと耳にすることの多くなったGit。バージョン管理ツールとしての利用だけでなくGithubやBitbucketといったWebサービスを通じたファイルのやり取りにも利用されるシーンが増えてきました。
黒い画面は苦手…という方でも安心のSourceTreeによるGUI操作で、Gitデビューしてみませんか?

12:40-

Jadeで始める新しいHTMLの書き方

JadeはHTMLをコンパイルして生成するテンプレートエンジンです。Jadeを用いることで複数のHTMLページを効率的に制作出来るようになります。
AltJSやAltCSSなどNode.jsを用いたワークフローが進む中、HTMLコーディングにも効率化のテクニック、取り入れてみませんか?

14:20-

gulpで始めるフロントエンドタスク管理

gulpはNode.js製のタスク管理ツールです。最近のフロントエンド制作では何かと耳にすることの多くなったNode。そんなNodeの細かい制作タスクを綺麗に管理してくれるのがgulpです。
gulpの基本的な使い方を通じてNodeで変わるフロントエンドWeb制作の新しいスタイルを体験してみましょう!!

15:20-

Angular2 + TypeScriptで本格Webアプリ開発

大規模なSPA(Single Page Application)開発では、AngularなどのフレームワークやTypeScriptなどのAltJS言語が使われることが増えてきましたが、まだまだ難しそうなイメージがありますよね?このハンズオンではAngular2とTypeScriptによるWebアプリ開発を学ぶことができます。まずは怖がらずに手を動かして体験してみましょう!大規模SPA開発じゃなくても便利なんですよ?

16:20-

CSSをもっと便利に。BootstrapとSass入門

Sassと呼ばれるCSSの新しい書き方が登場してから、数年が経過しますが、現場ではCSSをガリガリ書いている…という所も実はまだ多いのではないでしょうか?
このハンズオンではSassの一種であるSCSSを中心に、SCSSの基本的な使い方から活用方法等を説明していきます。

受付について
受付は当日会場内にて実施させていただきます。
当日は受付の混雑が予想されますので、確実な参加をご希望の方は スポンサーチケットのご購入をオススメします
会場内での説明や資料をベースに、各自で作業を進めて頂き、不明な点を質問形式でサポートする形のブースイベントとなっております。
各受講者に決められた形のメンターが付いてサポートするタイプのイベントではない点、予めご了承ください。
諸注意
当日は各自PCをご持参ください(PCのレンタルは行っておりません)。
メンタースタッフと参加人数のバランスでは、質問対応にお時間を頂くケースがあります。
座席には限りがありますので、当日の来場状況によっては参加にお時間を頂くケースや参加出来ないケースがございます。
会場ネットワークやネットワークの状態や参加者の持ち込み機器の状態によっては、作業の進行が出来ない場合がございます。
チケットは完売しました

追加のチケット情報などは Facebookページをチェック!!

PAGE TOP