你怎麼會這樣想!?

MEMO一下網頁設計師的條件，2024/4

台灣就業通｜青年職訓資源網 - YoungDetail
這開課時間太久遠，應該沒機會參加但還是memo細項

帶你學到會的線上課程Visual Studio Code - Code Editing. Redefined4/21 開始接觸，使用六角學院線上課程

如果鬆鬆要往前端或UI/UX建議也要學FIGMA

eorl: 有，看到職缺那邊的條件也有這項，雖然現在還看不懂那是啥，要學的東西意外挺多的

2022 TheF2E 攻略資源 - HackMDJavaScript 是什麼? - 學習該如何開發 Web | MDN這一格當作資源memo

14 間軟體工程師面試經驗分享－Part.3 第一階段總結｜方格子 vocus14 間軟體工程師面試經驗分享－Part.5 怪獸工作室/邑泰/慶奇/緯創資通｜方格子 vocus財團法人資訊工業策進會查了一下資策會是甚麼，看起來偏向工程師那面的

CSS 的元件狀態 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天Text-decoration - 金魚都能懂的CSS必學屬性 - iT 邦幫忙::一起幫忙解決難題，拯...CSS的text-indentcss編輯文字相關

鬆鬆加油

成為網頁設計師的第一步！快速上手 HTML & CSS 展開你的網頁設計之旅！就是它以黑馬之姿擄獲了全球設計師的心！超人氣 UI 設計工具 Figma 快速上手！存一點想去咖啡廳混的時候可以看的東西，平板沒鍵盤想拿來聽課程練習有點難www

基本上UI/UX和前端是不同領域
前者著重在使用者的使用體驗
UI是主要使用者「看」的感覺 UX重使用者「用」的體驗

前端工程師細分也有分切版/與後端串接

