[DAY1]网页设计与实作使用工具介绍-58码农网

※这里看上一篇文章↝ [DAY0]30天挑战从零开始设计并实作网页

在介绍主要使用工具前，先来说明这次挑战订定的基础目标：

以网路书店为例，製作简单的登入、登出，以及加入购物车等功能实现RWD（响应式网页）使用React框架加入Spinner

有机会实现的进阶目标：

一些酷酷的外挂规划FireStore资料库加入PWA自製Lottie动画

希望至少是做得完基础目标啦 ಥ_ಥ

接下来是介绍我使用的设计工具 - Figma
点击前往Figma

Figma是一个使用者在操作设计及Prototype输出体验都相当良好的软体，製作网页及App等视觉稿都非常便利，除了不用安装可以在浏览器上直接操作外，其及时的协作功能也让小组在开发上更加效率，此外，也提供许多外挂程式的应用，使整体的功能更为强大。
/
在程式码撰写方面我使用的编辑器是Visual Studio Code
点击前往下载Visual Studio Code

Visual Studio Code支援非常多的程式语言，内建程式码自动补全及重构功能，以及在编辑器内就可以运行终端机及除错，此外，大量的扩充套件使其功能更加全面与完整，在个人化设定也具有很大的弹性，对大部分使用者来说是相当优秀的开发环境。
/
最后，网站部署则是使用Vercel
点击前往Vercel

Vercel支援许多框架的部署，且流量不高时不需要收费，非常适合个人在网站撰写练习时使用，同时，它可以和Github进行连动，即时的部署使用者在Github上更新的内容，在使用者体验上相当流畅。