[學習資源] 前端網頁設計學習資源

https://goo.gl/Ta8Lbv
#eLearning #WebDevelopment #StudyResources

好吧！大家真的是嚇到我了！前幾天，我發了一篇「前端網頁設計規格書大集合」（連結在此： https://goo.gl/bwv6TL ），沒想到觸擊人數飆到 1.5萬+ 以上！破了本粉絲頁開版七年以來的最高記錄（8000+）快兩倍。我到現在還是不知道這篇為什麼會那麼紅？ XD 不過也感謝按讚轉發的各位啦！我就把它當成大家對「前端網頁設計」有興趣的暗示吧！

發了那篇之後，陸續收到一些朋友用私訊問我怎麼學網頁前端設計？有沒有那種照著學就可以學會、然後還要免．費．的．...哈哈！免費的沒問題，但中文又免費就不好找囉！不知怎麼地，這方面外國人比較大方....

今天提供給大家的，是我覺得不錯的一份「前端網頁設計」學習指南。它按部就班地指引大家學一些簡單的 Linux 命令列，以及原始碼版本管控軟體 Git/GitHub。前者如果你真的用不到可以不用學跳過，後者我強烈建議要學（但學了你會發現 Git/GitHub 多用 Linux 命令列，你會回頭去學第一項，哈哈）！因為好好保管原始碼、能隨時倒退回某個時間點的原始碼，對程式師來說是很重要的。

接下來就是 HTML、CSS、JavaScript 這些正規軍上場了。作者還推薦學習 Twitter 出的「Bootstrap」，以及 jQuery 這兩套可以快速建構使用者介面的 JavaScript 套件。用 JavaScript 寫前端介面的速度如果比喻成「走路」的話，用了 Bootstrap 與 jQuery 就好比坐高鐵了。你可以在很短的時間內，建構出「蠻嚇人、蠻像樣」的使用者介面。

最後他有教了一點「後端網頁設計」，使用的是 Node.js 這個語言、以及 MongoDB 這套比較新的資料庫。如果你真的志不在後端，可以跳過。如果你有興趣看一看，我蠻推薦的！不過目前業界能混飯吃的，還是靠 PHP 與 MySQL 這兩套「老東西」比較多（雖然有慢慢被 Node.js + MongoDB 追上來的趨勢）。所以我才說「不勉強各位看這一段」。

今天的介紹各位還喜歡嗎？喜歡的話請不吝按讚或轉發分享喔！各位按讚除了滿足小弟一點小小虛榮心之外，也當成我「選材」的一個重要依據。按讚越多的，我會特意選該方面的材料多一點。目前比較受歡迎的，就是「網頁前端設計」與各類「影音教學」帖了。如果找到這方面的資源，一定會在第一時間分享給大家的！

[有用網站] 前端網頁設計規格書大集合！

https://platform.html5.org/
#WebProgramming #FrontEndWebTechnologies #UsefulSite #WebProgrammingSpec

做「前端網頁程式設計」的工程師一定都遇過這種頭痛的問題：「前端網頁牽涉的規格太多，我要去哪裡找類似『字典』可以查語法的網站啊？」或者是：「前端網頁語法在所有瀏覽器上並非 100% 相容，我要去哪裡測試看看某語法在我的瀏覽器上是否相容呢？」

今天這個網站就可以幫您！它收集了 HTML, CSS, JavaScript...各種規格的規格書連結，讓您想查某個語法細節時，可以查得到。每條規格的後方，若有個小小的 (u) 記號，點擊後就能幫您查某個語法是否相容於特定的瀏覽器。作為「字典」，算是相當好的功能！

如果您開發前端網頁，也有「規格書不知哪裡找」，「這個語法到底可不可以用在 XX 瀏覽器」，不妨試試看這個網站喔！

喜歡的話，歡迎按讚鼓勵，或者轉發分享。如果有任何疑問，歡迎留言在下方討論喔！

▌建議開啟 4K 畫質 達到高品質觀影享受

😱 三寶橫行 保命要緊
輸入科技狗獨家折扣碼『3CDOG64G』
送 64G 記憶卡！不限時不限量
➥ https://bit.ly/2WYkCjU

