# Temp

### Tutorials

* [**The Modern JavaScript Tutorial**](https://javascript.info/)

###

### Articles

* [101 Python datatable Exercises (pydatatable)](https://www.machinelearningplus.com/data-manipulation/101-python-datatable-exercises-pydatatable/)
* [Top 50 matplotlib Visualizations – The Master Plots (with full python code)](https://www.machinelearningplus.com/plots/top-50-matplotlib-visualizations-the-master-plots-python/)
* [Text to Speech with Javascript](https://usefulangle.com/post/98/javascript-text-to-speech) + [Example](https://codepen.io/SteveJRobertson/pen/emGWaR)
* [Animated Radar in CSS ](https://www.websitedesignndevelopment.com/2019/01/17/online-tutorial-for-animated-radar-in-css-with-demo-and-free-source-code-download/)
* [JavaScript Articles](https://tutorialzine.com/tag/javascript?page=3)
* [แผนธุรกิจแพลตฟอร์มการให้บริการด้านการขนส่งระหว่างประเทศ](http://ethesisarchive.library.tu.ac.th/thesis/2018/TU_2018_6002030598_9874_10106.pdf)

## Source Code

## [Welcome To `fastpages`](https://github.com/fastai/fastpages)

> An easy to use blogging platform, with support for Jupyter notebooks, Word docs, and Markdown.

[![](https://github.com/fastai/fastpages/raw/master/images/diagram.png)](https://github.com/fastai/fastpages/blob/master/images/diagram.png)

`fastpages` uses [GitHub Actions](https://github.com/features/actions) to simplify the process of creating [Jekyll blog posts](https://jekyllrb.com/) on [GitHub Pages](https://pages.github.com/) from a variety of input formats.

### New York Oil and Gas

* [Demo](https://dash-gallery.plotly.host/dash-oil-and-gas/)
* [GitHub](https://github.com/plotly/dash-sample-apps/tree/master/apps/dash-oil-and-gas)

![](/files/-M3I86rK08WAuN7b-MuH)

## [Create a Multipage Dash Application](https://towardsdatascience.com/create-a-multipage-dash-application-eceac464de91)

![](/files/-M3lr0yMHDrHbS3E10P-)

### [Maths Homework Generator](https://www.101computing.net/maths-homework-generator/)

ดูการทำงานของโปรแกรมได้ที่  [CodePen](https://codepen.io/101Computing/pen/YrLXXB?__cf_chl_jschl_tk__=e45667359134d5cd52eceb5579e947a3158dfe43-1585725956-0-AVbIaAw8v15O0olU1NylsEHbEn-ZQHS70AdzF86ueqL5K4OQUOVM1OMoQnT1lKx8IdsVaelb6QdOretc8r9v2pi5cAWAEvo69CHbkODiYJGb16PVZ2g-YJzVkdtVQH2mr2IA5_bSWREhWVxjE4wzqwNdOWelnn5iz54IZFJVp2bs656OAzeRCmL8IouWOOKDCMdBGP2JziWHtNorrsloDAcAHpWdetvD8hMeSd6yYRzl8W0_gr1rm-GZPgF358xHB2hNR93g8KbmFVywvB9myPN8O0eb529Wq_JwyhbP-GFvngwLXQoXFwTh5FM2z_nrION93ccheOBRXnYO7QVccrZcTE2F_dl9F8lTj13dKIHh)

### [Weather Forecast API](https://www.101computing.net/weather-forecast-api/)

![](/files/-M3ok6pLYaTMpNYDrwUK)

### [Blackjack Challenge](https://www.101computing.net/blackjack-challenge/)

![](/files/-M3p3GntknDD_x7w7J9F)

### [3D Animation : Moon Phases](https://www.101computing.net/3d-animation-moon-phases/)

![](/files/-M3sl2Bcg4wNuKeLu8WY)

### [Coming Soon Page with jQuery](https://tutorialzine.com/2010/10/ajaxed-coming-soon-page)

![](/files/-M2iiSmkVsboTBg_MjpQ)

### [Powerful jQuery Table Manipulation Plugin - DataTables](https://www.jqueryscript.net/table/DataTables-Jquery-Table-Plugin.html)

### [WebCodeCam BarCode and Qr-Code reader](https://www.jqueryscript.net/other/jQuery-Plugin-For-BarCode-QR-Code-Reader-WebCodeCam.html)

![](/files/-M2lmZrHugDl7ULn1qWJ)

### [UI Plugin For Seven-Segment Indicator - sevenSeg.js](https://www.jqueryscript.net/other/jQuery-jQuery-UI-Plugin-For-Seven-Segment-Indicator-sevenSeg-js.html)

![](/files/-M2gXx9kqQ7EGwgD828N)

### [**Weather Card Widget Design**](https://www.websitedesignndevelopment.com/2019/01/16/online-tutorial-for-css-3d-weather-card-widget-design-part-2-in-css-with-demo-and-free-source-code-download/)

![](/files/-M2WISHJX1o4sVYM4OW-)

### [Image Slideshow](https://www.websitedesignndevelopment.com/2019/01/16/online-tutorial-for-image-slideshow-in-html-css-and-javascript-with-demo-and-free-source-code-download/)

![](/files/-M2WIjsZlO6mTrU8zgkz)

### [Clock Website Page Final Countdown](https://www.websitedesignndevelopment.com/2019/01/16/online-tutorial-for-clock-website-page-final-countdown-by-using-timer-plugin-with-demo-and-free-source-code-download/)

![](/files/-M2WIvM16P9-x5SWbZPJ)

### [Change Background Color On Click](https://www.websitedesignndevelopment.com/2019/01/16/online-tutorial-for-change-background-color-on-click-in-html-css-and-javascript-with-demo-and-free-source-code-download/)

![](/files/-M2WJALoQp_pzEQQJC5c)

### [Animated Clock](https://www.websitedesignndevelopment.com/2019/01/16/online-tutorial-for-how-to-display-an-animated-clock-on-website-using-radialindicatorjs-plugin-with-demo-and-free-source-code-download/)

### - [radialIndicator.js](http://ignitersworld.com/lab/radialIndicator.html#intro)

###

![](/files/-M2Wm5DKFHYMaQWOl3c-)

### Change Image

```markup
<!DOCTYPE html>
<html>
<body>

<img id="image" src="smiley.gif" width="160" height="120">

<script>
document.getElementById("image").src = "smiley.gif";
</script>

<p>The original image was smiley.gif, but the script changed it to landscape.jpg</p>

</body>
</html>
```

### [Animated Clock](https://www.websitedesignndevelopment.com/2019/01/21/online-tutorial-for-awesome-animated-clock-in-html-css-with-demo-and-free-source-code-download/)

![](/files/-M2XPhbko6I4WAh33o_Y)

### [Background Animation](https://www.websitedesignndevelopment.com/2019/01/18/online-tutorial-for-pulsing-background-animation-in-css-with-demo-and-free-source-code-download/)

![](/files/-M2XPrEAlVap3tjFj_GW)

### &#x20;[OnePlus Logo Reveal Animation](https://www.websitedesignndevelopment.com/2019/01/16/online-tutorial-for-oneplus-logo-reveal-animation-effects-in-css-with-demo-and-free-source-code-download/)

![](/files/-M2Xj0UxoQkiNXP2IruA)

### [Flip Card Animation](https://www.websitedesignndevelopment.com/2019/01/16/online-tutorial-for-flip-card-animation-hover-effect-in-css-with-demo-and-free-source-code-download/)

![](/files/-M2XjC-f9-TYXpWIaIyH)

### [Glowing Gradient Loader Ring Animation](https://www.websitedesignndevelopment.com/2019/01/11/online-tutorial-for-glowing-gradient-loader-ring-animation-effects-in-css-with-demo-and-free-source-code-download/)

![](/files/-M2XjRuVx8vTpbaLThmd)

### [Neon Light Glowing Text ](https://www.websitedesignndevelopment.com/2019/01/11/online-tutorial-for-neon-light-glowing-text-animation-effect-in-html-and-css-with-demo-and-free-source-code-download/)

![](/files/-M2Xjy5u45ysQtkZmkz5)

### [jQuery Plugin For BarCode and QR Code Reader - WebCodeCam](https://www.jqueryscript.net/other/jQuery-Plugin-For-BarCode-QR-Code-Reader-WebCodeCam.html)

### [Customizable Analog Clock With Timezone Support - htAnalogClock](https://www.jqueryscript.net/time-clock/analog-clock-timezone.html)

![](/files/-M2aMahRoCvy0Orwwm90)

### [Realistic Analog Clock With jQuery And CSS3](https://www.jqueryscript.net/time-clock/analog-clock-codehim.html)

![](/files/-M2aNUnXQFxcKNeaR2Dl)

### [jQuery Based Analog And Digital World Clock - jClocksGMT.js](https://www.jqueryscript.net/time-clock/jQuery-Based-Analog-And-Digital-World-Clock-jClocksGMT-js.html)

![](/files/-M2aNsYf2qpcSjxsVQFx)

### [Minimal Table Sorter & Pager Plugin For jQuery](https://www.jqueryscript.net/table/sorter-pager.html)

![](/files/-M2d9nIJu1stsNaqNSH5)

### [password generator](https://www.jqueryscript.net/mobile/Easy-Random-Password-Generator-For-jQuery-Mobile.html)

![](/files/-M2sj5Dn7TcINK3TmZDp)

### &#x20;[Password Strenth Validation script for Bootstrap ](https://www.jqueryscript.net/form/bootstrap-password-strendth-validator.html)

![](/files/-M2wuwk7ffYt_IPpw2oY)

### [Coreui Free Bootstrap Admin Template](https://awesomeopensource.com/project/coreui/coreui-free-bootstrap-admin-template)

![](/files/-M3RKUjvU1FgOi1_Bqks)


---

# 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://yo-sarawut.gitbook.io/tutorials/link-center/temp.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.
