#活動分享
#專為社會新鮮人及轉職者設計的程式課程
《I’m coding it! 微痛轉職⼯程師》
>> https://ubin.io/entrepreneur
專注於程式教育的「五倍紅寶⽯」團隊，因為有感於校園與職場之間的學⽤落差。近期推出全新線上程式課程，讓資訊科系畢業但缺乏實作經驗的新鮮⼈，或計畫轉換領域卻害怕⼯程師⾨檻過⾼的轉職者，有更明確的⽅向。
　　
課程 4 ⼤精華幫你⼀次盤點：　
① 四⼤程式語⾔教學：HTML、CSS、JavaScript、Ruby on Rails
② 三⼤熱⾨網站專案實作：Medium、Trello、Citiesocial
③ 開發者求職⼼法⼤公開
④ 完課享免費履歷健檢 & Code Review
我們也提供教職員、學⽣、清寒⽅案。提供學⽣、教職員證明就能折價 1,000 元， ⽽若提供
清寒證明即能免費獲得課程（僅須酌收 1 元平台開通費）。
課程教學網站 >> https://ubin.io/entrepreneur

設計師學習程式的重要心法
這個問題很常被問到
畢竟我也是從設計師轉戰工程師
在體驗設計的現實層面後
工程師的生活似乎充滿了憧憬!?

## 規劃自己的學習步調 ⭐⭐⭐⭐⭐
這是最為重要的一個流程
找一份教材或是文件
安排固定的時程開始學習
如果看到什麼都想沾一下
將會成為碎片化記憶
沒有辦法存入大腦之中

## 使用主流的教材 ⭐⭐⭐
先前有同學拿坊間的書籍詢問
「為何我們的內容與書籍差異那麼大」
仔細看書本內錯誤繁多
與 W3C 官方教學網站落差甚大
避免誤入錯誤的學習
可多利用 Google 查詢
該教學是否有人推薦

## 選擇有成就的主題 ⭐⭐⭐
先學 jQuery 還是 JavaScript 雙方論戰許久
我會建議先學習 jQuery
原因在於設計師擅長圖形化理解
如果先學 JavaScript
資料、結構概念在起初會充滿挫折
但如果能直接從 JS 中獲得樂趣者
從此開始也是個好選擇

## 數學不好，剛開始會辛苦不少 ⭐
我在國中時期，數學曾經拿過 1 分
因為老師看我公式都寫了，雖然答案錯
還是給個同情分 T_T
程式的基礎概念許多是數學的延伸
例如：變數、數學公式
如果你跟我一樣數學不好
一開始可能會辛苦些喔

## 決心勝過一切 ⭐⭐⭐⭐⭐
我見過許多設計師後來成功轉戰工程
在業界也都有不錯的成績
有人帶固然會輕鬆許多
但決心還是比其他因素更為重要
開始 -> 堅持 -> 持續學習

#每日一觀點

[免費學習資源] HTML & CSS 優雅嚴謹的學習網站

入門： http://goo.gl/b1YV6
進階： http://goo.gl/lsOoh
#HTML #CSS
FB連結： https://goo.gl/Uv9Jc2

今天跟各位介紹一個學習 HTML 與 CSS 的網站，叫做「Learn to Code HTML & CSS」。我很少看到可以把學習網站的外觀，排版得如此乾淨優雅、又結構嚴謹的！光看首頁，我的印象分數就 Up Up！

實際點進去看了一圈，更是覺得它的教學內容每則都短短的，不會超過 3 個 Page Down。但都能把握某一主題，言簡意賅。所以就趕緊推薦給大家！

