【ドットインストール】第4回!256times参加レポート!【学習メモ】

HTML/CSS

みなさんこんにちは!おさかなです!

今回は「第4回256times」について、書いていこうと思います!

「256times」って何?という方はコチラをチェック!

今回もドットインストールが用意している、「プレイグラウンド」という環境でコーディングしていきました…!

プレイグラウンドの利用はコチラ!
※ドットインストールのアカウントを取得しておく必要があります…!

それでは、レッツゴー!!!!!

想定読者
・ドットインストールで学習中の方
・256timesって何?という方
・ソースコードを添削してほしい方

第4回の課題は?

課題の詳細についてはコチラ!

第4回の課題は「ページネーション」でした…!

 

 

 

今回もいつも通りの流れです…!

・21:00 課題発表
・21:30 課題提出締め切り、休憩
・21:35 コードレビュー開始
・22:00 番組終了
「生放送見逃した!」って方も、「アーカイブ」が残っているので「コチラ」から見ることができます…!(よかった…!)

実際に参加した感想

今回は調べながら、なんとかいい感じにマークアップすることができました…!

それでもnavタグを使用していたり、transitionを使用してアニメーションを付けたり、様々なアレンジを加えている方がたくさんいて、本当に勉強になりました…!

コードの正解は1つではないけれど、出来る限りキレイで読みやすいコードを書くことを心掛けていきたいなと思いました…!

次回もたのしみです…!

おさかなのソースコード

HTML 

 

CSS

 

実は最初は「border-radius」の「部分指定」が上手くできていなくて、こんな感じ↓だったのですが、最終的にはキレイな感じになりました…!

レビューコードまとめ

レビューコード1

HTML 

 

CSS

 

レビューコード2

HTML 

 

CSS

 

レビューコード3

HTML 

 

CSS

 

おさかなの今後の課題

・navタグを使用して囲ってみる(意味のあるタグ)

・metaタグでスマホに対応する

・href属性を付ける

・transitionを使って、アニメーションを付けてみる

感想・まとめ

今回は「256times」について、書いていきました…!

いかがだったでしょうか?

第4回目も「ページネーション」という奥が深いマークアップで、かなり勉強になりました…!(すごくたのしかった…!)

ドットインストールのみなさん!今回もありがとうございました。✨
次回の開催は「1/28(火)21:00~」ということで、興味のある人はぜひ参加してみてください…!(おさかなも参加します…!)

それでは今回はこの辺で!

ここまで読んでくださり、ありがとうございました!

おさかなでした!

 

【おさかなび-osakanav-】では、この記事の感想!おさかなへの応援メッセージ!おさかなに聞きたい事、質問!記事にしてほしい内容!などを大募集中!

「氏名」「メールアドレス」「内容」の3点をご記入の上「osakana1699@gmail.com」までご応募ください!

タイトルとURLをコピーしました