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

コース内容

コース概要

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

本コースでは、最新のフロントエンドフレームワークであるSvelteとそのサーバーサイドフレームワークSvelteKitを用いたWebアプリケーション開発の基礎を学びます。まず、Svelteの基礎として、コンポーネント、props、リアクティブなどの概念を学習します。次に、SvelteKitを導入し、ルーティング、レイアウト、フォームアクション、APIルートといったWebアプリケーション開発に必要な要素を学びます。

学習目標

・SvelteKitを用いて、フロントエンド/バックエンド双方を備えたWebアプリケーションを開発できる

対象者

・SvelteとSvelteKitを順序立てて学びたい方
・メタフレームワークでのWebアプリケーション開発を体験したい方

前提知識

・「モダンJavaScript入門」「TypeScriptイントロダクション」をご受講いただいた方もしくは、同等の技術を習得している方
・ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方

スクール環境

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

内容

●Svelte概要
　・Svelteとは
　・Svelteの特徴
　・エディタの設定
　・雛形作成
　・シンプルなサンプル
●コンポーネント基礎
　・コンポーネントとは
　・コンポーネントの親子関係
　・コンポーネントの構成要素
　・式の埋め込み
　・分岐と繰り返し表示
　・イベントハンドラ
　・親子関係とprops
●リアクティブ
　・状態とは
　・状態の作成と更新
　・変更に連動して動作
　・入力値の受け取り
　・配列やオブジェクトを状態として扱う
●SvelteKit概要
　・SvelteKitとは
　・SSRとは
　・雛形作成
　・シンプルなサンプル
●ルーティング
　・ページの定義
　・URLパラメータの取得
　・プログラム的な遷移
●レイアウト
　・レイアウト定義
　・レイアウトのデータ取得
●状態管理
　・状態管理
　・Context API
　・状態と状態を操作する関数を共有
　・xxx.svelte.ts ファイル
●APIルートとデータ取得
　・APIルートでWeb API作成
　・Fetch APIでデータを取得
●フォームアクション
　・フォームアクション
　・プログレッシブエンハンスメント
　・プログレッシブエンハンスメントのカスタマイズ

●付録 : BFFとリクエストの受け渡し
●付録 : TypeScript要点速習
●付録 : Fetch APIによるHTTP通信
●付録 : npmの利用

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

備考

※オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
※オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。

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

【オンライン研修環境】
　■使用ツール
　　動画配信：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/WEBブラウザ
　・OS：Windows　/　ブラウザ：Google Chrome
　上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。

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