NUTC 森Lab | 前端教學文件
  • Introduction
  • Ch1. Git版本控制工具使用
    • Git首次設定與初始化
    • Git檔案狀態
    • git checkout
    • Git分支合併
    • Git 推上 Github 囉
    • Git 回復檔案
    • ex. 練習作業
  • Ch2. 認識 HTML5 與 CSS4 -1
    • 深入 HTML
    • 熟悉 CSS
    • ex. 練習作業
    • CSS單位
    • CSS排版須知: Box Model
    • CSS文字、背景、表格、display
    • ex. 練習作業
  • Ch3. 認識 HTML5 與 CSS4 -2
    • CSS Position
    • CSS Transition
    • ex. 切版開發實戰
  • Ch4. 第一次接觸JavaScript就上手
    • 取得DOM元素節點
    • JavaScript事件
    • 動態CSS
    • console.log()
    • JavaScript的變數&運算子
    • JavaScript的函數
    • ex. 練習作業
  • Ch5. 進階JavaScript
    • JavaScript的物件(Object)
    • 更多JavaScript內建函數
    • setInterval() & setTimeout()
    • JSON
    • ex. 練習作業
  • Ch6. 初次見面jQuery
    • jQuery基礎用法
    • Ajax
    • ex. 練習作業
  • Ch7. jQuery 開發實戰 -1
  • Ch8. jQuery 開發實戰 -2
  • Ch9. 網頁速成好工具 Boostrap4
  • Ch10. RWD響應式網頁實作
  • Ch11. CSS再進階!使用Compass
Powered by GitBook
On this page
  1. Ch3. 認識 HTML5 與 CSS4 -2

ex. 切版開發實戰

https://github.com/Xinhe998/nutc-facebook-html-css-practice

部分內容 可使用截圖,但一定要使用css position製作排版。

完成後請發PR回本次練習作業!

請大家一定要養成定期commit的好習慣哦~

PreviousCSS TransitionNextCh4. 第一次接觸JavaScript就上手

Last updated 6 years ago