iT邦幫忙

2023 iThome 鐵人賽

DAY 14
0
自我挑戰組

我是怎麼讓寫程式變成我生活的樂趣系列 第 14

[Day-14].Html/Css/Javascript

  • 分享至 

  • xImage
  •  

如果還是講標題的內容,應該有人要自殺吧

HTML

不過還是推薦一下這次鐵人賽的內容:HTML篇1HTML篇2

CSS

找了一會,找不到CSS的參賽內容,所以稍微介紹一下CSS的框架

  1. Bootstrap

    • Bootstrap是一個非常流行的CSS框架,提供了豐富的UI元件和網頁佈局工具,適用於快速開發現代化的網站和應用程式。(應該是每個人都會接觸的)
  2. Foundation

    • Foundation是另一個廣泛使用的CSS框架,它強調自訂性,可讓你輕鬆地建立自己的風格,同時提供了一組有用的基本元件。(我完全沒碰)
  3. Bulma

    • Bulma是一個輕量級的CSS框架,以簡單性和易用性聞名。它使用Flexbox佈局,有助於創建現代的、響應式的網頁。(現在我們在用的)
  4. Tailwind CSS

    • Tailwind CSS提供了一組預定義的類別,可以直接應用到HTML元素上,以快速定義樣式。它非常靈活,適用於各種設計風格。(非常紅,但是用了一陣子跳槽Bulma)
  5. Semantic UI

    • Semantic UI強調語義化,它的類別名稱基於常見的HTML標記,使代碼易於閱讀和理解。(沒用過)
  6. Materialize CSS

    • Materialize CSS是一個基於Google Material Design的框架,提供了現代、平面化的設計風格。(據說是前三大,但是沒有用過)
  7. Master CSS

    • 台灣人發明的,真是興奮,在官網首頁,作者將 Master CSS 定義為 「一種具增強語法的虛擬 CSS 語言」。
      而不是將其定義為一套 CSS 框架(例如 Tailwind CSS)或前端框架(例如 Bootstrap)。(還沒時間去研究,等過一陣子再說。)

javascript

當然可以!JavaScript框架是用於簡化JavaScript應用程式開發的工具,它們提供了預先設計好的功能和結構,以幫助開發人員更輕鬆地創建交互性網頁和應用程式。以下是一些常見的JavaScript框架,我將附上簡單的解釋:

  1. React

    • React是由Facebook開發的JavaScript庫,用於構建用戶界面。它使用虛擬DOM(Virtual DOM)技術,使應用程式的更新更高效,並提供了組件化的開發模式。(據說台灣職缺最多)
  2. Angular

    • Angular是由Google開發的前端框架,它提供了一個完整的開發生態系統,包括模組化、依賴注入和組件化等功能。
  3. Vue.js

    • Vue.js是一個輕量級的JavaScript框架,它注重簡單性和易用性。Vue.js的核心是一個可自定義的JavaScript框架,可用於構建用戶界面。(近幾年感覺也挺紅的)

因為我實在太菜,所以不敢多介紹框架!


上一篇
[Day-13]. Linux,Window,Mac
下一篇
[Day-15]. Python
系列文
我是怎麼讓寫程式變成我生活的樂趣30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言