<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>Front-end &#8211; 科技島-掌握科技新聞、科技職場最新資訊</title>
	<atom:link href="https://www.technice.com.tw/tag/front-end/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.technice.com.tw</link>
	<description>專注於科技新聞、科技職場、科技知識相關資訊，包含生成式AI、人工智慧、Web 3.0、區塊鏈、科技職缺百科、生物科技、軟體發展、雲端技術等豐富內容，適合熱衷科技及從事科技專業人事第一手資訊的平台。</description>
	<lastBuildDate>Tue, 09 Jan 2024 09:50:55 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.4.2</generator>

<image>
	<url>https://www.technice.com.tw/wp-content/uploads/2022/12/cropped-wordpress_512x512-150x150.png</url>
	<title>Front-end &#8211; 科技島-掌握科技新聞、科技職場最新資訊</title>
	<link>https://www.technice.com.tw</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">223945996</site>	<item>
		<title>前端工程師如何盡快熟悉新公司所需的技術？｜專家論點【林鼎淵】</title>
		<link>https://www.technice.com.tw/opinion/44867/</link>
					<comments>https://www.technice.com.tw/opinion/44867/#respond</comments>
		
		<dc:creator><![CDATA[林鼎淵]]></dc:creator>
		<pubDate>Wed, 26 Apr 2023 07:00:00 +0000</pubDate>
				<category><![CDATA[專家論點]]></category>
		<category><![CDATA[職場二三事]]></category>
		<category><![CDATA[Front-end]]></category>
		<category><![CDATA[前端工程師]]></category>
		<guid isPermaLink="false">https://www.technice.com.tw/?p=44867</guid>

					<description><![CDATA[<p><img width="1200" height="627" src="https://www.technice.com.tw/wp-content/uploads/2023/04/image-55-1.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="image 55 1" decoding="async" srcset="https://www.technice.com.tw/wp-content/uploads/2023/04/image-55-1.png 1200w, https://www.technice.com.tw/wp-content/uploads/2023/04/image-55-1-300x157.png 300w, https://www.technice.com.tw/wp-content/uploads/2023/04/image-55-1-1024x535.png 1024w, https://www.technice.com.tw/wp-content/uploads/2023/04/image-55-1-768x401.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" title="前端工程師如何盡快熟悉新公司所需的技術？｜專家論點【林鼎淵】 1"></p>
<p>許多入行 1~3 年的工程師，在轉職時會碰到類似的問題：「我想盡快熟悉新公司的技術，但又不知如何下手。」<br />
很多時候，你過去學的技術跟現在公司用的技術並不相同，所以「盡快度過陣痛期」就是一個非常重要的議題。<content><!-- wp:image {"id":49475,"sizeSlug":"large","linkDestination":"none"} --></p>
<figure class="wp-block-image size-large"><img src="https://www.technice.com.tw/wp-content/uploads/2023/04/image-55-1024x535.png" alt="" class="wp-image-49475"/><figcaption class="wp-element-caption">圖片來源：freepik</figcaption></figure>
<p><!-- /wp:image --></p>
<p><!-- wp:paragraph --></p>
<p>過去職涯諮詢時，筆者發現許多入行 1~3 年的工程師，在轉職時會碰到類似的問題：「我想盡快熟悉新公司的技術，但又不知如何下手。」</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>因為過去有一定的工作經驗，所以入職後較不會有前輩手把手教學，大家對他的期待是成為團隊的即戰力。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>但很多時候，你過去學的技術跟現在公司用的技術並不相同；就拿前端工程師來舉例，現在市場上主流有 Vue、React、Angular 幾個 JavaScript 框架。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>儘管都是 JavaScript 框架，但如果要從 Angular 轉換到 React，我相信大部分的人都是有一段陣痛期的。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>而如何盡快度過陣痛期，就是這篇文章想討論的主題。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading" id="%E2%96%8B%E4%BD%A0%E9%81%B8%E6%93%87%E7%94%A8%E4%BB%80%E9%BA%BC%E6%96%B9%E5%BC%8F%E4%BE%86%E8%A7%A3%E6%B1%BA%E5%95%8F%E9%A1%8C">你選擇用什麼方式來解決問題</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>在新人剛加入時，往往會先分配一些簡單的任務讓他熟悉專案。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>但在解決問題上，會分成兩個流派：</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:list {"ordered":true} --></p>
<ol><!-- wp:list-item --></p>
<li>複製貼上跑跑看，用試錯法處理。</li>
<p><!-- /wp:list-item --></p>
<p><!-- wp:list-item --></p>
<li>掌握用到的技術，用自己理解的邏輯處理。</li>
<p><!-- /wp:list-item --></ol>
<p><!-- /wp:list --></p>
<p><!-- wp:paragraph --></p>
<p>在初期，「複製貼上」通常是比較快的，但也容易讓同事誤以為你已經熟悉技術，然後給你更加困難的任務；這種惡性循環在遇到某個無法靠「複製貼上」處理的任務時，就會直接崩潰。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>而「掌握技術」儘管會慢一點，但這才是長久之道；畢竟基本功足夠紮實，才有辦法勝任更困難的任務。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading" id="%E2%96%8B%E5%85%88%E6%90%9E%E6%B8%85%E6%A5%9A%E5%B0%88%E6%A1%88%E7%94%A8%E4%BA%86%E5%93%AA%E5%80%8B%E6%A1%86%E6%9E%B6%E8%88%87%E6%8A%80%E8%A1%93">先搞清楚專案用了哪個框架與技術</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>我相信大部分的工程師是想要「掌握技術」的，只是有時我們摸不著頭緒，不知從何下手。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>下面筆者就用前端與後端舉例，跟大家分享，我是如何熟悉一個陌生框架的。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:list --></p>
<ul><!-- wp:list-item --></p>
<li><strong>前端</strong>：使用哪一個 JavaScript 框架（ex：Vue） → 使否有使用 UI Componet 框架（ex：Quasar）→ 頁面如何跳轉 → 元件如何客製化 → 如何呼叫後端 API 取得資訊並渲染頁面 → 專案使用什麼測試框架 → 如何部署到正式環境</li>
<p><!-- /wp:list-item --></p>
<p><!-- wp:list-item --></p>
<li><strong>後端</strong>：使用哪一個 Node.js 框架（ex：Koa）→ 路由如何配置 → DB Migration 使用什麼套件 → ORM 使用什麼框架 → 使用者身分如何驗證（ex：jwt）→ 使用者權限設計 → 專案使用什麼測試框架 → 如何部署到正式環境</li>
<p><!-- /wp:list-item --></ul>
<p><!-- /wp:list --></p>
<p><!-- wp:quote --></p>
<blockquote class="wp-block-quote"><p><!-- wp:paragraph --></p>
<p>如果是 Node.js 專案，我們就能從 Package.json 裏面反推出很多資訊；假使不知如何對應，也可用上面的步驟向前輩詢問關鍵字。</p>
<p><!-- /wp:paragraph --></p></blockquote>
<p><!-- /wp:quote --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading" id="%E2%96%8B%E5%BE%9E%E9%9B%B6%E9%96%8B%E5%A7%8B%E5%AF%AB%E4%B8%80%E5%80%8B-side-project">從零開始寫一個 Side Project</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>取得上面的資訊後，筆者會建議「從零開始」寫一個 Side Project。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>之所以這麼做，是因為公司的程式邏輯往往錯綜複雜、套件非常多，除非你經驗豐富，否則很難判斷為何會使用這個套件，以及他們彼此的關聯性。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>而 Side Project 因為很乾淨，我們能從最基礎的邏輯開始測試、研讀，然後一步步將公司所使用到的套件堆疊上去，這樣我們才會清楚套件使用的原因與方法。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:quote --></p>
<blockquote class="wp-block-quote"><p><!-- wp:paragraph --></p>
<p>也許 Side Proejct 無法讓你完全掌握專案的架構，但絕對能幫助你理解專案用到的技術。</p>
<p><!-- /wp:paragraph --></p></blockquote>
<p><!-- /wp:quote --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading" id="%E2%96%8B%E7%B5%90%E8%AA%9E">結語</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>磨刀不誤砍柴工，在技術這條路上，有時越急會使吸收到的知識越零碎，對長期的職涯發展是不利的。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p>我們寧願現在多花一點心力把基礎打好，也不要到未來才在後悔為何當初為何只靠複製貼上。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:separator --></p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator --></p>
<p><!-- wp:paragraph --></p>
<p>☛ 如果想更深入認識我，可以 Follow 筆者的<a href="https://dean-lin.medium.com/" target="_blank" rel="noreferrer noopener">技術部落格</a> 。<br />☛ 如果想在 AI 的浪潮中站穩腳步，筆者<a href="https://www.tenlong.com.tw/products/9786263334137">出版的新書</a>絕對是您入門 AI 的第一步！</p>
<p><!-- /wp:paragraph --></content></p>
<p>這篇文章 <a rel="nofollow" href="https://www.technice.com.tw/opinion/44867/">前端工程師如何盡快熟悉新公司所需的技術？｜專家論點【林鼎淵】</a> 最早出現於 <a rel="nofollow" href="https://www.technice.com.tw">科技島-掌握科技新聞、科技職場最新資訊</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.technice.com.tw/opinion/44867/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">44867</post-id>	</item>
	</channel>
</rss>
