iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

不只是串串API,新手前端30天 系列

不只是把資料串到前端畫面而已,前端工程師比你想得更複雜!

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

DAY01 - 在開始之前

自己的工作生涯,從切版走向串接的第一年,而還在切版時期,我所想像的前端工程師就是切版+串接,我已經做過切版,接下來只要補上串接我就是一個前端工程師了(內心和自己...

2021-09-16 ‧ 由 Lynn 分享
DAY 2

DAY02 - 前端工程師的工作日常

好像很多人對工程師的想像都是埋首寫程式,不用講話,寫程式就好了~但其實前端工程師真的不是只有寫程式而已,會遇到很多合作的對象,需要溝通,也會不同階段是除了程式之...

2021-09-17 ‧ 由 Lynn 分享
DAY 3

DAY03 - 前端與後端的溝通起點 - API

前端除了要切版與設計師的溝通之外,在資料串接的部分,就是與後端工程師溝通的時候了! 後端要怎麼把資料給前端呢?在開始串接前通常又會做哪些事呢? 01.API規格...

2021-09-18 ‧ 由 Lynn 分享
DAY 4

DAY04 - API串接常見問題 - CORS - 概念篇 (1)

記得我第一次正式的串接API的時候,踏著愉悅的心想說自己要成為一個真正的前端要來串接了~~~ 結果寫了對應的程式打API之後,資料沒有出來,還馬上在consol...

2021-09-19 ‧ 由 Lynn 分享
DAY 5

DAY05 - API串接常見問題 - CORS - 概念篇 (2)

昨天,我們知道為什麼會看到CORS的錯誤訊息,也知道從web server發出request透過瀏覽器會直接由api server接收,不過所有的request...

2021-09-20 ‧ 由 Lynn 分享
DAY 6

DAY06 - API串接常見問題 - CORS - 解決CORS問題篇

前面,我們知道為什麼會看到CORS的錯誤訊息,也簡單的知道如果我們要在瀏覽器上跨來源存取API資料,就要通行證,新的http header,那這個通行證是什麼呢...

2021-09-21 ‧ 由 Lynn 分享
DAY 7

DAY07 - API架構分享

其實大家可能都有自己的API架構方式,不過我這邊就是分享我目前在Web端撰寫API時,在架構上和開發時會注意的事情,跟大家分享,也歡迎各位大大互相交流~~~ A...

2021-09-22 ‧ 由 Lynn 分享
DAY 8

DAY08 - 自製MOCK API,讓你開發更方便

什麼是Mock API Mock(模擬)這個詞,其實源自於單元測試。主要的概念就是先省略中間的複雜情況,模擬真實的結果物件。而同理,Mock API就是先不管真...

2021-09-23 ‧ 由 Lynn 分享
DAY 9

DAY 09 - 由後端主動告訴你資料更新 - websocket

回想一下開發經驗,當後端資料狀態有更新... 不知道大家有沒有遇到,在開發的時候,如果狀態更新但我們不可能要求使用者重整來看到更新資料(使用者要通靈嗎,哪知道你...

2021-09-24 ‧ 由 Lynn 分享
DAY 10

DAY10 - websocket前端實作-以vue.js為例

今天我們就來講一下,當我們專案中確定會導入websocket了,前端的工作流程會是怎樣,要怎麼跟後端溝通又要怎麼實作呢? STEP1. websocket規格文...

2021-09-25 ‧ 由 Lynn 分享