回顧30天

平常都是這樣的我

可是想不到，為了這30天，每天都只能

阿爸阿母不經過來關心說:阿~女兒阿~最近怎麼了?怎麼這麼認真?

真是笑死我惹

不多說了！來整理一下本系列想說的

系列目的

第1車廂-姐姐的微前端便車~開跑啦！

系列地圖

首先會先淺談，覺得走在微前端之路，必須要知道的觀念

• HTML、CSS必懂觀念
  第2車廂-砸重金才懂得:HTML標籤
  第3車廂-學會切版保證班?CSS的寶藏圖
  第4車廂-老師在說你有沒有在聽?淺談CSS選擇器及優先權

緊接有了基本的認識後，透過範例，讓大家知道可以用在哪

• 好的選取器帶你上天堂(純CSS就可以做到)
  第5車廂-一切都是假的！::before應用篇
  第6車廂-恩~人家被勾到了拉:checked應用篇
  第7車廂-討厭~叫人家開要幹嘛?觸發check事件應用篇
  第9車廂-使用content:attr()實現tableRWD應用篇

接著就是分享網頁互動效果，並且會提到一般的寫法與共用的寫法差別

• 實戰應用(需要會JS/JQ基礎)

  • 關於table
    第10車廂-你今天table了嗎?tableRWD+簡易分頁應用篇
    第11車廂-table界的神器!DataTables介紹篇(1)
    第12車廂-table界的神器!DataTables介紹篇(2)
    第13車廂-table界的神器!DataTables介紹篇(3)
    第14車廂-點開看更多？tableRWD應用篇

  • 關於bootstrap元件
    第16車廂-提示我一下嘛！bootstrap應用篇
    第27車廂-關於訊息視窗:bootstrap5Model應用篇

  • 關於tab頁籤切換
    第17車廂-超實用！tab頁籤切換:data-*應用篇
    第18車廂-動ㄘ動ㄘ！tab頁籤切換+輪播應用篇

  • 關於輪播撥放
    第19車廂-娃！網頁必備的響應式輪播效果怎麼刻？
    第20車廂-你知道slick.js輪播套件可以這樣用？

  • 關於前端展示pdf
    第23車廂-在網頁中預覽pdf—pdf.js簡易版應用篇
    第24車廂-翻起來惹!頁面翻頁效果turn.js應用篇
    第25車廂-讓pdf檔有翻頁效果！pdf.js+turn.js應用篇

  • 其他
    第21車廂-input全選/取消全選功能底加啦！
    第22車廂-模仿大賽—仿IT邦幫忙:Sticky Nav應用篇
    第26車廂-眼睛眨啊眨~登入密碼的顯示/隱藏應用篇
    第29車廂-倒數一篇！人人有獎～抽獎抽起來了各位！

最後就是分享常見的屬性，不過可能會不知道的事情

• 這個雷點你知道?
  第8車廂-抖動畫面流出!你真的會:hover嗎?
  第15車廂-data-*的坑？data-*介紹篇
  第28車廂-vw很好用我知道!但不小心就踩雷捏！

▲以上整理完，還是覺得不可思議，居然完成這麼多篇拉！

走過這條鐵人路後，才真的很佩服那些仍在網路上默默付出心血的前輩們，以及能完賽的各位～～
希望透過我的文章，能讓剛好卡住的朋友們，得到一些幫助～～

那就先這樣啦！大家～我們後會有期吧！