IT・技術研修ならCTC教育サービス

コース内容

コース概要

フロントエンド/バックエンド双方を備えたWebアプリケーションを高い生産性で開発するためのSvelteKit入門コースです。

当コースは、Svelte（スベルト）をベースとしたフレームワークとして人気のSvelteKit.jsを中心に、TypeScriptを利用した、生産性の高いWebアプリケーションを開発するためのコースです。
SvelteKitは、Svelteを基としてサーバーサイドレンダリングや静的サイトの生成、設定無しでのルーティング（ファイルベースルーティング）などなど、昨今のWebアプリケーションをしっかりと作成するための様々な機能を備えたJavaScriptフレームワークです。

学習目標

・SvelteKitを使ってフロントエンド/BFFを備えたWebアプリケーションを作成できる

対象者

・最新のJavaScriptフレームワークを学びたい方
・サーバーサイドレンダリングを体験したい方
・最新のWebアプリケーション開発を学びたい方

前提知識

・ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方
・TypeScriptで簡単なアプリケーションを作成できる方

スクール環境

※使用ソフトウェアについて
変更頻度が高いため、詳細につきましてはお問い合わせください。

内容

●SvelteKit概要
・Svelteとは
・SvelteKitとは
・プロジェクトの作成
・ディレクトリ・ファイル構成
●Svelte基礎
・コンポーネント
・静的ファイル
・props
・レイアウト
・ロジックブロック
・ディレクティブ
・リアクティブ
●SvelteKit基礎
・BFFとは
・サーバーサイドレンダリング（SSR)
・「+page.ts」の役割
・fetch関数
・ルーティング
・エラーハンドリング
●Store
・Storeとは
・writable関数

●付録：TypeScript要点速習
●付録：よく利用されるUIの実現
・カルーセルの実装
●付録：デプロイ
●付録：送信・更新・削除
●付録：演習Todoアプリケーション

※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

備考

※オンラインでのご受講の方は【オンライン研修環境】をご確認ください。

【オンライン研修環境】
■使用ツール
　動画配信：Zoom
　質疑応答：オンラインチャットシステム（Mattermost）
　演習環境：仮想デスクトップ

　※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
　※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
　（https://support.zoom.us/hc/ja/articles/201362023-System-Requirements-for-PC-Mac-and-Linux）
　※Mattermostおよび演習環境は弊社にてご用意いたします。

■システム要件
　・インターネットに常時接続できること
　・Webカメラおよびマイク
　※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
　　（1台：Zoom、オンラインチャットシステム用、1台：演習環境用用）

■OS/ブラウザ
　・OS：Windows　/　ブラウザ：Google Chrome
　　上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。

※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。