iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

從入門前端技巧到uiux設計的心得分享 系列

透過前端網頁工程師和uiux設計師的兩種角度,分享學習的歷程與心得,並且分享實習的經驗與職場碰到的困難等等,也會介紹好用的套件與libary

鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 1

【Day 1】 前言與內容介紹

前言 這是一個有兩個專業的人,想分享學習心得的故事,之後介紹會分成前端開發與ui/ux相關兩個主題作為介紹。 在前端開發主題 這部分的內容將圍繞在幫助剛踏入前端...

2022-09-10 ‧ 由 mimimoumou 分享
DAY 2

【Day 2】 開始使用前端框架React

首先,框架很重要,但本系列大部分文章以不用到框架為主,避免讀者會適應不良(笑),且大部分套件都有為各大框架特製的版本,可以先熟悉框架開發後再去研究。 為什麼...

2022-09-11 ‧ 由 mimimoumou 分享
DAY 3

【Day 3】 好的UI製作從好用的工具開始(上)

剛開始製作第一份UI作品時,會發現市面上有許多好用且成熟的軟體,但總會煩惱過要選用什麼工具,本篇文章會介紹我自己用過的三個軟體Figma、Adobe XD、S...

2022-09-12 ‧ 由 mimimoumou 分享
DAY 4

【Day 4】CSS選擇器的應用

這篇主題也是在面試時,面試官八成會問你的問題,懂得如何正確地應用CSS選擇器能大大的提升開發的效率。 CSS選擇器(selector) 有找到一個很完整的條...

2022-09-13 ‧ 由 mimimoumou 分享
DAY 5

【Day 5】 好的UI製作從好用的工具開始(下)

接續第三天的介紹,下篇簡單分享Adobe XD的使用心得。 軟體的簡單介紹 Adobe XD - 極具潛力的UI軟體 推薦值:3.5顆星 在Figma爆紅之...

2022-09-14 ‧ 由 mimimoumou 分享
DAY 6

【Day 6】掌握SCSS語法,更有效率的撰寫CSS!(上)

這同樣是幾乎每家公司在面試時會問的問題,掌握SCSS語法對於工同開發能有很大的益處。 SASS+SCSS是什麼? SASS是CSS預處理器的一種,除了強化了一...

2022-09-15 ‧ 由 mimimoumou 分享
DAY 7

【Day 7】 設計專業如何學習前端語言

當初高職唸的是設計專業,上了大學因為課業要求與興趣,跟同學自主了一個前端相關的讀書會,也參加了學長姐開的社團,今天來分享幾個自學的經歷,和推薦的書籍方法。...

2022-09-16 ‧ 由 mimimoumou 分享
DAY 8

【Day 8】掌握SCSS語法,更有效率的撰寫CSS!(中)

繼上一篇講解scss的安裝與執行,今天終於要進入語法的單元啦! SCSS的語法 嵌套規則(Nested Rules) 使得父元件無須一直重複編寫,加快開發流程。...

2022-09-17 ‧ 由 mimimoumou 分享
DAY 9

【Day 9】 設計師都該試試看的Lottie(上)

這篇想要分享我在寫前端最愛用的Library lottie,以下小小介紹lottie是什麼。 Lottie介紹 Lottie是一款對設計師非常友好的Libr...

2022-09-18 ‧ 由 mimimoumou 分享
DAY 10

【Day 10】掌握SCSS語法,更有效率的撰寫CSS!(下)

繼上一篇今天要來將SCSS單元完結啦~ 引入 CSS有一個不常用的功能 @import 它的功能是導入其他的CSS檔,然而這些檔案只有在用到時才會被加載,一定...

2022-09-19 ‧ 由 mimimoumou 分享