On this page I want to show you something about me and my projects. As I am likewise interested in hardware and software I decided to partition this site also in this two parts. I had the idea to make the main page in the way like have the
partitioning and above the line "Choose your side...". Also in the main menu it is made in a similar way. For example in the hardware section I show some of my projects I have done with the Raspberry Pi. On the other side in the
software section I show for example apps for PC, mobile devices or web. Anything here should grow and change. Maybe I change something on a project or I made something new. Some other project where I think that they are not good enough to
make a extra page for them, I talk about them in a text on a section page.
I like to use basic technologies. I like to lern about that basics, how something works and to know pro and contra of it. I like to use this knowledge on any development. So I do this here when develop this page and it influences the
technologies used here.
In schooling I lerned some things about website development and technologies. But often only some basics like HTML, CSS, PHP and a little bit JavaScript. So as I'm interested to try out more and lern something new, I started to make this
website. It means that I started to make some pages in bare HTML. Later I lerned something about CSS and made my first experinces with it. It was not a easy part for me and technical not very well. Later I got some more knowledge about and
restarted building the page. Then I started to use a CSS framework. I often here say that is important for me to have mutiple languages support for things that I develop. In the past I created any document twice only for doing the
translation. This was very complex to do and I don't like that. For a long time I had thought about how to do it in a better way. It was a long time to come to this way I make it nowadays.
As I said above I like to do all things by myself. Often the lerning effect plays a role. When you are on my webpage, you may get to the point, that this page will not fit examples of buisnes sites. Here are at most no effects used. This
has some reasons.
I don't use such frameworks where you can generate nice looking websites by using JavaScript. Further I don't use a IDE to develop my website. I started the development of my website in HTML because I lerned that in school. When I continue
the development of my website I got also interested in CSS and other technologies.During this process I also lernend something more about these technologies and how to use them. Somtimes that included, that I understand what I made in the
past was not well done and nowadays I can do it in a better way.
When I try to make all by myself, I can also try to get my own tricks with the technics. And this is for me what it means to get experience in website development. I know explecitly where is something working and how it works. And so I can
optimize it.
Obviously that requires that all here will not look very nice as other pages or webapps from other publishers. Maybe something is not well developed as it can be when using other methods. But I will never say over me, that I am a
professional webdeveloper. It is a correct point that, if you want to make professional webdevelopment or design a web app, you need the knowledge about frameworks, how to use them and were they are useful to get a optimal result of your
work (functional / and optical). But for me counts the self-made factor, to know how something works and why it is done like it is. And if there is something, which is better to use (and makes development easier for me), there is no problem
to use a framework, a library or a snippet from the web.
Choose:
The websites are directly developed in HTML. Therefore I use only a text editor. OK, this means a text editor with syntax highlightning. I don't need a IDE for developing the webpage. For debugging I use the webbrowser and my test server.
So it possible for me to see the results and what is not working as expected. And also it is possible to use the embedded developer options of a webbrowser to debug and test something live.
That it is enough to have some files on a webserver was one thing that I lerned from the beginning and it is also enough for a simple webpage. I lerned that I have only to write the HTML code into a file, place it into the space of a
webserver and then it is alrready callble from a webbrowser. There is no easier way for the first experience.
So nowadays I develop the HTML directly in a editor, except that I now use also PHP and CSS.
I started using CSS later. I try to describe any statement on my own here. Obviously it was a lerning-by-doing process and at the beginning not not really nice. More over I worked with CSS not in any case because I worked with the styling
options of HTML (in school you will lern this up todays as it would be the one and only best way). After that I begin to style the pages using CSS. At first I wanted to describe all here in one file and describe the @media rules for all
screen resolutions (which I personally had).
But some time later I lerned more abouzt, because I had to when developing my web app Media DB. So I restarted here to continue the development. Then I thought about how I can make it in a better way now. As I lerned much from w3schools
(thank you here), I also mind thier CSS framework and then started to use it here. Also by using it I lerned much more about CSS. Nowadays here is the CSS framework
from w3schools and my own development used. I had in my own definition designed some things like the coloring and the menu styles. The functioning of the menu is made like in the tutorial of the german page HTML Seminar. And theese developments should be used beside the framework from w3schools.
But influenced oof the impressions from these stylings I was very impressed how much you can do to have nice optic when using ONLY CSS and HTML and nover using JavaScript at this time. So i came to my oopinion that a webpage that should
only diplay some content but displays as a blank white page without any JavaScript run is not a good website.
This website is not only made of blank HTML. Some software development is also included. As I lerned in school HTML and PHP it is also used here in the development of the site.
I want to send to the browser a complete website. This means. the browser is otimized to parse these two describing languages and display anything. So it is not clear for me to send back a blank HTML page, also a big bundle of JavaScript
code that is after transfering parsed and compiled by the browser to then execute it to place the content on the page.
One other option is by using "includes" to place some standard items in the code of the document. The menu is also generated. In the end the browser gets from my server a document, which already contains all private elements. Only
some CSS styles, images and in some rare times also small JavaScript snipets are loaded afterwards. The document was made on the server in this way so that all HTML private elements are already written there. So the bindings to CSS and
maybe JavaScript are also clear at this time. Generic parts of the document (e.g. the menu and its items) are generated by PHP over document includes. Further the text contents are placed there (see Database paragraph).
One other point for the usage of PHP is for the usage of the database. Also here it is a result of the school to use PHP to connect to a database, query data and display it on the website. So I pull all text contents from the database and
place them into the document. So then it is for the browser already plain text. A second point is that I can then replace mutations in texts by a function in PHP when they come from a database. This is a nice feature because I can write all
texts in german without worring about mutations (which are often possible in german words nd incompartible to HTML coding). In in the output which is send back to the browser the mutations are in HTML encoding. On the other side it is good
when contents are written for other documents they can be sideloaded to include them on the site. When I want to place a hyperlink on the site (as I do it here) , I also use placeholder in the rawtext to let PHP replace them by the required
anchor tags.
The idea to use a database came later days. I wanted as often in my developments offer mutiple languages an in minimum german and english. But at first I had for a longer time no good idea how should I do that.
But once I had some practical experience when working as a software developer, I find out the efficiency when store some variables outside of an application in a databease and dynamically load it from there and change them in it without
having to update the code of my application. So I came to the idea to make a database to store the translations in it.
In the database I store the sites of my webpage and also the menus. All data is joined using the referenced language to the translations. Also the texts of headings or the paragraphs are stored in the database and joined to the referenced
page and language. Also the items of the menus are organised in the database. The loading and placing is part of the work of PHP. Any site is requested in a language and loads then thier texts from the database. So in any document there is
not the text written in one language. There is a PHP function which loads the text and places it inplace. Some other functioning with PHP have I wrote in the PHP paragraph.
The texts, like this, were all written and stored in a web frontend and after that stored with the help of PHP into the database. With this page I can do any change on the data to any time.
As I sad in the HTML paragraph I have for the development a testserver. So I have also a database for the testpage. Any changes I want to do for this website I do at first on the database for the test webpage. So it is possible for me to
verfiy what I have chanaged. This is also useful to step-by-step develop a new site. When I want to apply all changes to productive server I use the sync function of my tool and copy all changes into the database of my productive server.