iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

前端工程師-從新手都中手 系列

前端工程易學難精,即使當不了轟動武林會使降龍十八掌的高手,也要當一個能獨當一面的中手

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

DAY1-什麼是前端工程師

什麼是前端工程師 前端工程的三大技能:HTML、CSS、JAVASCRIPT,熟悉這三大語言之後,就可以組合出合式各樣的網頁,不論是精美的介紹頁面,或是顯示很複...

2020-09-16 ‧ 由 tso1158687 分享
DAY 2

DAY2-如何選擇前端框架

框架是什麼? 不要重複造輪子!是工程師的最高原則。如果有人幫你解決了很多問題,為什麼不拿來用,何樂不為呢?站在巨人的肩膀上可以看得更遠,沒有必要再自己去開發相同...

2020-09-17 ‧ 由 tso1158687 分享
DAY 3

DAY3-常見的Javascript使用技巧與情境

Javascript ES6帶來很多方便且實用的新語法(其實ES6也不新的,但是IE就是不支援?), 很多網站都有很詳細介紹新語法,筆者本人也是在各大網站看了好...

2020-09-18 ‧ 由 tso1158687 分享
DAY 4

DAY4-Javascript Set和Map (上)

Set和Map是Javascript ES6內建的標準物件。可以幫助我們處理更多不同情境的問題。 Set關心的是值(value),並且值是不是唯一;而Map關心...

2020-09-19 ‧ 由 tso1158687 分享
DAY 5

DAY5-Javascript Set和Map (下)

Map Map是一種資料結構,和前一天所介紹的加工資料的方法map()是完全不一樣的東西喔。 和Set不一樣,Map重視鍵和值(key/value)之間的關係,...

2020-09-20 ‧ 由 tso1158687 分享
DAY 6

DAY6-寫CSS很痛苦嗎?SCSS快速入門介紹

寫CSS最痛苦的事情是什麼? 介紹SCSS之前,先想想寫CSS最痛苦的地方是什麼? 寫法很囉唆 不容易維護 例如以下這個例子 div { color: #...

2020-09-21 ‧ 由 tso1158687 分享
DAY 7

DAY7-CSS結構化與命名技巧

CSS的優點就是很容易上手,很好使用,無論怎麼命名、怎麼使用,只要對應的到都可以。甚至如果有相同的命名,還會去計算權重,使用權重最高的那個。幾乎不用擔心會出錯,...

2020-09-22 ‧ 由 tso1158687 分享
DAY 8

DAY8- 工欲善其事,必先利其器。弄個舒服的VS Code

前端工程師可以使用的編輯器有很多選擇,像是sublime、Atom、webstorm等等好用的編輯器。 編輯器是工作中最重要的軟體,一天工作當中,使用最長的時間...

2020-09-23 ‧ 由 tso1158687 分享
DAY 9

DAY9-git在commit的時候,到底commit了什麼(原理篇)

DAY9-git在commit的時候,到底commit了什麼(原理篇) git已經是現代軟體開發不可或缺的重要工具了,尤其是團隊合作開發git提供各種不同功能可...

2020-09-24 ‧ 由 tso1158687 分享
DAY 10

DAY10-GIT常用的指令與情境 (應用篇)

以下介紹git最常用的四個指令,分別介紹用處與情境 push pull merge rebase pull git pull pull是最常使用的指令之一...

2020-09-25 ‧ 由 tso1158687 分享