【ゼロから始める Web 開発】自分だけの美しいポートフォリオサイトを作ろう(HTML & CSS & JavaScript)
無料で読める本
本書では、HTML・CSS・JavaScript の基礎を学びながら、魅力的なポートフォリオサイトを作成します。 作ったサイトは GitHub Pages で無料で公開でき、就職・転職活動にも活用できます。 身につくスキルは下記の通りです。 🎨 HTML/CSS を使ったデザイン実装 📱 スマートフォンやタブレットにも対応するレスポンシブデザイン ⚡ JavaScript でのインタラクティブな機能実装 🔧 Chrome DevTools を使ったデバッグ手法 🚀 GitHub Pages でのサイト公開 本書の特徴はこちらです。 ・コードの書き方を一から丁寧に解説 ・環境構築からデプロイまでをサポート ・デザインの知識がなくても見栄えの良いサイトが作れる ・実践的なスキルが段階的に身につく プログラミング初心者でも安心して始められる内容となっています。一緒に、あなただけのポートフォリオサイトを作っていきましょう。
Chapters
ようこそ
作成するポートフォリオサイトの概要を掴もう
Web 開発の基礎知識
開発環境の準備をしよう
Chrome DevTools について
HTML の基本
HTML の基本構造とメタデータ
CSS の基本
サイト全体のスタイリングをしよう
Flexbox について
デスクトップナビゲーションを実装しよう
デスクトップナビゲーションのスタイリングをしよう
プロフィールセクションを実装しよう
プロフィールセクションをスタイリングしよう
アバウトセクションを実装しよう
アバウトセクションをスタイリングしよう
スキル・経験セクションを実装しよう
スキル・経験セクションをスタイリングしよう
プロジェクトセクションを実装しよう
プロジェクトセクションをスタイリングしよう
コンタクトセクションを実装しよう
コンタクトセクションをスタイリングしよう
フッターを実装しよう
フッターをスタイリングしよう
レスポンシブデザインの基本
レスポンシブデザインの実践
ハンバーガーメニューを実装しよう
ポートフォリオサイトを世界に公開しよう
おわりに
Community
Author
Topics