iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 9
1
自我挑戰組

蛻變事實-UI設計師勇闖前端城系列 第 9

[蛻變事實/D09] 設計師勇闖前端城-(試煉之地-坦誠面對自已的不足)

在經過二個網站試煉,發現自己的問題:

CSS使用上的不足

  • 語意上的規劃要加強
  • 選取器容易出錯
  • SCSS 階層問題及架構規劃
  • @media 的使用問題
  • 盒模型 padding & maggin 方向性及佔有空間問題
  • position 定位版面配置要加強

Bootstrap 框架使用上的問題

  • BS3&BS4 二者差異?及市場現況適用性?
  • col 規劃上的問題
  • BS4 FlexBox 佈局的爭議&使用方式要練習
  • container/row/no-gutters 邊距相關
  • d-none d-md-block/ hidden 的差別?

工具使用上的能力

  • VSCode 快捷鍵要再多使用
  • Emmet快捷鍵要再多使用
  • VSCode Git外掛使用
  • SASS/SCSS @extend 與 @Mixin 多熟練

初期呈現這幾項問題
接下來我會朝這幾個方向做練習
並開始分享自己覺得應該要加註筆記的部份在這鐵人賽文裡。

另外在最開始有分享自已在追的前端大大,
他們也都有加入這2019的鐵人賽賽局中
剛好最近經過實際初版運作又整理自己的問題時
總覺得過去用的筆記&紀錄,資訊愈來愈多,就會混雜也無法有鮮明的組織架構!
在看到Amos分享的「怎麼學CSS - 鐵人賽第七天」這篇裡,
他使用的心智圖,讓我雀雀欲試!
打算用他介紹的方式來試著整理屬於自己的文件。/images/emoticon/emoticon24.gif

Amos的金魚都能懂的網頁設計入門 - 金魚都能懂了你還怕學不會嗎
這幾日已進入了CSS教學,
若是正在學習CSS的朋友,我個人非常推廣值得每天追個半小時,聽聽這細細的分享!
多年的學習、線上、實體課、各式文件,我個人是覺得他的說明真的很清楚!
每天的段落也夠理解及消化,任何人追完這 30天一定成長不少!

我們一起重覆練習再練習!成為更好的自己~/images/emoticon/emoticon08.gif


上一篇
[蛻變事實/D08] 設計師勇闖前端城-(試煉之地)
下一篇
[蛻變事實/D10] 設計師勇闖前端城-(網頁上傳 Github空間-問題篇 )
系列文
蛻變事實-UI設計師勇闖前端城35
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言