＜このイベントのゴール＞

PugとGulpの基礎知識を理解する。 それらを使ってTRUNKのページをマークアップしてみる。

＜なぜこのイベントに参加するべきか＞

実際の現場ではHTMLなどを効率良くマークアップする事が求められています。

現場でも使われているpugやGulpを学び、より実践的な技術を学びます。

新しいフロントエンドの技術を学ぶ。

＜概要＞

Pugとは

HTMLを書くためのテンプレートエンジンです。

cssにおけるscssの様な役割。HTMLを省略して書けたり、要素ごとにファイルを分割できたりします。

Gulpとは

pugやscssで記述したものは、そのままではwebでは使えません。

使用するためには、HTML/CSSに変換しないといけません。

それらを自動で変換したり監視してくれたりするのがGulpです。

当日の流れ

1 pug/gulpとは

2 gulpをインストールして実際に書いてみる

3 pugをインストールして実際に書いてみる

4 pug/gulp課題

5 TRNUKのサイトをpug/gulpで書いてみる

準備しておいてほしいこと

Nodejsのインストール

https://nodejs.org/en/

＜主催企業について＞

TRUNK株式会社

世界中の若者と企業の努力をカタチにし、生まれた環境等に関係なく努力が報われる世界を創ります。TRUNKとは、世界中の若者と企業の努力をカタチにするサービスです。 やる気があり、学ぼうと努力する若者には無料で職業訓練の環境を提供し、 企業の経営理念達成にむけて努力する企業には努力する学生と出会える環境を提供しております。

https://trunk.company/

＜講師情報＞

仙石築 (デジタルハリウッド大学/TRUNK)

webのフロント側を学んでいます。現在TRUNKのプロダクトチームでインターンをしています。

＜詳細＞

• 対象は学生です（無料でご参加いただけます） 

• 服装は私服で構いません
 以下のURLから参加申し込みを行ってください。

http://trunk.fm/trainings/961

========

何かご質問のある方は以下のメールアドレスまでご連絡ください。

support@trunk.fm