【前端作品常見小錯誤】
學習新技能的過程中除了掌握技能外
更想完成具水準的前端作品
而作品中如果有些小缺陷，累積起來就會讓整體水準下降
我清楚有許多學員並非具有 “設計背景”
所以本篇並非要介紹美的做法
而是要大家避開「不美觀」的常見問題
事先注意許多小問題，將會發現做出好作品不難

### 文字
文字是用來傳遞訊息的，清晰傳達是他的用途

- 字體僅有使用微軟正黑體
→ 行動裝置或其它作業系統是沒有此字體的

- 整體字體太小或太大
→ 太大會影響精緻度，設計上會較難掌控；太小則是影響閱讀性

- 標點符號運用錯誤
→ 請不要混用半形標點符號在全形文章內。ex: 我的,好朋友

- 文字色彩辨識度不足
→ 網頁是用來傳遞資訊的媒介，辨識度不足則會影響此媒介的功效
可參考：https://wcc723.github.io/design/2018/10/22/accessibility/
.
### 動態
動態是給予用戶當前操作的最好提示

- 啟用的選單連結缺少 "啟用" 的視覺效果
→ 讓用戶了解目前的位置

- 非同步行為進行中的視覺效果（讀取、進行中...）
→ 用戶會不清楚目前的操作是否有作用
.
### 色彩
色彩單純，就是最好的顏色搭配

- 網頁色彩過於混亂
→ 色彩越少，畫面越容易掌控，太多色彩容易讓作品失焦
可參考：https://wcc723.github.io/design/2018/10/21/color/
.
### 圖片
好品質的圖片讓網站好品質

- 變形
→ 圖片比例與原圖不同時，會讓人感覺作品粗糙，對於執行者來說也是不細膩的表現

- 檔案太大
→ 避免將過大的圖片直接呈現於畫面上，除了會影響下載速率外，也會讓畫面的呈現效能變差

- 檔案品質不佳
→ 會直接降低網站的水平

- 圖片內的文字變形→ 同 “圖片變形”
.
### 排版

畫面整齊，是最好控制的美

- 網站沒有依據格線排版
→ 不整齊，是最難控制的排版方式

- 行動版出現水平捲軸
→ 代表有內容超出畫面了！

以上簡單介紹常見的美觀問題
接下來將會安排時間補上示意圖

即時地圖聊天室，應該可以出蠻多有趣的應用 :)

github & 說明: https://github.com/comdan66/livemaps
demo site: https://livemaps.ioa.tw/

Hi 大家早，分享一下這兩天因為 Chander Shiu 大大在 Web Tech Topic 分享的 Firebase 應用

Live Demo：https://livemaps.ioa.tw/

這是一個使用 Firebase 的 Realtime Database 的應用 Web 程式，分享給大家玩玩看！搭配 Google Maps Js API，來實作一個可以在地圖上分享訊息聊天的前端作品，網頁上也有相關的實作說明，這個作品要越多人參與才越活絡，所以歡迎大家分享吧！

GitHub 在這邊：https://github.com/comdan66/livemaps/

還有很多未上的功能以及未解的 Bug，之後有時間我也會用 iOS 寫一個 APP，到時候再上來分享一次ＸＤ

#Firebase #GoogleMaps

⭐️森林系創作男聲－MINGREN蔡明仁
⭐️個人首張同名創作專輯，熱銷中！
⭐️一小時深度專訪 & 全專輯導聆
＿＿

📍節目主持人：新鮮DJ Jeff
主持人IG ▶️https://reurl.cc/7yz1a9​​
🌐關注音樂新鮮人節目各平台，獲得最新資訊！
https://linktr.ee/fresher_music_official
＿＿

『還記得那天下午
我戴上耳機專心細細品味
《蔡明仁MINGREN同名專輯》之後
心中充滿了激動與驚喜

裡面十首美麗至極的創作
讓我彷彿走進一座繁盛的森林
有花有草，有溫暖的陽光與新鮮空氣
專輯中除了流行的電子音色，EDM曲風
也有Acoustic 的古典&民謠雙吉他
以及大量的弦樂編制（燒錢啊！）

十首創作細節處理不馬虎
能清楚感受到其中的生命力

如果真要我為你們選一首蔡明仁歌
DJ Jeff首推專輯中的新歌
《一切都會過去的》
MV已經上架YouTube
八月初發行至今已經突破77萬點閱！

愛音樂的你，站在流行樂壇前端的你
絕對不能錯過！
由衷希望這樣的好音樂，若能遇上知音
朋友們，聽就對了！』

(新鮮DJ Jeff 2021.08)

————————

