第1回 Nuxt.jsハンズオン 初心者編

イベント内容

イベント概要

YouTube で配信することが決定しました!配信URLなどは当日TwitterとSlackで告知する予定です!

今話題のNuxt.jsを使ったウェブサイト制作が学べるハンズオンです。

Nuxt.jsではWebpackやBabelといった周辺ツールの設定を直接触らなくて良いため、デザイナーの方でも簡単に始めることができます。

コンポーネント指向なレイアウトや便利な機能を駆使して、効率よくウェブサイトを構築する方法について学びましょう。

内容

  • Nuxt.jsの概要を理解する
  • Nuxt.jsを使ってポートフォリオサイトを制作する
  • Netlifyでサイトを公開する
  • APIと通信して動的なコンテンツを作る(応用編)

対象者

  • Nuxt.jsを使ったウェブサイト制作に興味があるデザイナー・エンジニア

今回は簡単なJavaScript(jQuery)を書ける方を対象にしています。 (変数宣言やDOM操作をしたことがある程度でOK)

プログラミング全くやったことがない方だと少し難しいかもしれません。

持ち物

  • ノートPC

各自、Node.jsをインストールした状態で来てください。

当日Node.jsをインストールする時間を設ける予定はないので、必ず事前にNode.jsをインストールしてください。

https://nodejs.org/ja/

当日、Slackを使って参照URLなどをお知らせしたりしますので、 事前にこちらから、Slackへの参加をお願いします。

https://infinite-badlands-25460.herokuapp.com/

(Slack のドメインは 'mokumoku-temple' です)

メンター

takanorip

フロントエンドエンジニア。
Nuxt.js、React、Web Componentsを使ったウェブアプリケーションの開発をしている。

タイムテーブル

時間 予定
13:00-13:10 概要説明・会場案内
13:10-14:10 ハンズオン 第1部
14:10-14:20 休憩
14:20-14:30 チューターによるLTタイム
14:30-15:30 ハンズオン 第2部
15:30-15:40 休憩
15:40-17:00 ハンズオン 第3部
17:00-18:00 懇親会

ハンズオン終了後、会場で懇親会(会費1000円)をします。参加される場合は受付時にお申し込みください。

会場について

株式会社ZOZOテクノロジーズさんに会場を提供していただきます。

〒150-0001 東京都渋谷区神宮前5丁目52-2 青山オーバルビル 3F
東京メトロ「表参道駅」から徒歩3分

  • 飲食可
  • 電源・Wifiあり

お問い合わせ

お問い合わせはSlackからお願いいたします。 https://infinite-badlands-25460.herokuapp.com/

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

類似しているイベント