COURSE
Web Coding
With Caféを作りながら、HTMLから公開・運用まで実務の流れで学ぶコースです。
FINAL GOAL
最終的に作るもの
ベーカリーカフェ「With Café」のWebサイト
最初に完成形を確認し、HTMLの骨組み、CSSのデザイン、JavaScriptの操作、公開後の運用までを段階的に実装します。
各Levelで機能をひとつずつ加え、この完成形を目指します。
LEARNING PATH
完成までのステップ
HTML
Webページの骨組みを作るHTMLを学びます。
この段階で：サイトに必要な見出し、文章、ナビゲーションをHTMLで構造化します。
CSS
読みやすく、レスポンシブなWebページの見た目を設計します。
この段階で：HTMLで作った骨組みに色、余白、レイアウトを加え、スマートフォンにも対応させます。
JavaScript
ユーザー操作に反応するインタラクティブなWebページを作ります。
この段階で：メニューやボタンなど、ユーザーの操作に応じて変化する機能を追加します。
With Café 制作課題
学んだHTML、CSS、JavaScriptを使い、With Caféをパーツごとに組み立てます。
この段階で：各パーツのHTMLとCSSを対応させながら、レスポンシブ対応と操作機能を含む1ページを完成させます。
GSAP
意図が伝わる滑らかなWebアニメーションを実装します。
この段階で：コンテンツの理解を助ける、スクロールや表示時のアニメーションを追加します。
Git / GitHub
制作物の変更を記録し、安全に共有・レビューする方法を学びます。
この段階で：店舗サイトをGitで管理し、ブランチとPull Requestを使って変更を統合・公開できます。
Web・サーバー基礎
URLを開いてからページが表示されるまでの通信と処理を学びます。
この段階で：クライアント、サーバー、データベースの役割を説明し、開発者ツールで通信を確認できます。
WordPress
Localを使った開発から公開・保守まで、WordPressサイトの制作工程を学びます。
この段階で：店舗サイトをオリジナルテーマ化し、ローカルで安全に開発して本番公開できます。
SEO
検索エンジンとユーザーの双方に理解しやすいサイトを設計します。
この段階で：検索結果へ適切に情報を伝え、公開後に計測・改善できる状態へ仕上げます。