本書では、HTML・CSS・JavaScript の基礎を学びながら、魅力的なポートフォリオサイトを作成します。
 作ったサイトは GitHub Pages で無料で公開でき、就職・転職活動にも活用できます。

身につくスキルは下記の通りです。
 🎨 HTML/CSS を使ったデザイン実装
 📱 スマートフォンやタブレットにも対応するレスポンシブデザイン
 ⚡ JavaScript でのインタラクティブな機能実装
 🔧 Chrome DevTools を使ったデバッグ手法
 🚀 GitHub Pages でのサイト公開

本書の特徴はこちらです。
 ・コードの書き方を一から丁寧に解説
 ・環境構築からデプロイまでをサポート
 ・デザインの知識がなくても見栄えの良いサイトが作れる
 ・実践的なスキルが段階的に身につく

プログラミング初心者でも安心して始められる内容となっています。一緒に、あなただけのポートフォリオサイトを作っていきましょう。

【ゼロから始める Web 開発】自分だけの美しいポートフォリオサイトを作ろう（HTML & CSS & JavaScript）

ようこそ

作成するポートフォリオサイトの概要を掴もう

Web 開発の基礎知識

開発環境の準備をしよう

Chrome DevTools について

HTML の基本

HTML の基本構造とメタデータ

CSS の基本

サイト全体のスタイリングをしよう

Flexbox について

デスクトップナビゲーションを実装しよう

デスクトップナビゲーションのスタイリングをしよう

プロフィールセクションを実装しよう

プロフィールセクションをスタイリングしよう

アバウトセクションを実装しよう

アバウトセクションをスタイリングしよう

スキル・経験セクションを実装しよう

スキル・経験セクションをスタイリングしよう

プロジェクトセクションを実装しよう

プロジェクトセクションをスタイリングしよう

コンタクトセクションを実装しよう

コンタクトセクションをスタイリングしよう

フッターを実装しよう

フッターをスタイリングしよう

レスポンシブデザインの基本

レスポンシブデザインの実践

ハンバーガーメニューを実装しよう

ポートフォリオサイトを世界に公開しよう

おわりに

読者コミュニティ｜【ゼロから始める Web 開発】自分だけの美しいポートフォリオサイトを作ろう（HTML & CSS & JavaScript）

html

javascript

githubpages

farstep