# 5.添加前端资源

教程介绍了一些为项目构建前端用户界面的基本方法。 例如，这些教程演示了：‌

* 使用[Candid](https://sdk.dfinity.org/docs/developers-guide/tutorials/hello-location.html#candid-ui)作为基本界面来公开和测试Canister中的功能。
* 使用[原始JavaScript](https://sdk.dfinity.org/docs/developers-guide/tutorials/explore-templates.html#default-frontend)显示简单的弹出警报窗口。
* 使用[React和已编译的JavaScript](https://sdk.dfinity.org/docs/developers-guide/tutorials/custom-frontend.html)将HTML属性和元素直接嵌入页面中。
* 使用[React和TypeScript](https://sdk.dfinity.org/docs/developers-guide/tutorials/my-contacts.html)从外部文件导入CSS属性。

‌

本节将仔细研究默认的前端模板，前端配置选项，以及使用其他框架为您的项目构建用户界面。<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://mixdao.gitbook.io/dfinity/san-shou-ba-shou/5.-tian-jia-qian-duan-zi-yuan.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.