現役エンジニアが作成したロードマップにしたがって一から学習を進めます。
最終的にはサイト模写ができるレベルまでを目指します。
最終的にはサイト模写ができるレベルまでを目指します。
全53レッスン
- 有料全5レッスンCSS Flex入門
Flexを理解することで、横並びに要素を並べたり要素を中央寄せしたりなど、柔軟なレイアウトを実現できます。Flexを理解してCSSのレベルを1段階アップしましょう！
有料全4レッスンCSSを利用したレスポンシブウェブデザインメディアクエリを使うことで画面幅に応じてCSSで見た目を最適化するレスポンシブデザインという考え方があります。このメディアクエリを使って、各デバイスに対応したCSSを書けるようになりましょう。
有料全3レッスンCSS変数入門CSS変数を使うと、よく使うカラーコードやフォントサイズを管理できます。複数箇所に記述された内容を1箇所に集約できるので、コードの管理が楽になりメンテナンス性が向上します。
有料全1レッスンセマンティックなHTML入門セマンティックHTMLとはマークアップで適切なタグや属性を活用して機械などでも読み取りやすいマークアップを意識したHTMLです。セマンティックを意識することで、人間だけでなく、スクリーンリーダーやサービスがそのサイトを理解し、情報を解析する際にも役に立ちます。
有料全4レッスンフォーム周りのHTMLお問い合わせフォームなどのフォームには覚えないといけないタグや属性がたくさんあります。これらの知識を吸収して、自信を持ってフォームをマークアップできるようになりましょう。