The pyscript framework gives us a new way to use Python within web browsers in our everyday projects, which is especially useful for scientists, as Python is known for providing us with many scientific packages. Using pyscript to build a Python-based web page sounds exciting, but at the same time a bit adventurous, because pyscript is a new programming technology that is still in its early stages of development. Therefore, when you actually use it, you will encounter some non-acclimation. By presenting you how a pyscript project is constructed step by step from zero, this paper helps you to adapt to this new pyscript programming environment at a faster pace, which is especially beneficial for scientists.