コース概要

導入

  • Svelte.io 対 React 対 Vue.js

Svelte 機能とアーキテクチャの概要

  • 仮想 DOM の差分を取得せずにアプリケーションの状態を管理します。
  • 外部依存関係のないアプリケーションを作成します。
  • Svelte アプリケーションの読み込み速度

はじめる

  • プロジェクトフォルダーとファイル構造の概要
  • シンプルな Hello World アプリ。
  • Svelte 構文の概要

コンポーネントの作成

  • テンプレートを書く
  • シンプルなスタイルを追加する
  • CSS ルールのクリーンアップ

アプリケーションの実行

  • コードの実行、確認、更新
  • 条件文とループの追加

アプリにインタラクティブ性を追加する

  • ユーザーフォームの作成
  • ユーザー入力の処理
  • UI要素のバインドとデータの受け渡し
  • その他のイベントの処理

アプリケーションへのコンポーネントの追加

  • コンポーネントの通信方法
  • ルーティングを通じてさまざまなコンポーネント間を移動する

アプリケーションの状態の管理

  • コンポーネントへのデータの保存
  • データを中央の場所に保存する
  • プロパティを購読する

外部ソースからのデータの取得

  • API からのデータの Access 取得

ユーザビリティの向上

  • スタイルの操作
  • CSS 要素の参照

Svelte コードを既存の React プロジェクトに統合する

  • Svelte によるコンポーネント レベルのコードのデプロイ
  • React アプリケーション内からの機能の呼び出し

要約と結論

要求

  • Javaスクリット・プログラミングの経験

観客

  • 開発者
  14 時間
 

参加者の人数


開始

完了


Dates are subject to availability and take place between 10:00 and 17:00.
Open Training Courses require 5+ participants.

お客様の声 (3)

関連コース

関連カテゴリー