D00 - 缘起

大家好我是鳕鱼,历年来看了很多届铁人赛,今年终於鼓起勇气填坑参赛了。

回想自身技术发展历程,还真的是个奇幻旅程。

大学是机械、自动控制工程出身,顶多旁听过资工的课程,对於程序的理解是 printf("Hello World\n"),而网站开发的认识则停留在 Dreamweaver。

因为要透过单晶片控制致动器、连接感测器,所以从 C 开始学,後来因为常常被问「所以我说那个 UI 呢?」
https://ithelp.ithome.com.tw/upload/images/20210914/20140213YsaLT7Yn2y.png

所以尝试了 C#、Qt、Java,後来因为参加比赛需要网页展示,从此开了新坑。
https://ithelp.ithome.com.tw/upload/images/20210914/20140213H91mRV2VDA.png
乾骗我 ( ´•̥̥̥ ω •̥̥̥` )

就这麽一直到了现在,觉得 HTML、CSS 的介面表现能力真的很不错,日新月异的前端技术几乎让 Web 无所不能(Lottie、GLSL、Three.js、TensorFlow.js 以及各种 Web API)。

前端技术的演进推荐看看下面这些文章,深入浅出的道出前端发展历程,相当值得一看。

跟着小明一起搞懂技术名词:MVC、SPA 与 SSR
零基础的小明要如何成为前端工程师?

随着浏览器支援的 Web API 越来越丰富,有一天我注意到了「Web Serial API」这个神奇的东东。

以往 JS 没有权限能够存取作业系统底层 API,所以要做串列通讯都需要一个中介服务器转送资料,但是透过 Web Serial API 就可以直接透过浏览器进行串列通讯了!於是这个主题就这麽诞生了。

接下来的 30 天,我将尝试透过 Web Serial API 与单晶片直接连结并将电讯号转换成 UI 展示,最後在网页上开发游戏,透过实体电路的按钮、摇杆游玩!

请大家多多指教喽!

若内容有误,请不要告诉我 (゚∀。),请鞭小力一点,我会马上修订。

https://ithelp.ithome.com.tw/upload/images/20210914/20140213FXYRgxMtIs.png


<<:  [Day14] Flutter - 怎麽串接API ( Http )

>>:  全端入门Day14_前端程序撰写之多一点的HTML

Day 01 每次参赛每次都要出现的铁人宣言

今年是我第三度的参赛,不免俗的发表参赛感言一下,除了感谢自己还有机会可以发表些自己内化的知识之外,更...

Day28 Vue CLI建立的专案结构

今天的话来简单介绍一下CLI的各个资料吧。 node_modeules :node 相关的套件 pu...

Day 0xB - 建立订单 & Debug 之 De 好 De 不完

0x1 前言 昨天把 Webhook api 准备好了,然後怎麽样呢 是的,一直回应 E3501 –...

[JS] You Don't Know JavaScript [Async & Performance] - Promises

前言 在上一张中我们介绍了使用callback function的目的与缺点,虽然可以帮助我们处理非...

EP18 - [TDD] 订单 API 串接 (1/2)

Youtube 频道:https://www.youtube.com/c/kaochenlong ...