===============================================================
勘誤：
08:11 : 吃到飽退場的只有「綁約優惠」，實際上還是會持續有 NT$1,199 另購性能方案的選擇！
不過也不是一定吃得飽，因為有一條但書：
(1)每月總里程超過 1,600 公里達連續 2 個月；且
(2)用於包括：快遞、物流、租賃 (長租 / 短租)、客運載客、旅館 / 民宿、餐飲外送等服務時，
Gogoro Network 得將使用者移出「騎到飽方案」，使用者不得拒絕，...

看來 Gogoro 就是要懲罰吳柏毅和熊貓運匠呢

現在路上看到別人騎 Gogoro 都像吃飯喝水一樣，身為科技媒體也需要來一輛，就選了甚少人騎的 S3 ABS 款。這個貼背性能和壓車靈活可是歷代之最，ABS 煞車手感也是 SBS 比不上的。
如果單純環保愛地球那大可不必，因為換算下來花費比油車高貴得多，組裝外觀用料也是明顯落差，月租費則是真的要計算給你看，影片裡面都有就給大家參考。

話說回來 Viva Mix Superfast 款最近很香，馬力大又有彩色儀表板；稍微看了一下規格，彩色儀表板、皮帶傳動是最香的地方，爬坡扭力和馬力稍微弱一點，價格則是差不多。 對我這種飆到極限的科技飆仔來說還是 Pass 了。

講回來行車記錄器，主要就是感光元件、解析度幀率、儲存格式在做選購依據啦。最近吵得厲害的安全帽固定突出 5mm 以內是有點爭議，好在機車法官就是內裝接電式。

過來人告訴你，行車紀錄器真的很重要，我們 Vivi 去年租車去音樂祭直接被撞後不理，一萬塊就這樣飛了 可憐哪 ¯\_(ツ)_/¯

同是被三寶荼毒的苦命人，幫你們爭取到了獨家優惠，現在輸入科技狗折扣碼『3CDOG64G』就送 64G 記憶卡！原本加購可是要花 NT$400 滴，不用謝了 🤗
➥ https://bit.ly/2WYkCjU

全文評測
➥ https://3cdogs.com/2021/07/06/motoj/
#科技狗 #Gogoro #S3ABS #GogoroS3ABS
===============================================================


::: 章節列表 :::
➥ 車體解析
00:00 哪裡環保？
00:31 外觀設計
01:31 動力煞車
02:39 型號分析

➥ 行車記錄器
03:19 選購要點
04:49 moto J Q-7
05:38 選手比較
06:00 無線傳檔

➥ 資費計算
07:05 資費計算

➥ 最後總結
08:33 心得總結


::: Gogoro S3 ABS 規格 :::
尺寸規格：1,890 x 740 x 1,110mm
軸距座高：1,316mm / 770mm
重量規格：102kg (無電池) / 119kg (含電池)
置物空間：26.5L
儀表板：​​正顯背光單色液晶
最大功率：7.6kW @ 3,000rpm
最大馬力：10.18hp @ 3,000rpm
最大扭力： 26 / 213Nm @ 0 - 2,500rpm
爬坡能力： 30% ( 17° ) : 40km/h
20% ( 11°) : 50km/h
10% ( 6° ) : 70km/h
傾斜角度：左：41° / 右：45°
單次續航： 約 170km ( 定速 30km/h )
動力系統：G2 鋁合金水冷永磁同步馬達
速度模式：電子油門 / 電子倒車鍵 / 油封鍊條
加速模式：智慧模式 / 標準模式 / 競速模式
煞車系統：油壓碟煞 / ABS 防鎖死煞車系統
碟盤規格：前 220mm 打孔碟 / 後 190mm 打孔碟
卡鉗型式：前 雙活塞 / 後 單活塞
輪胎規格：前 100 / 90 - 12 ( 59M ) / 後 110 / 70 -12 ( 53M )
前後輪胎：Maxxis MA-EV 高抓地力雙能胎
燈光系統：Class - C LED 頭燈 / LED 方向燈、尾燈組

::: 機車法官 moto J Q-7 規格 :::
處理晶片：晨星 SSC8339D
鏡頭構成：6G 全玻璃鏡片 f/1.8
解析幀率：1080P30fps
鏡頭畫素：200 萬畫素
錄影視角：DFOV 135°
錄影格式：2 分鐘循環錄影、TS 格式
記憶卡支援：最高 128GB microSD C10 / U1 / U3
供電方式：12V 轉 5V = 1.5A
防水係數：IP67
感測元件：三軸感應器
防水麥克風：Yes
無線傳輸：Wi-Fi
時間註記：App 校正 日期時間
拍照功能：App 控制
重量規格：50g
原廠保固：一年
建議售價：NT$5,500


