成果物から始めるプログラミング学習
教材を読み終わったとき、手元に
あなた自身の公開できるWebサイトが完成しています。
Tsumiki は、練習用の課題を解く教材ではありません。1章ごとに、あなた自身のサイトが少しずつ育っていきます。 最後まで進めると、URL を人に見せられる自己紹介サイトが手元に残ります。
ふつうの学習サイトと違うところ
自分のパソコンで作る
ブラウザの中の練習場ではなく、最初からあなたのパソコンにフォルダを作ります。終わったあとも、そのファイルは手元に残ります。
途中で世界に公開する
完走しないと何も得られない構造にはしません。コースの中ほどで、いちど本当に公開してURLを手に入れます。
60%は写経、40%は自分の言葉
いきなり自由課題は出しません。書き写す部分と、自分用に書き換える部分がはっきり分かれています。
はじめての自分サイト
HTML と CSS だけで、公開できる自己紹介サイトを作りきる
全10章 / 目安 約9時間 / 使うのは VS Code とブラウザだけ
- 第0章準備mysite/index.html を作り、ブラウザに自分の名前が表示される
- 第1章骨組み名前・ひとこと紹介・好きなもの3つが並んだページになる
- 第2章中身を増やすアイコン画像・趣味の紹介・外部リンクが載ったページになる
- 第3章見た目配色とフォントの効いた「デザインされた感」のあるページになる
- 第4章レイアウトヘッダーとカード3枚横並びの、いまどきの見た目になる
- 第5章公開①自分のサイトが https://〜 のURLで誰からでも見られるようになる
- 第6章スマホ対応スマホで見ても文字が読めて、カードが縦に並ぶようになる
- 第7章動きを付けるヘッダーのボタンを押すと、ページが暗い配色に切り替わる
- 第8章ミニアプリ入力して追加でき、リロードしても消えず、削除もできるメモ機能が付く
- 第9章仕上げ・公開②ダークモードもメモも入った完成版が、URLで最新になりSNSでカードが出る