エンジニアステップ

初心者エンジニア(1年目~3年目くらい)のための技術ブログ

DAY7. 『Progate HTML & CSS 上級道場コース』 #30DAYSトライアル

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

今日は日曜日なので復習&休憩タイムでした。

【関連記事】

 

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

DAY7. 『Progate HTML & CSS 上級道場コース + 復習・休憩』
Progate(https://prog-8.com )で、レスポンシブデザインの復習をしてください。
早く終わると思うので、そのあとは今週学んだことの復習と息抜きに当てましょう👍
#30DAYSトライアル
#30DAYSトライアル課題
#1週間お疲れさまでした

 

 

 

ってことで、道場編の上級(復習)です。

だいたい30分くらいでできました。

f:id:alpacajp:20190113210745p:plain

progate上級編

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

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

 

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

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

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

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

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

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

DAY5.『Progate HTML & CSS 上級編』 #30DAYSトライアル - エンジニアステップ

 

今日はぶっちゃけ、息抜きの日でして、この上級道場以外は、エンジニア勉強できていません(別ブログ書いてました)

 

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

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

※余裕がある人どうぞ

 

ちなみに、

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

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

 

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

 

下記の画像はロードマップの一部抜粋です。

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

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

f:id:alpacajp:20190113213103p:plain

frontend roadmap

引用元:GitHub - kamranahmedse/developer-roadmap: Roadmap to becoming a web developer in 2019

 

ふんわり知りたい方はこちらの記事を、流し読みすると良いかも。

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

  

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

 

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

 

【関連記事】