不要錯過 👉🏻 http://bit.ly/2lAHWB4


--------------------------------------
#gogoros3abs #GOGOROS3ABS #gogoro #GOGORO #s3abs #S3ABS #gogoros3 #GOGOROS3 #GogoroS3 #motoJQ7 #機車法官 #電動車 #宏佳騰電動車 #gogoro電動車 #YAMAHA電動車 #PGO電動車 #電動車學生方案 #電動車優惠 #gogoro車友 #電動機車 #電動自行車 #行車紀錄器 #車禍理賠 #三寶 #行車安全 #電動車推薦 #電動車介紹 #機車介紹 #機車推薦 #機車2021 #電動車2021 #優缺點 #評價 #review #unboxing #PTT


📖 Facebook：https://www.facebook.com/3cdog/
📖 Instagram：https://www.instagram.com/3c_dog/
📖 LINE 社群：https://bit.ly/3rzUq8g
📖 官方網站：https://3cdogs.com/
📖 回血賣場：https://shopee.tw/3cdog

▋ 有任何問題都來這邊找我們：3cdogs@gmail.com

＃京懋＃京懋敦和＃青埔

京懋敦和位於致善路一段與致維街口，緊鄰老街溪，基地面積為2130坪，住戶坪數分92與107坪兩種規格，分前後兩大棟，以3房2廳格局為主，總戶數為88戶，地上23層，地下3層，預計2024年第四季完工。全案採大尺度規劃，以吸引金字塔頂級購屋客。目前工程進度已經開挖至地下2樓。

步行4分鐘可達正在興建的桃園市立美術館，5分鐘就到青塘園生態公園。公設比為百分之34，社區中庭規劃為500坪自然系大庭園，讓綠意深入住家。每戶並設計有大陽台，可以種植盆栽，遠眺水岸景觀。這次京懋建設相隔十年後，再次推出百坪建案，有其指標性意義。

本次的拍攝只是過程，未來還會定期持續拍攝下去，直到完工為止，所以也歡迎訂閱並關注本頻道，好隨時了解青埔建案的最新發展與現況。

►►►歡迎訂閱梁震明頻道：https://bit.ly/33R0bmf

►►►梁震明臉書粉絲頁：https://www.facebook.com/inkliang/

►►►梁震明痞客邦：http://tom20030208.pixnet.net/blog

►►►梁震明IG：https://www.instagram.com/liang_chenm...

【梁震明簡歷】

國立台北藝術大學美術創作研究所畢業。

曾任國立台南藝術大學藝術史系及東海大學美術學系講師。

個展12次，國內外聯展30餘次。

作品曾在香港蘇富比、羅芙奧及沐春堂拍賣成交。

著作「墨色的真相」與「台灣寺廟龍柱造型之研究」獲國立編譯館出版刊行。

現為羲之堂代理之專職水墨畫家。

水墨創作介紹：http://tom20030208.pixnet.net/blog/ca...

水墨材料介紹：http://tom20030208.pixnet.net/blog/ca...

藝術生活分享：http://tom20030208.pixnet.net/blog/ca...

台灣龍柱介紹：http://tom20030208.pixnet.net/blog/ca...

水墨藝術分享：http://tom20030208.pixnet.net/blog/ca...

台灣露營分享：http://tom20030208.pixnet.net/blog/ca...

國內旅遊分享：http://tom20030208.pixnet.net/blog/ca...

國外旅遊分享：http://tom20030208.pixnet.net/blog/ca...

空拍經驗分享：http://tom20030208.pixnet.net/blog/ca...

#DJI #dronefootage #dronevideo #dronephotography #dronestagram #drones #fpv #djiglobal #photography #pro #aerialphotography #dronepilot #travel #nature #dronefly #fpvfreestyle #quadcopter #dronevideo #freemoney

