【Astro入門】爆速で動くWebサイトが作れるAstroを使ってブログ構築しながら学ぶAstroマスター講座

フロントエンドWebフレームワークのトレンドであるAstroをブログ構築しながら学ぶAstro入門講座です。Astroの基礎から応用まで分かりやすく学ぶことができます。高速で動くWebサイトやECサイトを作りたい方は必見の内容です。
4.51 (39 reviews)
Udemy
platform
日本語
language
Web Development
category
instructor
【Astro入門】爆速で動くWebサイトが作れるAstroを使ってブログ構築しながら学ぶAstroマスター講座
342
students
3.5 hours
content
Jan 2024
last update
$19.99
regular price

What you will learn

Astroフレームワークの基礎的な開発手法が学べる

Astroで高速で動くブログサイトが作れるようになる

Astroで動的ルーティングが実装できる

マークダウン形式でブログを投稿して公開できるようになる

Astroにおけるフロントマターの意味と使い方が理解できる

AstroにおけるスタリングCSSの扱い方が理解できる

AstroとPrettierを組み合わせて保存時に自動フォーマットできる方法が分かる

AstroUIコンポーネントの作成と設計が学べる

レスポンシブ対応したヘッダーが作れるようになる

ハンバーガーメニューを作りインタラクティブ操作ができるようになる

ページ共通のレイアウト作成して実装する方法が分かる

マークダウン形式でブログ投稿&記事専用レイアウトの作成ができる

共通レイアウトの入れ子構造の実装ができる

Astro APIを利用してデータ一括取得やタグ取得ができる

動的ルーティングとgetStaticPathsを利用してSSGが実現できる

重複タグ多重配列から重複しない1つの配列へ抽出する実装ができる

タグのインデクスページが作成できる

タグ付きのブログ投稿ができるようになる

Astroアイランドアーキテクチャについて理解できる

Preactを利用してAstroでUIコンポーネントの導入ができる

クライアントディレクティブ設定でJSのハイドレーションタイミングを操れる

Astroのコンテンツコレクションの理解と実装ができる

コレクションスキーマの定義ができる

View Transitionを使ってページ遷移時のアニメーションが実装できる

Cloudflare Pagesを使ってブログサイトのデプロイができる

wrangler CLIを使ってデプロイ作業を行うことができる

lighthouseを利用してWebパフォーマンス測定ができる

Astro公式テンプレートからブログ生成ができるようになる

Screenshots

【Astro入門】爆速で動くWebサイトが作れるAstroを使ってブログ構築しながら学ぶAstroマスター講座 - Screenshot_01【Astro入門】爆速で動くWebサイトが作れるAstroを使ってブログ構築しながら学ぶAstroマスター講座 - Screenshot_02【Astro入門】爆速で動くWebサイトが作れるAstroを使ってブログ構築しながら学ぶAstroマスター講座 - Screenshot_03【Astro入門】爆速で動くWebサイトが作れるAstroを使ってブログ構築しながら学ぶAstroマスター講座 - Screenshot_04
5707452
udemy ID
12/13/2023
course created date
1/7/2024
course indexed date
Bot
course submited by