來自大馬的新銳創作才子蔡明仁，國中時期開始接觸音樂，23歲來台灣念流行音樂系，2018年他為電視劇《新流星花園》片尾曲創作了〈愛，存在〉單曲，隨即成為網路神曲，在YouTube累積破1300萬點閱及抖音9億次觀看的驚人成績。他說，從小到大沒有什麼做得特別好的事情，只有在音樂的世界裡，他得到了成就感。蔡明仁作為初生之犢，創作旋律卻是情感濃厚、非常有記憶點，他將自己的日常作為靈感：過往的感情、在城市裡騎著單車、他最忠實的狗朋友、2020年全世界遇到的困境......，引領我們進入他的音樂宇宙世界，首張專輯《蔡明仁MINGREN同名專輯》，收錄了10首全創作歌曲，包括成名曲〈愛，存在〉的鋼琴現場版本，他藉由擅長的流行抒情、R&B、饒舌嘻哈、到EDM曲風，將他過往愛情上的點滴，像是愛情的時間軸一般，化為一首首的作品。

—————————

《蔡明仁一小時深度專訪｜播出資訊》
《音樂新鮮人節目｜新鮮DJ Jeff》

🔊09/20（一）18:00 首播
🔸FM88.1 世新電台（線上收聽）
🔸音樂新鮮人YouTube（18點影像同步首播）
🔸Spotify 🔸Apple Podcast（19點上架）
🔸SoundOn聲浪 🔸Google Podcast

🌐各大平台搜尋關鍵字：
音樂新鮮人、蔡明仁、世新電台


［蔡明仁MINGREN OFFICIAL］
★Facebook｜https://www.facebook.com/Mingren2021/
★Instagram｜https://www.instagram.com/mingrc/
★Youtube｜https://www.youtube.com/c/mingren2021
★Twitter｜ https://twitter.com/mingrchai


—————————

《本節目由錄播客錄音室冠名贊助播出》

錄播客工作室，是位於南港展覽館附近的錄音空間，位於高鐵台鐵捷運旁，旁邊還有停車場、Ubike，交通十分方便。同時更友善創作者，提供共享空間，讓創作者錄音前，前往討論休憩。不用擔心像其他錄音室，只能在預定時間抵達。錄音後還要匆匆忙忙離開。會擔心對來賓造成困擾或不夠尊重。
工作室更提供現煮咖啡、無限取用的飲料零食。室內更是採用專業吸音、對於抗噪有很好的效果。
同樣的價錢、為什麼不選擇最好的錄播客 PT Recording。

IG: https://instagram.com/ptrecording?utm
FB: https://m.facebook.com/PTRecording/

#愛存在 #蔡明仁 #世新電臺 #音樂新鮮人 #名人 #專訪 #電台 #專輯 #蔡明仁同名專輯

很多人都說要寫 Side project 提升競爭力、增加作品，但是不是總迷惘，要如何開始呢？

這支影片會和你分享，過去我從無到有，利用下班時間累積的 Side project，帶給我個人成長的好處

我的部落格文章:
1. 2 個月擁有 6000 用戶 Side project 這樣做（一）
https://blog.niclin.tw/2019/09/03/start-your-side-project-beiyi-app-1/
2. 2 個月擁有 6000 用戶 Side project 這樣做（二）https://blog.niclin.tw/2019/09/10/start-your-side-project-beiyi-app-2/
3. 2 個月擁有 6000 用戶 Side project 這樣做（三）https://blog.niclin.tw/2019/09/18/start-your-side-project-beiyi-app-3/
4. 經營 Side Project 300 天所帶來的收穫及挑戰
https://blog.niclin.tw/2020/05/27/beiyi-app-side-project-review/

章節:
00:00 學習挑戰與累積
01:07 什麼是 Side Project
03:46 如何開始 Side Project?
06:24 我的第一個 Side Project
08:37 收穫源自於失敗

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘

━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: 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

#工程師 #sideproject #前端 #後端

## 影片觀看說明

由於問題較多，大家的問題也可能是你的問題，建議可以先閱讀下方的「問題總匯」區，找到時間碼 Time code 之後跳轉到自己想聽的部分，會比較有效率哦

本影片 Q&A 留言是抓取
【2020 年度回顧! 成為 Team leader? 業外收入增加? 技術能力成長? (第一次蒐集 Q&A)】https://youtu.be/BGaDN9wxbKE

## 影片中提到的專案

簡單用 React 撰寫的留言爬取篩選功能，可以自己抓去玩
https://github.com/niclin/youtube-comment-filter

## 問題總匯

00:00 開場
01:26 QA-1 - 林天寸