三星 Samsung Galaxy Z Fold3 5G / Galaxy Z Flip3 5G 完整開箱評測系列，實測、評價、推薦、售價、摺疊手機 值不值得買？擁有 20 萬次的摺疊次數，採用全新螢幕下鏡頭技術摺疊螢幕、支援 S Pen 及 IPX8 防水等級。支援與 Wacom 合作重新設計的 EMR 技術 S Pen 搭載 Snapdragon 888 續航力 耗電 溫度是否發熱過熱？（遊戲實測 PUBG M）效能 調校 25W 快充 S888 續航力電力電量實測，除了帶你一起看 Samsung Galaxy Z Fold3 / Galaxy Z Flip3 值不值得買外，更讓你能夠一窺 120Hz Dynamic AMOLED 2X 摺疊全螢幕。採用康寧 Victus 支援 IPX8 防水。 Z Fold3 App 應用程式比例調整、App 釘選

Z Fold3 / Z Flip3 最新優惠：http://s.isbonny.com/GalaxyZ （意外保障一年、免費試用計畫）

採用三鏡頭相機 F2.2 1200 萬畫素 120 度超廣角鏡頭，F1.8 1200 萬畫素廣角主鏡頭，支援 OIS 光學防手震，1200 萬 兩倍望遠鏡頭。邦尼實測包括日拍、夜拍、夜間模式、夜間夜景模式、智慧場景辨識、123 度超廣角相機 、日拍、夜拍、錄影實測，S21 Ultra 搭載 6.2 吋 120Hz 封面螢幕搭配 7.6 吋 120Hz 摺疊螢幕，採用更省電的 Eco2 OLED ，支援 HDR10+ 峰值亮度達 1200 尼特。音效上搭載雙喇叭並支援 Dolby Atmos 杜比全景聲，效能上搭載 Qualcomm SnapDragon 888 , LPDDR5 12GB Ram；續航搭載 4400mAh ，支援最高 25W 快充實測 , Qi 無線充電 ，同步實測，通訊上支援 5G , Wi-Fi 6 , 支援 Samsung Pay 不支援 MST , Samsung Pay 悠遊卡，擁有卡槽 等超完整實機實際測評。

