デイトラ1期 DAY7『Progate HTML & CSS 上級道場コース』【30DAYSトライアル1st】

デイトラ30DAYSトライアルの感想・体験

こんにちは、タキ(@engineeraru)です。

30DAYSトライアル1st DAY7. 『Progate HTML & CSS 上級道場コース』の解説です。

デイトラDAY7. 『Progate HTML & CSS 上級道場コース』課題

デイトラDAY7. 『Progate HTML & CSS 上級道場コース + 復習・休憩』ということで、復習日です。

だいたい30分くらいでできました(中級より簡単かも)

 

『Progate HTML & CSS 上級道場』感想

『Progate HTML & CSS 上級道場』の感想です。

clearの使い方を以前調べたおかげで、すんなりできました。

学習に詰まったところほど、しっかり勉強しておくと、後から楽になりますね(自戒)

clearでfloatを解除するテクニックが紹介されていました。

なにをやっているか分かりづらかったですが、簡単に言うと

  • float指定しているから「次の要素」は続けて(右側に)表示されてしまう
  • でもやりたいことは、「次の要素」を改行して表示すること
  • だから「clear:left指定の空タグ」=「表示されない回り込み用の要素」を入れて、無理やり改行させる。そうすれば、改行された後から「次の要素」が表示される

みたいな感じかなと思います

引用:デイトラ1期 DAY7『Progate HTML & CSS 上級道場コース』【30DAYSトライアル1st】

今日はぶっちゃけ、息抜きの日ですね。

 

【余談】フロントエンドの全体像

ショーヘーさんから余裕がある人向けの課題も出ていたのですが、まだ取り組めていません。

※余裕がある人どうぞ

ちなみに、

HTMLの次はCSSが出てきて、更にはJavaScript!

何がどんだけあるの!?\(^o^)/

…って方は「フロントエンドの全体像(ロードマップ)」を見るとなんとなく雰囲気わかると思います。

>kamranahmedse/developer-roadmap: Roadmap to becoming a web developer in 2019

 

今やっているのは前半のHTML、CSSあたりですね。

JavaScriptがHTML,CSSの次にあるのが分かると思います。

 

英語が苦手な人はこちらの記事を流し読みすると良いかも。

» 参考:Web Developer Roadmap 2018が2019年版になっていたので比較してみる – Qiita

 

以上、DAY7. 『Progate HTML & CSS 上級道場コース』というお話でした。

明日からもまた、がんばりましょう~