在我的經驗裡面 UI/UX會在畫完線框稿和figma (操作流程的設計）後 再做前端的切版，交付給前端工程師去開發與後端串接等

不過這分工還是會依據公司規模大小而有不同

所以鬆鬆的目標哪個方向呢？

Maktia: 謝謝，講起來有點藉口但自己本身就是不愛念書的料，看似認真但實則超容易分心。總之先努力加油前三個月，習慣念書感覺應該會好很多

eorl: 小松是不是相關職業！目前會選擇轉職ui/ux網頁設計師，偏向前端的部分

原來這又拆不同領域細項，感覺這世界的東西好複雜，跟我原本所學的東西完全不同類型

應該算的上相關職業 不過我比較偏後端
如果你有空可以找時間聊聊 我可以就我所知道的跟你分享一下

eorl: 小松這幾天晚上有空咪！目前4月底前先摸熟html/css的基礎內容，蠻想知道學習這些的優先順序如何安排

可以啊 今晚也行

樓上的討論我可以報名參加嗎

eorl: Royka: 那晚上八點小池塘DC的遊樂場見嗎

我ok喔

好!!!

CSS 邊框 (Border) - 1Keydata CSS 語法教學Day20 CSS基本樣式-Border＆Outline - iT 邦幫忙::一起幫忙解決難題，拯救 I...引用文字 <blockquote>、<q> 和 <cite> - HTML 教學 | STEAM 教育學...position - 金魚都能懂的CSS必學屬性 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的...
flex-direction 屬性介紹
CSS cursor （滑鼠游標）屬性 | =ChenTsu=

處在一個看得懂規則，但要開始混亂的階段[快速入門前端 28] Float 浮動 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

Tailwind CSS - Rapidly build modern websites without...Figma: The Collaborative Interface Design Tool

UI/UX做介面設計定稿→切版→前端工程師連接畫面與功能→給後端工程師串聯整系統架構

前端三大框架
Google所推出的Angular←推薦先學嚴謹語法
2.Angular團隊中成員獨立推出Vue.js.
Facebook推出的React.

設計師必懂 (一) - Wireframe 與 Prototype 的不同 | 設計大舌頭使用者介面設計｜教學網站｜UI 開發流程前置作業｜FUNCTIONALMAP｜FLOW CHART｜UI...

給鬆鬆Google User Experience (UX) Certificate - Grow with ...

Royka adhzz331
我覺得他講得算清楚
使用者介面設計｜教學網站｜UI 開發流程前置作業｜FUNCTIONALMAP｜FLOW CHART｜UI...

謝小松！網站有好多文章可以看的，閒來無事都能拿出來滑看看

謝謝小松

【自學 UX 的五大步驟】半年內從零開始到就業的自學方法 | AAPD — As A Product D...

4/26_
免烤箱印度奶油雞＆大蒜烤餅 - 巧兒灶咖 Ciao! Kitchen 一星期HTML/CSS速成班的進度&拿來當練習的食譜網站(ㄟ)
進度其實偏緩慢，太久沒念書集中力超短的，加上看一小章節就會google一下延伸語法，下周就是flex排版應用

【CSS新手筆記】Box-Sizing-黑暗執行緒設為border-box時
<DIV>尺寸為200x100，內部淺灰區域被壓縮到只剩180x80

設為content-box時
<DIV>尺寸為220x120，內部淺灰內容區域維持200x100，面積與上方<DIV>相同。

圖解：CSS Flex 屬性一點也不難#18 CSS Flex 彈性盒子：網頁排版的超級寵兒 - iT 邦幫忙::一起幫忙解決難題，拯救 IT...align-items 屬性介紹align-items 屬性介紹flex

Flex Pirate - 擊倒海盜，獲得網頁排版寶藏FLEX小遊戲當課後練習也太酷了XDDDD

MarkMan - 高效的設計稿標註與測量工具 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一...马克鳗 - 设计稿标注、测量
方便標記色碼尺寸的軟體

一份作業大約花一小時，難怪會叫修練時光屋

position - 金魚都能懂的CSS必學屬性 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的...CSS的z-index－決定元素的堆疊順序絕對定位

Background-repeat- 金魚都能懂的CSS必學屬性 - iT 邦幫忙::一起幫忙解決難題，...[快速入門前端 28] Float 浮動 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天CSS的overflow屬性─控制頁面捲軸效果

adhzz331: 我整理房間時發現了一本工具書（年代已經久遠...） 鬆鬆有想要拿去看嗎？

eorl: 好啊好啊！謝謝小松，我要怎麼跟你拿哩

看是我寄給你還是約個時間自取？

eorl: 好啊，詳細私你

連結網域用<area>：圖像地圖區域元素 - HTML：超文本標記語言 | MDNHTML map name Attribute
游標形狀cursor - CSS：层叠样式表 | MDN

carousel css輪播 (Carousel)[CSS學習筆記] Bootstrap4 Carousel(幻燈片)元件

og:image css[Day 18] Nuxt 3 自動產生連結縮圖 OG Image - SEO 搜尋引擎最佳化系列 - ...搜尋引擎曝光用

table表格<caption>：表格標題元素 - HTML：超文本標記語言 | MDN<table>（表格元素） - HTML：超文本標記語言 | MDN表格 <thead>、<tbody>、<tfoot> - HTML 教學 | STEAM 教育學習網

form表單表單 <form> - HTML 教學 | STEAM 教育學習網HTML <input> value屬性[HTML5]文字輸入欄 Input 的新屬性：Placeholder 是什麼？怎麼用？以及他的黑暗面-...[CSS3]如何用 CSS 來改變 Placeholder 這個屬性的文字顏色-CSS3 教學HTML <input> 表單元件 - HTML 語法教學 Tutorial

HTML <select> 下拉式選單 <option> <optgroup> - HTML 語法教學 ...HTML <textarea> 多行文字輸入框 - HTML 語法教學 Tutorial
抄作業時間，按鈕css樣板
Pure

css3運用_CSS border-radius property外邊框圓角

CSS Gradients漸層

CSS沒有極限 - box-shadow - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天陰影

選擇器iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

模板資源
Floating UI - Create tooltips, popovers, dropdowns, ...Hover.css - A collection of CSS3 powered hover effec...

JS相關
jQueryjQuery是什麼，它跟JavaScript有什麼關係？它又有什麼能耐呢？

RWD 相關_表格縮放iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天第28車廂-vw很好用我知道!但不小心就踩雷捏！ - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的...

2021程式體驗營－疫情國家隊18組 | 目錄 - HackMDBootstrap5

Free Tailwind UI Component | EasyFrontend模板仔

用Velocity.js來玩動畫吧！
還沒有很懂JS先存存

【保哥談技術】JavaScript新手必看的上手建議與學習資源大整理

Josh W Comeau4660 UI elements: CSS & Tailwind

CSS-Tricks - A Website About Making WebsitesPop(over) The Balloons | CSS-Tricks

CSS { In Real Life }