Search
NT 370 特價中
課程已於 2021 年6 月更新
從這 38 小時的課程，你會學到
✅ 能使用 HTML 來編寫網頁上各種各樣的對象或者元素
✅ 能夠使用指定不同的元素或者對象用 CSS 或 CSS3 去美化他們，讓網站看起來更光彩奪目！
✅ 能使用 Javascript，jQuery 製作具有各種功能的網頁程式或互動的效果
✅ 能使用 Bootstrap的框架去製作美觀,複雜的網頁程序,並適合不同的設備,包括各種平板和手機等
✅ 能使用 WordPress 無需編寫任何一段程式碼去構建自己的網路商店或者論壇
✅ 能使用 PHP 和 mySQL 去編寫功能強大的服務器端程序，反應使用者的請求，實現伺服器端與客戶端的互動！
https://softnshare.com/ken-cens/
【月薪四萬，我領到35歲！】
#理財前也要先強化開源能力才有得理
這邊聊一個每次看新聞的心得，可能會招來怕罵聲，罵了我也不在意啦，但能不要罵我最好～
#果然後來被媒體曲解_以下文章不是罵低薪的人_是罵覺得自己窮卻只會怪東怪西的人
譬如行政院的3大催生政策公布後，留言一堆以下類似的：「鬼島誰敢生？」「一個嬰兒給12萬啦！」「補這一點有用嗎？」「房價太高啦、薪水太低啦、物價太高啦，這才是大家不想生的原因！」
我真的滿頭問號！
請問在世界疫情爆炸的這一年多，台灣哪時候讓你生病沒醫生看了？
通膨是全球問題，未來物價不會越來越高才奇怪吧？
嫌棄房價物價高，有沒有去日本與香港消費過？
讓政府大發貨幣拯救貧窮端，好啊，那物價更加通膨到時候罵誰？
房價嫌貴？
台灣還有不少1字頭可以找～硬要挑蛋黃蛋白區嫌貴什麼意思？
講到薪資低，這一點就可以聊非常久！
你覺得低，那為什麼很多年輕20幾歲就月入好幾十萬的人？
「喔～因為他是youtuber啊～賺錢很容易嘛」
「嘖～網紅啊～開團一直賣東西就好啦」
「哼～愛股市飆短線嘛～遲早被當韭菜收割啦～」
人家賺得多，都是投機取巧；自己賺的少，都是正正當當。
遠永在找盡方法酸賺得多的人，卻從不想想自己該怎麼圖破，這樣的人，生在哪個福利再好的國家，都不會過得好。
講白了自己不夠努力、不夠絞盡腦汁去賺錢，難道等政府還是誰把錢捧給他嗎？
\
譬如生孩子，育兒留職停薪從六成變到八成，多很多誒！這個幫助超大的！如果爸媽自己還有斜槓能力，即使在家育兒也能安安穩穩。
教養的路上，窮養孩子不會養出創傷兒；
再富有，精神虐待與童年剝奪，也會讓快樂寶寶變成麻煩鬼！
不要什麼都怪社會、怪環境、怪別人！
要是覺得窮，怪自己才是最精準最實際的好嗎！
面對現實，然後去修正，是有多難？
\
#35歲前我的固定月薪至多四萬多
以上發洩完了～希望粉絲也認同我的觀點～
雖然最近常常跟大家聊理財，但其實，萬分重要的還是自己要有開源能力。
來跟大家分享我開始工作的薪資的故事：
大學時，因為半工半讀自己住外面，去南陽街補習班當助教，一個月17000元。除非成為能上台教課的人，或者是超級業務推銷課程，不然是很難再往上賺更多，所以畢業後我沒想過要待在補習班。
大學畢業我就進入電視節目製作公司當助理，一個月22000元，這樣的薪資維持了好幾年，直到後來當上製作人，也才累進成三萬多，三萬多的薪水，我領到30歲；
錢很少，但我依舊努力的做，因為從工作當中認識的人脈與經驗累積、文字企劃溝通能力，讓我開始有能力斜槓人生，可以額外接案子（寫腳本、整理書稿、寫企劃案），大概一個月又多了幾千元。
離開製作公司後，我曾經在電商網路公司上班，還學會用HTML寫網頁（現在當然忘九成）；後來到電視台上班，薪資再多談了幾千，一個月40000元，但此時累積的斜槓接案能力已經越來越成熟，接的文字工作越來越五花八門，平均每個月都可以有額外進帳，月薪平均拉到五萬，好的時候還可以六萬元。
懷孕了，留職停薪時，除了領那六成的育嬰補助款，我依舊持續在家斜槓，寫女性網站的專欄，寫著寫著，也才出現的「筋肉媽媽」這個筆名，開啟我人生另一個篇章。
轉職到健身產業後，我知道自己有個優勢叫做網紅，但這也是個劣勢。譬如說通告藝人，舌粲蓮花、幽默風趣可以從通告賺到很多錢，但是如果他沒其他本事，那麼節目變少了、電視產業衰敗了、他老了......就再也賺不到錢。網紅一樣的，沒有專長的網紅，來得快，下滑消失的速度更驚人。
所以我自詡是“兼職”網紅，“專項”健身教練和作家；
後來變成“兼職“網紅，“專項“證照講師與健身教練和作家；
再後來變成“兼職“網紅，“專項“課程研發與證照講師與健身教練和作家和健美職業運動員.....
至此都是開源，但沒有節流與理財力，
所以目前正在追別人的車尾燈，努力成為能好好理財的人。
雖然每天都在絞盡腦汁的精進自己、開創點子、發揮斜槓、學理財（當韭菜被割），但我也成為收入能夠自己掌握的人，累一點、拼一點，就能賺得多一點，然後再多一點理財本。
\
每個人成功、用正當手段賺到錢，都絕對有值得學習的地方；
每個人也都絕對有斜槓能力，不管你是家管，或是上班族；
斜槓能力來自於你的專項、你有興趣的事、你的創意；
沒有專項，那就去學習，現在學習平台那麼多，很多可以選擇；
或者專項想不到？那培養業務力！
業務能力能夠最快幫你賺到錢，業務能力只要肯開始做，就一定可以進步持續累進戰鬥力！
\
話說回來，想要賺到錢，業務能力是少不了的技能；
因為你研發的產品、擅長的事情，要是沒有業務能力，怎麼推廣出去要人家買單？
#培養業務力 #培養專項能力 #欣賞分析別人成功的可能
這三件事情，可以幫助你累積更多的開源能力喔～
有賺到錢，才有錢可以理財～對吧？！
（照片放刮痧幹嘛？因為這位刮痧高手也是一位很有行動力的創業家，為自己開源的能力不容小覷！和他合拍的視頻正在製作中，科學刮痧非常有意思呢～～到時候上線來分享給大家～）
#本文不同意任何媒體轉發或是擷取部分內容
[書籍推薦] 紀老師技術審校的一本書：「零基礎寫程式」（文末有彩蛋...again...喔～）
博客來網址： https://bit.ly/33tzUxU
--------------
終於把這本書「熬」出來了～～～哈哈哈！（灑花）
今天要介紹給大家的，是我負責做技術審校的一本書：「零基礎寫程式」。承蒙大是文化徐小姐不棄，三個多月前找上我，願意讓一介教程式設計的補習班老師，擔任「技術審校」這麼重要的職位。
中間雖然歷經幾次的趕稿地獄...咳咳咳...呃...是愉快的審校過程... XD ... 看到厚重的書籍寄到我手上，還是很感動淚目啊～～（回首遠望）
先用我的觀點介紹一下這本書：這本書用「瑜珈課程首頁」這個範例貫穿全書。教你如何用 HTML、CSS、JavaScript 這些網頁程式設計相關語言，打造出一個「能吸睛賺錢」的首頁來。所以，如果您沒有程式設計基礎、剛好又想學寫網頁的話，本書是不錯的開始！
原作者是「日比野 新」，有 30 年的工程師經驗，其間也教了 15 年的程式設計課程。目前獨立創業，是「侍‧工程師培訓班」（「侍」是日文「武士」的意思）的講師...咦？好像在自我介紹喔...XD 總之，我的經歷跟他很像。也是教了快 30 年的補習班，目前也是獨立創業中。雖然沒有見過他的面，不過從字裡行間，可以感受到那種對學員不厭其煩叮嚀（囉唆？XD）的親近感。
來聊一點審校期間的小八卦...這次審校時，為求與原稿正確無誤，我還要求書商提供「日文原稿」給我。然後用我看動畫 20 年練出來的 N87 日文能力（哈哈），同時對照「日文稿」、「翻譯稿」、跟我手上的「審校稿」。過程中最好玩的是，學了不少程式設計的日文漢字。像「関數 = 函數」、「役割 = 角色」...等等。感謝譯者讓我有中文稿可以對照，否則我應該會被一堆外來語片假名淹沒... XD。
如果您對這本書有興趣的話，可以點擊上方博客來的連結，用「試閱」功能瀏覽一下。您對書籍內容有什麼疑問，我雖然不是書商，不過整本書翻來覆去也看了不下幾十遍，我可以盡力回答您喔～當然，更歡迎大家直接在博客來選購，支持一下程式設計這個領域的好書！
感謝各位把這篇囉唆的推薦文看到現在，來宣布彩蛋是什麼囉～由於我收到書商兩本贈書，除了一本留做自用外，另一本想提供給網友抽獎。只要您在下方留言，說明為什麼對這本書有興趣，我將會用「粉絲頁抽獎機制」，抽出一名幸運網友，免費贈送您一本喔！留言期限至 2020/08/12 23:59:59 為止。得獎名單將在 2020/08/13 公布喔～喜歡的朋友不要錯過～
希望這次的活動，您也一樣喜歡！祝福大家在程式設計的學習道路上，收穫多多！
PS: 本文歡迎轉發、按讚、留言鼓勵我一下！您的隻字片語，都是讓我繼續提供好物的動力喔！
--------
看更多的紀老師，學更多的程式語言：
● YOTTA Python 課程購買： https://bit.ly/2k0zwCy
● YOTTA 機器學習 課程購買： https://bit.ly/30ydLvb
● Facebook 粉絲頁： https://goo.gl/N1z9JB
● YouTube 頻道： https://goo.gl/pQsdCt
如果您覺得這個粉絲頁不錯，請到「評論區」給我一個好評喔！
https://www.facebook.com/pg/teacherchi/reviews/
自從遠端工作之後，出勤的打卡記錄也轉成線上服務
雖然我也想不透工程師都線上工作了還打什麼卡...不過沒關係，打就打
但也因為在家裡工作反而常常忘記打下班的卡!
每次結算薪水都很痛苦，一整排的異常，是不是像我這種認真工作的人更容易忘記打下班的卡 XD?
既然容易忘記，我們就來寫個自動打卡系統吧!
拯救自己多無趣，當然要拯救所有同事啊!
這支影片特別感謝我的團隊伙伴陪我一起耍北爛，有你們真好。
===本月活動===
7/22 晚間 8 點「後端領航者論壇」直播活動，歡迎來參加
（適合新、中手或想往後端開發的工程師朋友）
名額有限，手刀報名 👉 https://bit.ly/3jERZRH
===影片中提到的專案===
自動化打卡 project 使用 Ruby on Rails 撰寫，架設於 Heroku
repo: https://github.com/niclin/bernard
喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘
━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com
#前端 #後端 #工程師
程式亂寫也可以動，要怎麼寫的好或易於閱讀，就得花上一番功夫去學習寫作技巧。
這支影片會和你分享一些基本的知識點，實戰技巧基本上當代程式語言開發都能使用
不過每個時代會有不同的想法跟觀點，不同的團隊也會有不一樣的慣例，希望這次的內容能夠給你一些不一樣的想法
喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘
章節:
00:00 提升品質的影響
01:29 有意義的命名比簡寫更好
03:01 限制傳入參數數量
05:03 簡化條件表達式
06:37 變數定義範圍限制
08:28 一次只做一件事
10:35 Early return
━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com
#前端 #後端 #工程師
現在學習知識的渠道越來越多，無論對於零基礎或是有經驗的工程師，想要持續成長應該看書還是看影片來的更有效率呢？
主要會和你分享我過去從新手到資深的過程中，如何持續保持進步及學習的經驗
也許這個經驗可以幫助到你，也歡迎留言和我分享你的看法
相信彼此分享不同的學習見解，能讓對於想要更精進自己程式開發功力的人有很大的幫助
===章節===
00:00 哪一個有效律?
00:36 寫程式如同寫作
05:14 書是最便宜的資源
10:14 折扣碼操作示範
===蝦皮購書折扣碼===
折扣碼：FLAGNIC36
時間：2021-03-29 ~ 2021-06-29
折扣碼：FLAGNIC79
時間：2021-06-30 ~ 2021-09-30
折扣碼： FLAGNIC11
時間：2021-10-01~ 2021-12-31
===前陣子在看的推薦書單===
（零基礎）
- 白話演算法！培養程式設計的邏輯思考
- Python 刷提鍛鍊班
（中高階）
- 設計模式之禪(第2版)
- 無瑕的程式碼－整潔的軟體設計與架構篇
- 單元測試的藝術
- 演算法之美：隱藏在資料結構背後的原理(C++版)
- Kent Beck的實作模式
（Ruby）
- Writing Efficient Ruby Code
（成長思考）
- 圖解．實戰 麥肯錫式的思考框架：讓大腦置入邏輯，就能讓90%的困難都有解！
- 師父：那些我在課堂外學會的本事
- 高勝算決策：如何在面對決定時，降低失誤，每次出手成功率都比對手高?
- 窮查理的普通常識
- 懶人圖解簡報術：把複雜知識變成一看就秒懂的圖解懶人包
- 寫作，是最好的自我投資
喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘
━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com
#寫程式 #前端 #後端
想要排出具專業、語意化、美觀的 網頁 設計嗎？這門課程讓你學會獨立設計 網頁 ，且有專人審視程式碼！ 此影片為試聽課程，完整課程連結： ... ... <看更多>
HTML 、CSS 與JavaScript 是讓Web Browser 運作的三大技術，要學會Web 程式設計的第一 ... HTML 網頁是一種純文字檔案，您只要用記事本這樣的文字編輯器就可以輕易的編 ... ... <看更多>
寫網頁html 在 [心得]給網頁初心者一篇文章- 看板Web_Design - 批踢踢實業坊 的推薦與評價
或許你也是站在小河旁邊，看著逆流而上的小魚兒，然後心所感悟
於是立下了弘願，奮不顧身的跳下河流，探出已快滅頂的頭大喊：
「我要成為網頁設計師！!咕嚕咕嚕~~..............」
很好，你的這句話打動了我的腐朽的心靈，開啟我的宅門
看來我只好把我畢生所學來誤人子弟了(一一+)
俗話說的好，師父引進門，徒弟來滅門
希望有朝一日能在我背上看見你的藍波刀
---------------------------------------------------------------
client 第一階段：HTML 或 HTML5
---------------------------------------------------------------
【基本】
在網頁按右鍵檢視原始碼，可以了解文內９０％標籤的意義
而不是一堆陌生的文字，例如<p>（段落)<br />（斷行)
<hr />(水平線)等...，能夠對每種標籤了解。
【專業】
寫出來的HTML必需符合W3C的規定(註1)，而且也必需考慮到影
響朗讀程式的一些必要屬性例如header，以及使用者輸入表單時
的跳欄順序tableindex、accesskey等屬性，換句話說也要考慮
無障礙網頁設計的細節
註1：如果你使用的firefox瀏覽器，你可以考慮安裝下列的plus-in
來幫助你驗證網頁是否符合W3C的規定
https://users.skynet.be/mgueury/mozilla/
【拋磚引玉】
通常只要有《基本HTML》的能力，就能進行下一階段了，不過這階段
最大的問題就是學習者會過度依賴編輯器(例如Dreamweaver、FrontPage
等...)來設計網頁，導致對於HTML仍然不熟，建議的最好的方法是
手裡拿著一本HTML的書(如果你還是學生，請善用圖書館資源)，試著用筆
記本編輯並馬上開啟瀏覽比對你所編輯的內容是否如同書上所說的一樣。
至於《專業HTML》只要在後期編輯時慢慢的提醒自己去注意，就會習慣。
不過如果你一開始就把檢驗工作做好，比較能節省學習時間
---------------------------------------------------------------------
client 第二階段：HTML + CSS 或 HTML5 + CSS3
---------------------------------------------------------------------
【基本】
將大部分的HTML的標籤屬性，改由CSS取代
例如將 <p><font color="red">紅字的文字</font></p>
改為 <p style="color:red">紅字的文字</p>
【專業】
使用CSS的技巧，做出版面定位、選單(註2)，並且
將HTML當作文字資料(如身體)，CSS當作樣式(衣服)
如此分開的設計
註2：透過CSS你可以完成如下列的選單
https://cssmenumaker.com/
註3：下列的網頁是一個相當好的CSS活用參考網站，你可以發現網站
使用同一個HTML資料內容，套用不同的CSS樣式，有著不同的畫面
https://www.csszengarden.com/
【拋磚引玉】
CSS部分需要長期設計網頁排版才能快速累積經驗技巧，最好
練習方式就是，「找到一個設計漂亮的網頁，然後用CSS技巧
將畫面編排成一模一樣」如此一來你就會為了要去完成某個
面版畫面，而對CSS有更深的了解。如果你不知道從哪下手，
試著去設計你的blog(部落格)的CSS吧
-------------------------------------------------------------------
client 第三階段：Javascript
-------------------------------------------------------------------
【基本】
事實上，javascript(簡稱js)算是屬於程式語言部分了，在此階段你必
需知道js的基本命令，例如絛件分歧(if..else,switch)、迴圈(for,while..)
輸出(alert,document.write)還有變數的觀念(把他想成國中的代數運算)等...
【專業】
能透過js去動態網頁的內容(不需重整網頁)，甚至改用最近熱門的JQuery來
js部分舊式用法(註4)，最後將網頁的讀取都以Ajax的技術觀念完成
註4:下列範例為使用JQuery完成的動態網頁功能
https://doublekai.org/demo/jpvowel/
【拋磚引玉】
javascript算是最基礎程式語言，在這部分你必需將他視為一個獨立的單元
來學習，最好能買一本「JavaScript完整語法參考辭典」(既然他是辭典，算是
工具書，如果經濟上准許的話，那麼就買回家放著吧，用借的還要歸還比較麻煩)
試著將書本上的每一個範例看完，如此應該就有一堆的js功力了。接著開始試著
去學使用JQuery
JQuery的基本教學可以參考
https://jsgears.com/thread-63-1-1.html
以上屬於client的部分，現在線上有提供非常方便的工具，可以拿來練習
https://jsbin.com/ 或 https://jsfiddle.net/ 都是不錯的選擇。
jsbin更詳細部分可參考保哥的文章：https://goo.gl/51jL9
※※※※※※※※※※※※※※※※※※※※※※※※※※※※
※ 前三段都為client的技術，意思就是你不需安裝任何像是
※ PHP、JSP、ASP.net的server環境，只要用最簡單的工作
※ (筆記本 + firefox or IE + 書) 就可以做學習了
※※※※※※※※※※※※※※※※※※※※※※※※※※※※
-------------------------------------------------------------
Server 第四階段：PHP 或 ASP.net 或 JSP 或 Ruby
-------------------------------------------------------------
【基本】
跟js的基本部分相當類似，若你有javascript的基礎，那麼學起來
就沒那麼困難了，此階段你必需安裝學習的環境，以PHP為例的話
若你要快速設置環竟，可以試著使用Wamp、Appserv(註5)，學習目標
可以放在函式的運用(註6)，並且使用PHP去產生HTML(所以這就是你
為什麼必需先了解HTML囉)
【專業】
使用物件導向的方式撰寫程式，利用ＷebService(註7)的遠端程式呼叫
技術做資料的讀取，考慮分散式資料處理的資料設計
註5：關於PHP環境快裡建置的部分，你可以參考
https://doublekai.org/blog/?p=242
註6：以PHP為例可用的函式多到你可能用不到，把重點放在字串、陣列
檔案、雜項的部分
https://linux.tnc.edu.tw/techdoc/banic/
【拋磚引玉】
事實上第四階段會與下一階段(第五階段)並存進行，這也是他們為
server端的最終意義，學PHP的目的就是為了從資料庫讀資料，然後
處理完畢後將他輸出
---------------------------------------------------------------
Server 第五階段：MySQL、PostgreSQL、SQL Server
---------------------------------------------------------------
【基本】
了解資料庫正規化、表單的設計與關聯概念，基本的SELECT語法
簡單的JOIN
【專業】
熟用各種SQL語法，例如使用大量的join複雜性高的關聯表單語法
能在資料被讀取之前，就已經透過內建的SQL語法完成必要的處理
【拋磚引玉】
很遺憾...目前只有基本的程式，專業的部分還不是很熟(失格！紅牌退場..囧rz)
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
結語：
1.若你還對多媒體有興趣，可以考慮加入flash這個選項
甚至可以考慮換flex....算了= =
2.你想開發2D/3D遊戲，恭喜你走錯路了，請去插C/C++或C#的背吧
(不過話說flash有俄國人開發一個3D引擎，很炫喔，如果只做小型3D遊戲可以考慮)
請參考：https://www.flashsandy.org/demos
3.分享才是王道，請多學習外國人被插背的精神
抱怨文：https://doublekai.org/blog/?p=240
4.資料庫部分如果你想開發的是單機版的網頁應用程式，你可以使用SQLite或是
Google Gears API
相關參考：https://blog.ijliao.info/archives/2007/05/31/3099/
--
歡迎來我的網誌看看
https://blog.liaosankai.com
https://liaosankai.pixnet.net
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 203.67.218.165
※ 編輯: liaosankai 來自: 123.240.37.127 (09/19 01:47)
... <看更多>