一直很喜歡妳的頻道，不單單是因為工程師，當然也有部分原因是自己也是走工程師這條路的。
前一年2020年開始，其實是我剛轉職工程師的第一年，在滿多地方都遇到不小的問題，在troubleshooting上面也是有許多瓶頸的。
後來除了白天上班，下班看書跟休息，偶然間看到你的影片[工程師如何自我進修]，才開始慢慢用計畫的方式取代橫衝猛幹。
不得不說，規劃時間真的是比起技術性的功力還更有成效。因為它讓你適時的放鬆跟加強，然後在工作上面才更有長進，雖然很幹話，但我2020的下半年是這樣做的。
目前在準備考取網路管理的證照CCNA，計畫是走network這一塊，還有很多要磨練的。希望也能多看你產出跟network的影片，這是私心話啦，哈哈。

02:57 QA-2 - 仔仔

1.學程式會建議從前端或是後端哪個開始學會比較好?
2.一開始投履歷如何判斷一家公司是可以成長的，而不是進去3，5年後還是那個跟剛進去程度相差不遠的自己差不多
3.跟程式相關的產業有很多(像是製造業到博弈)，可以請Nic分析一下各產業的狀況嗎?以及進去各產業前須要具備哪些程式語言或能力?
4.投履歷時看到一些公司列出所需程式語言和工具一大堆，是不是代表你沒完全具備就不要投履歷了，還是可以請Nic給個意見哪些部分還是可以投看看
5.都說工程師又宅又不會說話，為什麼Nic可以交到女朋友?

10:40 QA-3 - ANDREW NG KAR EARN

如果当写编程语言遇到瓶颈，有什么方法可以有效地避免自己陷入钻牛角尖的情况？

11:46 QA-4 - JS Lin

如果NIC現在選擇能馬上精通一項語言會是哪個？會想用來做什麼PJ？

13:13 QA-5 - Rick0

成為 team leader 後無法直接在技術上有更深入的研究和突破，這樣的變化是否值得?
是否會擔心這樣在技術上跟不上其他人，甚至被下屬看輕呢?

14:39 QA-6 - Henry蔡

因為最近是寒假期間，
我開始考慮下學期的修課，
想請教nic大大，
應該在有什麼樣的基礎上，
開始學design patterns？
我目前是碩士生，
大學非資工本科，
學過Python，
也跟過一些網路影片實作過Flask+PostgreSQL，
大學學過資料結構演算法，
但不到得心應手的程度...

16:07 QA-7 - 黃柏瑋

如何同時Handle好好幾件事
我怎麼覺得上班，然後下班假日寫寫side project後就沒啥時間了🤔🤔🤔

17:24 QA-8 - 乾太

我想問一下這年頭轉行斜槓 VTuber 還有沒有搞頭A？

18:10 QA-9 - uuu06222

之前開始關注你有知道你有面試過人的經驗, 想問一下站在面試官的角度...
面試官會不會比較注重作品需要呈現那些東西, 或是有沒有什麼禁忌是不能碰的嗎?

20:07 QA-10 - Joery Lin

想請教您對於對於給你很多成長和照顧的公司，倘若您有一個更好的機會，無論薪水或未知挑戰都大於現在公司。
您將如何做選擇，或許現在公司會給你加薪留下你。

因為自己曾放棄了許多機會

21:37 QA-11 - YangTing Zheng

Q1: 想問通常一個產品開發的週期都多長呢？負責維運和開發的工作內容是否會差很多？
Q2: 想請您簡單介紹一下資工系學生的出路/工作內容？(如PM.SA.DBA.PG.RD.MIS…或是還有其他的？）

24:16 QA-12 - RTB

Hello World

24:18 QA-13 - Barry

目前是公司MIS 很想轉職成後端工程師，但在面試上面都都時常失敗
常常在問技術關卡時就被問倒了，總覺得 要準備的東西非常的龐大
毫無準備的頭緒，總覺得一直寫side project也不是辦法

26:49 QA-14 - 因地制夷

想請教Nic 有在做投資嗎? ex 股票 想聽一些投資心得

27:13 QA-15 - 比歐

想請教 Nic 大，
在之後的工程師生涯中之後有甚麼規劃或想法嗎?
例如:開發產品創業，或是開班授課、轉做顧問之類的。

28:14 QA-16 - yongming jia

请问新手如何学编程，学完去做什么？怎么自己创业？谢谢🙏

29:33 QA-17 - Minghao Chang

是否能請您推薦用來開發的筆電？（正好最近要汰換電腦），想從今年開始養成寫side project的習慣，謝謝。

30:31 QA-18 - Guan Jun Chen

想知道像Nic這麼厲害的工程師，年薪大概落在哪裡

30:46 QA-19 - Sheng Jiang

想請問Nic，如果非資工背景但是對寫程式有熱情，想轉職當軟體工程師，會建議如何起步?

補充：像是什麼樣的人適合自學，什麼樣的人適合去補習，或者補習跟自學的情況各有哪些優劣?

謝謝Nic

## 結尾

31:49 感想

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘

━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: 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

#QA #工程師 #在地上滾的工程師 #前端 #後端 #轉職