Search
大家安安，我 12 月要開課了唷 (終於....)
這次的課程是 Bootstrap3 的進階版面，會告訴大家該如何用 Bootstrap3 客製化，以及製作兩種有即戰力的版型，期許能讓各位直接用在職場中。
老實說，原本是想開 Bootstrap4 的，可是稍微爬了一下文，有專家(?)預測明年可能都還不會正式發佈，所以就繼續講 Bootstrap3 啦！雖然如此，但裡頭的很多技巧是共通的唷 👍
最後，歡迎上過我「RWD 入門與實戰」以及「前端基礎課程」的朋友報名，可無縫接軌立即上手～舊生也有優惠價唷，只要你上過這兩門課的其中一種，也有興趣想要報名新課程的話，歡迎提供你的名字跟當初註冊的 e-mail 寄給我：mukispace(a)gmail.com
http://muki.tw/course/bootstrap3-adv/
Bootstrap V5 Alpha 文件釋出
原有的元件概念沒有太大調整
而是新增了許多彈性的設定
不同之處：
- 預設不再使用 jQuery（但還是榜 popper）
- 表單重新設計
- 格線系統更加彈性，可以有多種 gutters
- Utilities 另外再拆出 Helpers，更增加多種定義方法
- 可擴充 icons
在這邊也列一下相同之處：
- 一樣使用 Sass，自定義的方式不變
- 大部分的元件結構、套用方式不變
#文件閱讀中 #還是需要看Sass原始碼
Bootstrap 5 Beta 上線！！（距離正式版不遠惹）
現在官網 v4 文件也直接替換成 v5 Beta 的版本
近期導入的感想如下：
- 去除 jQuery，JS 導入的方式與過去差異很大
- 超棒的 grid 設計概念
- 更豐富的表單設計元件
- 更具有彈性的 utilities 變數設計
- 更多的 Utilities，許多元件不再有自己的間距、配色
（某方面來說，會顯得稍微不便）
已經升級為 beta1 的官方文件
https://getbootstrap.com/
Bootstrap 5 的格線設計原理
https://wcc723.github.io/development/2020/10/10/bootstrap-5-grid-whats-new/
另外，先前的 Bootstrap 4 文件
我們也會盡快更新至 Bootstrap 5 的版本喔～
跨平台APP開發使用Visual Studio2015與PhoneGap(第14次登入帳號密碼與動態切換頁面範例&切頁程式撰寫&BMI計算練習與介面設計&程式設計&計算結果與下周課程預告)
上課內容：
01_登入帳號密碼與動態切換頁面範例
02_切頁程式撰寫說明
03_BMI計算練習與介面設計
04_BMI計算練習與程式設計
05_計算結果與下周課程預告
完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYPzxVRor1khMUH6Xfn4mvZ_
教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/labor_app_2016
懶人包：http://terry55wu.blogspot.com/p/android.html
課程理念與課程介紹：
從基礎、進階到雲端資料庫整合與行動網頁的全面運用，打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發，並將之結合，用JAVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計，環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習！
最簡單！開發及維護成本低，直接整合應用HTML、CSS及JavaScript進行App開發，學習曲線最短，效率最高！
超跨界！一次開發，即可發佈Android、iOS、Windows不同平台的App，免除學習多種開發工具的煩惱。
神開發！應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器！
極直覺！搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程，提高開發效率！
不藏私！全新的版本、最全面的解說，引領全方位的App應用程式開發學習。重實例！以小範例入門，到整合的App實例，深入行動應用，範例全面涵蓋：系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…
參考書目
跨平台 Android．iPhone 程式開發：使用 Visual Studio Community＋Cordova/PhoneGap＋jQuery Mobile作者：陳會安ISBN：9789863123217出版社：旗標出版日期：2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期： 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者： 數位新知, 陳婉凌
出版社：博碩 出版日期：2016/01/08
吳老師教學部落格：
http://terry55wu.blogspot.com/
android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap
跨平台APP開發使用Visual Studio2015與PhoneGap(第16次Web_SQL資料庫與新增查詢範例&程式設計&建立資料庫與新增與查詢&用Web_SQLDB練習新增記事練習)
上課內容：
01_Web_SQL資料庫與新增查詢範例
02_Web_SQL資料庫與程式設計
03_建立資料庫與新增與查詢
04_用Web_SQLDB練習新增記事練習
完整影音
http://goo.gl/aQTMFS
教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/labor_app_2016
懶人包：http://terry55wu.blogspot.com/p/android.html
課程理念與課程介紹：
從基礎、進階到雲端資料庫整合與行動網頁的全面運用，打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發，並將之結合，用JAVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計，環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習！
最簡單！開發及維護成本低，直接整合應用HTML、CSS及JavaScript進行App開發，學習曲線最短，效率最高！
超跨界！一次開發，即可發佈Android、iOS、Windows不同平台的App，免除學習多種開發工具的煩惱。
神開發！應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器！
極直覺！搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程，提高開發效率！
不藏私！全新的版本、最全面的解說，引領全方位的App應用程式開發學習。重實例！以小範例入門，到整合的App實例，深入行動應用，範例全面涵蓋：系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…
參考書目
跨平台 Android．iPhone 程式開發：使用 Visual Studio Community＋Cordova/PhoneGap＋jQuery Mobile作者：陳會安ISBN：9789863123217出版社：旗標出版日期：2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期： 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者： 數位新知, 陳婉凌
出版社：博碩 出版日期：2016/01/08
吳老師教學部落格：
http://terry55wu.blogspot.com/
android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap
分享用做網頁(HTML5)的觀念做出APP
這學期在元智大學開的課程，主要教會學生能期中考前架設網站，
期末考前則是把網站轉成APP，不用寫程式，就可以輕易的把用DreamWeaver CS6做好的網站轉成APP，需要用的技術只要會DreamWeaver CS6，而且一定要CS6以後的版本才行，
一節課期時就可以做出APP。
首先分享旅遊使用APP的心得，從自由行使用APP的角度來看，
有APP對自由行幫助極大，會使用APP幾乎可以讓旅遊變的很順暢，不過前提是要有對應的APP，除了旅遊外，食衣住行與各行業，都有APP開發的需求，所以若能在畢業前，努力經營自己有興趣的APP，除了就業助益外，甚至也可以為創業開扇窗。
以下是上課的畫面：
00_如何註冊PHONEGAP帳號
01_如何將102題網站改成APP(新增網站與匯入素材與建立首頁)
02_多頁APP範例之一完成畫面
03_多頁APP範例之一設計畫面
04_如何加上超連結
05_如何加上按鈕
06_加上按鈕完成畫面分享用做網頁(HTML5)的觀念做出102APP
課程理念
智慧型手機平台，已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC，比PC更智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政府對外窗口。
如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與除錯等，進而取得證照。
吳老師教學特色：
1.影音複習分享(全程錄影)。
2.能不硬code程式，有程式也會提供畫面。
3.提供業界實務開發經驗。
4.書上沒講到的操作，圖形化工具使用。
5.隨時更新第一手資訊。
上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著
書號： ACU062500
出版日： 2012/10/09
內容特色
用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。
不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!
利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。
在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！
開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。
PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。
節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。
開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。
兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。
雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap 提供的雲端 Build 工具進行編譯。
配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。
元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。
PhoneGap APP教學研習懶人包：
APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學
不过，append() 和prepend() 方法能够通过参数接收无限数量的新元素。可以通过jQuery 来生成文本/HTML（就像上面的例子那样），或者通过JavaScript 代码和DOM 元素。 在 ... ... <看更多>
如下圖，我們就以EEP jQuery為核心技術，加上使用現成的EasyUI(目前市面上評價不錯的強大jQuery UI組件)來包裝一組好用的 JQClientTools 元件。 ... <看更多>
jquery 元件 在 Day27 Javascript元件庫Jquery介紹 - iT 邦幫忙 的相關結果
2021年10月11日 — 今天要接觸我們的Javascript，讓網頁更多動畫，互動性，不是一個只有圖片跟文字的死板網頁，而JQuery是甚麼呢?就是存放了許多Javascipt的函示庫， ... ... <看更多>