Hello! What can you find here?

Several frontend and backend tutorials which (in my opinion) are the basics for the corresponding topic. Look in the main menu for all the available topics.

Planned topics

  • SASS/SCSS – CSS-Preprocessor
  • JS Frontend-Frameworks (VueJS, React)
  • Webpack
  • Docker

Newest posts

What is Docker?

Docker is one of the most popular implementations of “containerized software” which creates a cross-platform and highly scalable environment for developing and running software. Wait, what? What is “containerized software”? Lets start with a short example. Lets say your main development machine is a machine running on Ubuntu and you want to develop a basic webpage. Sure you can install a web server natively…

Continue Reading What is Docker?

Docker NFS Implementation for better performance in MacOS 11 (Big Sur)

First of all: Docker in general is a very popular topic and has many ways how it can be used, configured and worked with. The following statements are how I interpreted the whole docker ecosystem and how I personally got a working docker environment with MacOS. It has been known for a long time, that Docker has performance issues under MacOS. You can also…

Continue Reading Docker NFS Implementation for better performance in MacOS 11 (Big Sur)

React Library Example with multiple components

In the previous example you have seen how react basically works. In this example you will see how react works with multiple components. index.html <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <meta http-equiv=”X-UA-Compatible” content=”ie=edge”> <title>App Layout Demo</title> </head> <body> <div id=”root”></div> <script src=”https://unpkg.com/react/umd/react.development.js”></script> <script src=”https://unpkg.com/react-dom/umd/react-dom.development.js”></script> <script src=”https://unpkg.com/babel-standalone”></script> <script src=”Hello.js” type=”text/jsx”></script> <script src=”NumPicker.js” type=”text/jsx”></script> <script src=”index.js” type=”text/jsx”></script> </body> </html> Hello.js class…

Continue Reading React Library Example with multiple components

Simple React Library Example

React can be used on your website by just adding some JS files from a CDN without having to setup a local Node.js instance. Files index.html <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <meta http-equiv=”X-UA-Compatible” content=”ie=edge”> <title>First Component</title> </head> <body> <div id=”root”></div> <script src=”https://unpkg.com/react/umd/react.development.js”></script> <script src=”https://unpkg.com/react-dom/umd/react-dom.development.js”></script> <script src=”https://unpkg.com/babel-standalone”></script> <script src=”index.js” type=”text/jsx”></script> </body> </html> As you can see the index.html doesn’t…

Continue Reading Simple React Library Example