想學網頁程式設計，我會推薦由「HTML --> CSS --> JavaScript」這樣的路線來學。如果學完 JavaScript，能再學 jQuery 這個 UI (User Interface, 使用者介面）的專門語言，那更是如虎添翼！這個網站難得的是，它有一個「進階課程」（連結附上本篇上面，標示為「進階」的那個），不但把 jQuery 這段知識補上，而且還很佛心地...免費！（耶～～）

但這個網站也不是沒有缺點！它把 JavaScript 這個重要語言講得不多！這點真的是美中不足！這兩天我再找找有什麼好的 JavaScript 教學網站，提供給大家，補足這一部份！

希望今天介紹的這個網站，能夠幫助到想要學 HTML 與 CSS 的朋友！如果您覺得這篇文章寫得不錯，還請您不吝按讚鼓勵一下。或者轉發到您自己的 Facebook，加一點您的心得，分享給您的朋友。久而久之，您也會成為朋友中，程式設計方面的意見領袖喔！祝 學習順利！

PS: 看了本篇後有任何疑問，歡迎在底下留言，我會盡快為您解答的！

記得訂閱我的頻道，獲得更多 WordPress 架站、部落格經營的消息！

本篇文章會教大家如何在網站的側邊欄加入圖片及連結，並且將圖片連結設定成開啟新分頁。

最近有許多新手問阿璋，該如何在網頁側邊欄放置一些圖片廣告？

想知道的話，就繼續看下去吧！

【文章連結】：https://www.johntool.com/sidebar-add-image-link/

【建網百科全書-使用 HTML,CSS,JS, jQuery,php,mySQL 建立網站】：https://www.johntool.com/udemy-web/

【從入門到業界實戰 - UI / UX 前端網頁設計】：https://www.johntool.com/hahow-frontend

【學好跨平台網頁設計：HTML5、CSS3、JavaScript、jQuery與Bootstrap 4超完美特訓班（第二版）】：https://www.johntool.com/books-frontend


#WordPress #WordPress教學 #側邊欄

-----------------------

【部落格 Johntool-工具王阿璋】：https://www.johntool.com

【將部落格轉化為穩定的被動收入】：http://bit.ly/2ZSSuuB

【粉絲團專頁】：https://www.facebook.com/JohntoolTW/

【Instagram】：https://www.instagram.com/johntooltw/

【聯絡我】：support@johntool.com

-----------------------

【錄音設備】：圓剛AM130 (https://www.johntool.com/yahoo-am130)

【剪片軟體】：Adobe Premiere Pro (https://www.johntool.com/adobe-pr)

跨平台APP開發使用Visual Studio2015與PhoneGap(第9次複習與JAVASRIPT與APP開發&範例輸入半徑計算面積&範例輸出九九乘法表&For巢狀結構印出星號正向與反向&範例剪刀石頭布說明)

上課內容：
01_JavaScript與DOM物件模型說明
02_建立練習頁面與輸入數字按鈕
03_連結事件與撰寫方法
04_複製按鈕範本與兩重邏輯
05_修改為多重邏輯的ELSEIF敘述
06_字串比對與多重邏輯
07_用FOR迴圈加總某正整數
08_WHILE與DO迴圈與陣列說明

完整影音
https://www.youtube.com/playlist?list=PLCfL1sBZ2_SRUgs471MO9HnpMaQ2IWPoM

教學論壇(之後課程會放論壇上課學員請自行加入)：
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(第9次複習與JAVASRIPT與APP開發&範例輸入半徑計算面積&範例輸出九九乘法表&For巢狀結構印出星號正向與反向&範例剪刀石頭布說明)

上課內容：
01_JavaScript與DOM物件模型說明
02_建立練習頁面與輸入數字按鈕
03_連結事件與撰寫方法
04_複製按鈕範本與兩重邏輯
05_修改為多重邏輯的ELSEIF敘述
06_字串比對與多重邏輯
07_用FOR迴圈加總某正整數
08_WHILE與DO迴圈與陣列說明

完整影音
https://www.youtube.com/playlist?list=PLCfL1sBZ2_SRUgs471MO9HnpMaQ2IWPoM

教學論壇(之後課程會放論壇上課學員請自行加入)：
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