立即加入邦尼頻道會員計畫：https://www.youtube.com/c/isbonny/join
(#你的恐龍會隨著你的會員等級一起成長哦！)
邦尼社團：https://fb.com/groups/isbonny

－－－－－－
- 邦尼找重點：

外觀設計 Unbox & Industrial Design：
0:00 邦尼幫你 開場
00:29 外觀設計 / 摺疊手機進化發展
01:51 Z Fold3 5G 內外螢幕使用情境 / 握持手感
03:20 側螢幕選單 / 快速開啟 App / 使用撇步
04:31 側螢幕選單 / 新功能 / 釘選
04:53 網站分頁同時開啟
05:11 螢幕版面配置與縮放 / 使用方式 / 支援第三方 App
06:18 內外螢幕 App 切換實測
06:58 自訂應用程式長寬比實測（調整 App 寬度比例）
07:15 左右分離鍵盤
07:26 剪貼簿
07:39 康寧 Victus 大猩猩螢幕玻璃 / Armor 鋁合金結構機身 / IPX8

影音娛樂 Display & Speakers：
08:13 Z Fold3 螢幕規格 / 封面螢幕支援 120Hz 畫面更新率 / 亮度 & 顯示實測
09:10 S Pen 技術特點 / 摺疊區域書寫實測
10:22 兩款支援 Fold 系列 S Pen 差異
11:27 S Pen Fold Edition / 啟動快捷選單 / 建立筆記 & 實測
12:25 S Pen 手寫辨識實測
12:56 語音同步筆記 / 使用方式 / 實測
13:25 Samsung Notes 開啟 PDF 寫字 / Samsung Notes 同步方式
13:37 智慧選取 / 截圖 / 寫字
13:43 智慧選取 / 截圖 / 插入 Word
13:49 智慧選取 / 擷取文字 / 擷取無法複製的文字
14:00 智慧選取 / 快速去背
14:06 懸浮翻譯 / 使用方式
14:10 智慧選取 / 錄影 / 製作 GIF
14:26 Z Flip3 螢幕規格 / 亮度實測 / 外螢幕自訂
14:59 UTG 超薄可摺式玻璃特性 / 摺痕實際體驗
15:27 雙喇叭外放實測

相機規格 Camera Review：
16:04 Z Fold3 5G 相機規格 / OIS 防手震 / DP 快速對焦 / 移動快門位置
16:45 Flex Mode 拍照模式 / 使用方式 / 實測
17:09 Z Flip3 5G 相機規格
17:24 日拍實測
18:00 夜拍實測
18:56 支援 4K 60fps 錄影 / 專業影片模式 / 藍芽耳機變收音麥克風 / 最佳導演模式 / 超穩定動態攝影
19:15 Z Fold3 5G 主鏡頭自拍 / 適合 VLOG
19:26 螢幕下鏡頭 / 技術原理 & 實際體驗
22:05 Z Fold3 5G 各鏡頭自拍樣張
22:11 Z Flip3 5G 自拍支援超廣角 / 自拍樣張

性能電力測試 Performance & Battery：
22:34 Z Fold3 5G / Snapdragon 888 / 12GB RAM / 512GB ROM
22:44 Z Flip3 5G / Snapdragon 888 / 8GB RAM / 256GB ROM
22:51 跑分實測數據
22:59 PUBG M 實測
24:08 Z Fold3 5G / 4400mAh 電池 / 續航實測
25:01 Z Flip3 5G / 3300mAh 電池 / 續航實測
25:14 Z Fold3 5G / 支援 25W 快充 / 充電實測
25:29 Z Flip3 5G / 支援 15W 充電 / 充電實測
25:46 支援 Qi 無線充電 / 無線電力分享 / 反向充電
25:56 支援 Samsung Pay & Samsung Pay 悠遊卡
26:03 支援實體指紋 & 臉部辨識 / 解鎖設定建議
26:22 總結

邦尼幫你官網：https://www.isbonny.com

歡迎加入【邦尼】討論區：
【邦尼】專屬社團：https://www.fb.com/groups/isbonny/
【蘋果】專屬： https://www.fb.com/groups/isapple/
【三星】專屬： https://www.fb.com/groups/issamsung/
【Sony】 專屬： https://www.fb.com/groups/issony/
【Google】 專屬： https://www.fb.com/groups/isgoogle/
【小米】 專屬： https://www.fb.com/groups/isxiaomi/
【華碩 / ROG】 專屬： https://www.fb.com/groups/isasus/
【vivo】 專屬： https://www.fb.com/groups/isvivo/
【OPPO】 專屬： https://www.fb.com/groups/isoppo/
【realme】 專屬： https://www.fb.com/groups/isrealme/
【OnePlus】 專屬： https://www.fb.com/groups/isoneplus/
【HTC】專屬： https://www.facebook.com/groups/ishtc/

#邦尼評測：超深入 3C 科技使用體驗
#邦尼LOOK：3C 科技產品開箱快速動手玩

你訂閱了這麼多頻道，就是少了一個幫你評測幫你了解科技生活的科技頻道，立即訂閱「邦尼幫你」吧！
訂閱邦尼幫你：https://lnk.pics/isbonnyYT
邦尼社團：https://fb.com/groups/isbonny
邦尼幫你 FB：https://www.fb.me/isbonny
邦尼幫你 IG：https://www.instagram.com/isbonny/
邦尼 Telegram：https://t.me/isbonny
邦尼Line官方帳號：@isbonny（http://line.me/ti/p/%40isbonny ）
邦尼信箱：service@iwaishin.com
邦尼評測（產品合作）：me@iwaishin.com
快來找我們玩！！！！

本期卡司：
出演：三星 Galaxy Z Fold3 5G / Galaxy Z Flip3 5G
主謀（製作人）：邦尼
內容創造者：威信
影像創造者：驢子
麥聲人：歐登
內容夥伴：IWAISHIN 愛威信 3C 科技生活
特別感謝：Samsung Taiwan & 一個看影片的「你」
邦尼老實說：本影片係由 Samsung Taiwan 有償委託測試，並由邦尼幫你秉持第三方評測的客觀事實，衷心製作消費者體驗報告。

我們是邦尼幫你：
以「邦尼幫你」為出發點，秉持著「科技很簡單，新奇可以好好玩」的初衷，以更多實境使用場景及戲劇內容豐富以往艱澀難懂的科技資訊，回歸消費者角度思考產品價值，並以「幫你玩、幫你測、幫你試」等實測內容給予產品評價，此外更期許能夠成為「更貼近消費者觀點」的內容創作者及具有媒體影響力的科技內容創造團隊。