站長獨家研發的新手友善、專案導向教材!
進入到 JavaScript 基礎課程的第四部份 你已經算是有了初步的前端開發與設計能力了 實務上,我們在專案中大部份的功能、元件,都會去找找看「現成的」、「開源專案」來使用 也就是如果已經有人做過了、有人分享過了,如果堪用,基本上就不會自己重做一個 因為成本差太多,什麼都自...
## 課程目標 認識並且能使用 autosize 套件 ## 課程內容 這次的套件是 https://github.com/jackmoore/autosize 文件與 demo 在 https://www.jacklmoore.com/autosize/ 這是一個讓 ...
## 課程目標 認識並且能使用 vanilla-lazyload 套件 ## 課程內容 這次的套件是 https://github.com/verlok/vanilla-lazyload 文件與 demo 在 https://www.andreaverlicchi.eu/va...
## 課程目標 認識並且能使用 Chart.js 套件 ## 課程內容 這次的套件是 https://github.com/chartjs/Chart.js 文件與 demo 在 https://www.chartjs.org/ 這是一個畫圖表、報表的工具,而且非常漂亮...
## 課程目標 認識並且能使用 jQuery 套件 ## 課程內容 這一課要教的東西比較有爭議 jQuery 是 2006 - 2015 年代,前端網頁開發的王者 當時的瀏覽器廠商眾多,網頁規格 API 支援方式不同、不完整(尤其是 IE 一堆奇怪的 API) 當...
## 課程目標 認識並且能使用 xdan/datetimepicker 套件 ## 課程內容 我在上一課說過,jQuery 生態系很多成熟套件,不用可惜 這就是其中一個! datetimepicker 就是時間日期選擇器,超多網站需要用到 業界實作有非常多套,這套...
## 課程目標 認識並且能使用 kenwheeler/slick 套件 ## 課程內容 介紹下一個成熟的 jQuery 生態系套件 輪播、幻燈片這種套件,業界實作有非常多,乍看之下寫起來不難 但是,要在手機上支援拖曳滑動、向左向右、下方有小點提示順序等等,其實要讓 UX...
## 課程目標 認識並且能使用 TinyMCE 套件 ## 課程內容 WYSIWYG(所見即所得)編輯器,是業界最常被使用、但也最難開發的功能之一 開發部落格功能時,需要有寫文章&格式的編輯面板,這是非常多網站的需求 業界實作同樣有非常多套,今天介紹我覺得滿漂亮、好用的...
在這份教材中,實際使用了多個第三方套件,來達成功能 不斷上網找適合套件、翻文件、找範例程式碼、確認堪用,是軟體工程師的日常 到處用現成套件,其實滿好玩的,可以做到很多強大的效果,也在這個過程中,了解實務上要如何跟第三方套件互動 --- 如果你是網頁設計師,目前為止的能力,已經...
精選技術文章、免費程式設計資源、以及業界重要新聞!