Svelteを学ぶ - コーディング講座 — ライブエディターで Svelte と SvelteKit を学び、コンパイル後の出力を横に表示できます

コードを実行しながら読み進める学習パスを選びましょう。Svelteは、値を変更してページの反応を確認すると最も理解しやすいからです。Svelteを学ぶ - コーディング講座では、コンパイル後の出力を確認するデモから始まり、HTML、CSS、JavaScriptエディター、プレビュー、AI Mentorを備えたレッスンへと進みます。iOSとAndroidで無料で始められます。

Svelteは、コンポーネントが一般的なHTML、CSS、JavaScriptのように見え、代入すると画面が更新されるため、取り組みやすいとよく考えられています。難しい部分はその後に登場します。stores、ライフサイクル、SvelteKitにおけるサーバーとクライアントの分離、Svelte 5 runesへの移行などです。Svelteを学ぶ - コーディング講座では、41コースをA1からC1までのレベルに分け、これらのトピックを順番に学べるようにしています。

SvelteKitはSvelteのアプリケーションフレームワークで、ファイルベースのルーティング、サーバー上でのデータ読み込み、form actions、hooks、デプロイ用adaptersを追加します。Svelteを学ぶ - コーディング講座には、SvelteKitのルーティングとページ、データ読み込み、form actions、API routes、hooks、エラーハンドリング、SSRとプリレンダリング、ストリーミング、セキュリティ、adaptersに特化したコースがあります。

はい。Svelteを学ぶ - コーディング講座には、runesの概要、propsとsnippets、高度なrunesについてのコースがあります。エディターのプレビューは現在Svelte 4.2.19でコンパイルされるため、runesのコードはプレビューに表示されない場合があります。レッスン本文を読みながら学ぶのがおすすめです。

エディターでコンポーネントを書き、プレビューでレンダリングできます。Svelteを学ぶ - コーディング講座のプレビューはSvelteコンパイラを読み込んでコンポーネントをビルドするため、接続が必要です。最初に登場するコンパイル後の出力デモはこれとは異なり、コンパイル済みコードがアプリ内に含まれているため、ネットワーク接続なしで実行できます。

アプリは無料でダウンロードできます。最初のコースは無料で、毎日のAI Mentor利用回数が付いています。Proではすべてのコースが利用可能になり、広告が削除され、AI Mentorを無制限に利用できます。アップグレードするか決める前に、実際のレッスンを進めてみることができます。

HTMLとJavaScriptの基礎があると、初期のコースをより簡単に進められます。Svelteのコンポーネントは、これらの言語を1つのファイルにまとめたものだからです。Svelteを学ぶ - コーディング講座では、Svelteとは何か、セットアップ方法から始め、各概念をわかりやすい言葉で説明します。ただし、これは最初に受けるプログラミングコースではなく、フレームワークのコースです。

Svelteを学ぶ - コーディング講座は、App Store経由のiOSとGoogle Play経由のAndroidで利用でき、インターフェースは22言語に対応しています。レーティングは4+で、教材に年齢制限のある内容はありません。