An Internationalized Resource Identifier (IRI) is an extended version of a Uniform Resource Identifier (URI) that supports Unicode characters beyond the ASCII character set. This allows non-Latin scripts (e.g., Chinese, Arabic, Cyrillic) and special characters to be used in web addresses and other identifiers.
A-Z, 0-9, -, ., _), IRIs allow characters from the entire Unicode character set.https://de.wikipedia.org/wiki/Überblickhttps://de.wikipedia.org/wiki/%C3%9CberblickÜ is encoded as %C3%9C)IRIs are defined in RFC 3987 and are supported in modern web technologies like HTML5, XML, and RDF.
IRIs make the internet more linguistically inclusive by allowing websites and resources to be referenced using non-Latin characters, improving accessibility worldwide.
The Fetch API is a modern JavaScript interface for retrieving resources over the network, such as making HTTP requests to an API or loading data from a server. It largely replaces the older XMLHttpRequest method and provides a simpler, more flexible, and more powerful way to handle network requests.
fetch('https://jsonplaceholder.typicode.com/posts/1')
.then(response => response.json()) // Convert response to JSON
.then(data => console.log(data)) // Log the data
.catch(error => console.error('Error:', error)); // Handle errorsMaking a POST Request
fetch('https://jsonplaceholder.typicode.com/posts', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ title: 'New Post', body: 'Post content', userId: 1 })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));✅ Simpler syntax compared to XMLHttpRequest
✅ Supports async/await for better readability
✅ Flexible request and response handling
✅ Better error management using Promises
The Fetch API is now supported in all modern browsers and is an essential technique for web development.
A Single Page Application (SPA) is a web application that runs entirely within a single HTML page. Instead of reloading the entire page for each interaction, it dynamically updates the content using JavaScript, providing a smooth, app-like user experience.
✅ Faster interactions after the initial load
✅ Improved user experience (no full page reloads)
✅ Offline functionality possible via Service Workers
❌ Initial load time can be slow (large JavaScript bundle)
❌ SEO challenges (since content is often loaded dynamically)
❌ More complex implementation, especially for security and routing
Popular frameworks for SPAs include React, Angular, and Vue.js.
Puppet is an open-source configuration management tool used to automate IT infrastructure. It helps provision, configure, and manage servers and software automatically. Puppet is widely used in DevOps and cloud environments.
✅ Declarative Language: Infrastructure is described using a domain-specific language (DSL).
✅ Agent-Master Architecture: A central Puppet server distributes configurations to clients (agents).
✅ Idempotency: Changes are only applied if necessary.
✅ Cross-Platform Support: Works on Linux, Windows, macOS, and cloud environments.
✅ Modularity: Large community with many prebuilt modules.
A Puppet manifest (.pp file) might look like this:
package { 'nginx':
ensure => installed,
}
service { 'nginx':
ensure => running,
enable => true,
require => Package['nginx'],
}
file { '/var/www/html/index.html':
ensure => file,
content => '<h1>Hello, Puppet!</h1>',
require => Service['nginx'],
}🔹 This Puppet script ensures that Nginx is installed, running, enabled on startup, and serves a simple HTML page.
1️⃣ Write a manifest (.pp files) defining the desired configurations.
2️⃣ Puppet Master sends configurations to Puppet Agents (servers/clients).
3️⃣ Puppet Agent checks system state and applies only necessary changes.
Puppet is widely used in large IT infrastructures to maintain consistency and efficiency.
Twig is a powerful and flexible templating engine for PHP, commonly used in Symfony but also in other PHP projects. It helps separate logic from presentation and offers many useful features for frontend development.
{{ }})Twig uses double curly braces to output variables:
<p>Hello, {{ name }}!</p>→ If name = "Max", the output will be:
"Hello, Max!"
{% %})Twig supports if-else statements, loops, and other control structures.
{% if user.isAdmin %}
<p>Welcome, Admin!</p>
{% else %}
<p>Welcome, User!</p>
{% endif %}Loops (for)
<ul>
{% for user in users %}
<li>{{ user.name }}</li>
{% endfor %}
</ul>Twig supports "Base Layouts", similar to Laravel's Blade.
base.html.twig)<!DOCTYPE html>
<html>
<head>
<title>{% block title %}My Page{% endblock %}</title>
</head>
<body>
<header>{% block header %}Default Header{% endblock %}</header>
<main>{% block content %}{% endblock %}</main>
</body>
</html>Child Template (page.html.twig)
{% extends 'base.html.twig' %}
{% block title %}Homepage{% endblock %}
{% block content %}
<p>Welcome to my website!</p>
{% endblock %}→ The blocks override the default content from the base template.
You can include reusable components like a navbar or footer:
{% include 'partials/navbar.html.twig' %}Twig provides many filters to format content:
| Filter | Beispiel | Ausgabe |
|---|---|---|
upper |
`{{ "text" | upper }}` |
lower |
`{{ "TEXT" | lower }}` |
length |
`{{ "Hallo" | length }}` |
date |
`{{ "now" | date("d.m.Y") }}` |
Twig automatically escapes HTML to prevent XSS attacks:
{{ "<script>alert('XSS');</script>" }}→ Outputs: <script>alert('XSS');</script>
To output raw HTML, use |raw:
{{ "<strong>Bold</strong>"|raw }}The View is the presentation layer in the MVC architecture. It is responsible for displaying data from the Model in a user-friendly format.
✅ Displaying Data: Shows information from the Model (e.g., a list of blog posts).
✅ Reacting to User Interactions: Accepts user input and sends it to the Controller.
✅ Formatting & Layout: Structures content using HTML, CSS, or templating engines (e.g., Laravel Blade or Twig).
✅ Avoiding Business Logic: Contains only presentation logic, not data processing.
<!-- resources/views/blog/index.blade.php -->
@extends('layouts.app')
@section('content')
<h1>Blog Posts</h1>
@foreach ($posts as $post)
<div>
<h2>{{ $post->title }}</h2>
<p>{{ $post->content }}</p>
</div>
@endforeach
@endsection🔹 @foreach: Loops through the list of blog posts and displays them.
🔹 {{ $post->title }}: Outputs the title of the blog post.
✔ The View is responsible for presentation but does not process data.
✔ It ensures a clear separation between logic and display.
✔ Using templates or frontend technologies (e.g., Vue.js, React), the View can be dynamically rendered.
Model-View-Controller (MVC) is a software architecture pattern that divides an application into three main components:
✔ Better maintainability through a clear separation of concerns.
✔ Reusability of components.
✔ Easy testability since logic is separated from the interface.
✔ Flexibility, as different views can be used for the same model.
MVC is widely used in web and desktop applications, including:
The Iris Framework is a modern, high-performance web framework for the Go (Golang) programming language. It’s commonly used to build web applications, APIs, and microservices. Iris focuses on speed, flexibility, and ease of use, providing a variety of features to streamline development.
High Performance:
Ease of Use:
Feature-Rich:
Extensibility:
Flexible Routing:
File Server and WebSockets:
Developer-Friendly:
Iris is particularly suitable for developers looking for a fast and reliable solution to build web applications. It combines Go's speed with a developer-friendly API, saving time and effort.
The Flask Framework is a popular, lightweight web framework for the Python programming language. It's widely used for developing web applications and APIs and is known for its simplicity and flexibility. Flask is a micro-framework, meaning it provides only the core functionalities needed for web development without unnecessary extras. This keeps it lightweight and customizable.
Flask-SQLAlchemy or Flask-Login.Flask is particularly suited for:
from flask import Flask
app = Flask(__name__)
@app.route('/')
def hello_world():
return 'Hello, World!'
if __name__ == '__main__':
app.run(debug=True)Compared to Django (a more comprehensive Python web framework), Flask is less opinionated and provides more freedom. While Django follows a "batteries-included" philosophy with many features built-in, Flask is ideal when you want to build only the parts you need.
A sitemap is an overview or directory that represents the structure of a website. It helps both users and search engines to better understand and navigate the content of the site. There are two main types of sitemaps:
sitemap.xml) listing all URLs on the site, often including additional information like:
Selenium
