Skip to content

Instantly share code, notes, and snippets.

@SplittyDev
Last active October 12, 2020 17:47
Show Gist options
  • Save SplittyDev/c5b63381fe506b492e2c62ee828c04a7 to your computer and use it in GitHub Desktop.
Save SplittyDev/c5b63381fe506b492e2c62ee828c04a7 to your computer and use it in GitHub Desktop.
Several coding tests I came up with..

Aufgabe: Kontaktformular

Ziel der Aufgabe ist es, ein visuell ansprechendes und funktionales Kontaktformular unter Verwendung moderner Webtechnologien zu erstellen.

Anforderungen

Technische Anforderungen

  • Eigene Entwicklungsumgebung einrichten
  • Webserver mit PHP und MySQL
  • Backend in PHP 7, MySQL
  • Frontend in HTML5, CSS3, JS ES6+ falls notwendig

Restriktionen

  • Keine PHP Frameworks wie Laravel, Symfony, CakePHP, etc
  • Keine JS Frameworks wie jQuery

Aufgaben

Die Aufgaben sind in mehrere kleinere Probleme unterteilt. Das Wissen welches zur Ausführung erforderlich ist, soll als Teil der Aufgabe autodidaktisch erworben werden.

0. Datenbankdesign

Entwerfe eine MySQL Datenbank zum Speichern der Daten.

1. Kontaktformular

Erstelle ein Kontaktformular in HTML5, welches die folgenden Felder beinhaltet:

  • Voller Name
  • Email Adresse
  • Betreff
  • Nachricht
  • Absenden Button

Das Kontaktformular soll dem Nutzer ansprechend präsentiert werden (CSS3).

2. Validierung

Der zweite Schritt beinhaltet die validierung der Kontaktdaten. Alle Felder müssen befüllt werden, das Email Feld muss eine validate Email Adresse enthalten.

Die Validierung kann wahlweise vor dem Absenden in JavaScript oder nach dem Absenden in PHP erfolgen. Im Falle der Validierung in PHP, ist dies als Teil der 3. Aufgabe anzusehen.

3. Senden der Daten

Dieser Schritt beinhaltet das übertragen der Daten an ein PHP Script über HTTP POST. Das PHP Script legt die Daten in einer MySQL Datenbank ab.

Nach erfolgreichem Senden der Daten soll dem Nutzer eine visuelle Rückmeldung präsentiert werden.

4. Aggregation der Daten

In dieser Aufgabe wird eine Übersicht der versendeten Nachrichten angezeigt. Ein PHP Script liest die eingegangenen Nachrichten aus der Datenbank und zeigt diese ansprechend an.

4.1. Bonus

In dieser Aufgabe wird die Übersicht aus Aufgabe 4 um administrative Funktionen erweitert. Diese beinhalten das Löschen und Bearbeiten einzelner Nachrichten.

Viel Glück!

Bei Fragen zur Aufgabenstellung einfach an die Entwickler wenden. Die Verwendung von Q&A-Foren wie StackOverflow ist ausdrücklich erlaubt und erwünscht, falls Wissen in bestimmten Aufgabenbereichen fehlt. Bitte Copy&Paste code vermeiden.

Assignment: Contact Form

Applicant: Samina Zahid

The goal of the assignment is the creation of a visually attractive, functional contact form that uses modern web technologies.

Requirements

Technical Requirements

  • Setting up your development environment
  • Setting up a PHP/MySQL Webserver
  • Writing the backend in PHP 7, MySQL
  • Writing the frontend in HTML5, CSS3, JS ES6+ if applicable

Restrictions

  • No PHP Frameworks like Laravel, Symfony, CakePHP, etc
  • No JS Frameworks like jQuery

Assignments

The assignment is split into a few smaller assignments.

0. Database Design

Design a MySQL Database to save the data.

1. Contact Form

Create a Contact Form in HTML5, which contains the following fields:

  • Full Name
  • Email Address
  • Subject
  • Message
  • Send Button

The contact form should look visually pleasing (CSS3) and provide a good user experience.

2. Validation

The second assignment is the validation of contact data. At the time of sending, all fields must be filled, the email field must contain a valid email.

The validation can be done in JavaScript before sending, or in PHP after sending. If the validation is done in PHP, it is to be seen as part of assignment 3.

3. Sending of data

This assignment is the sending of data to a PHP script via HTTP POST. The PHP script writes the data to the MySQL database.

After sending the data, the user should get a visual response.

4. Aggregation of data

This assignment is about creating an overview of the sent messages. A PHP script reads the incoming messages from the database and presents them to the user.

4.1. Bonus

In the bonus assignment, the overview (see assignment 4.) is extended by administrative functionality. This means that it should be possible to delete and edit specific messages.

Good luck!

If you have any questions, don't hesitate to ask the other developers. You are free to use StackOverflow and other Q&A platforms, but please don't copy&paste code from the internet.

Aufgabe: Social Timeline

Bewerber: Daniel Jäger

Ziel der Aufgabe ist es, eine visuell ansprechende und funktionale Social Timeline im Stil bekannter sozialer Netzwerke (Facebook, Twitter, etc.) unter Verwendung moderner Webtechnologien zu erstellen.

Anforderungen

Technische Anforderungen

  • Eigene Entwicklungsumgebung einrichten (inkl. Webserver mit PHP)
  • Backend in PHP/MySQL
  • Frontend in HTML/CSS/JS

Anwendung

  • Posts erstellen
  • Posts bearbeiten
  • Posts löschen
  • Posts liken
  • Posts kommentieren

Die Datenbankstruktur, Art der Umsetzung und das Design bleiben dir selbst überlassen. Die Aufgabe gilt als erledigt, wenn alle Anforderungen erfüllt sind.

Die Unterstützung von Nutzerprofilen wird für diese Aufgabe nicht verlangt. Alle Aktionen werden der Einfachheit halber von einem zentralen Nutzer ausgeführt.

Bitte schreibe sauberen Code nach gängigen Prinzipien.

Aufgabe: Dynamic Social Timeline

Bewerber: Anstasia Savlukov

Ziel der Aufgabe ist es, eine visuell ansprechende und funktionale Social Timeline im Stil bekannter sozialer Netzwerke (Facebook, Twitter, etc.) unter Verwendung moderner Webtechnologien zu erstellen.

Anforderungen

Technische Anforderungen

  • Eigene Entwicklungsumgebung einrichten (inkl. Webserver mit PHP)
  • Backend in PHP 7, MySQL
  • Frontend in HTML5, CSS3, JS ES6+

Restriktionen

  • Keine PHP Frameworks wie Laravel, Symfony, CakePHP, etc
  • Keine JS Frameworks wie jQuery, React, Vue

Anwendung

  • Posts erstellen
  • Posts bearbeiten
  • Posts löschen
  • Posts liken
  • Posts kommentieren
  • Live Feed-aktualisierung über AJAX

Die Datenbankstruktur, Art der Umsetzung und das Design bleiben dir selbst überlassen. Die Aufgabe gilt als erledigt, wenn alle Anforderungen erfüllt sind.

Die Unterstützung von Nutzerprofilen wird für diese Aufgabe nicht verlangt. Alle Aktionen werden der Einfachheit halber von einem zentralen Nutzer ausgeführt.

Bitte schreibe sauberen Code nach gängigen Prinzipien.

Aufgabe: Dynamic Social Timeline

Bewerber: Johannes Ebert

Ziel der Aufgabe ist es, eine visuell ansprechende und funktionale Social Timeline im Stil bekannter sozialer Netzwerke (Facebook, Twitter, etc.) unter Verwendung moderner Webtechnologien zu erstellen.

Anforderungen

Technische Anforderungen

  • Eigene Entwicklungsumgebung einrichten (inkl. Webserver mit PHP)
  • Ein Git Repository verwalten
  • Backend in PHP, MySQL
  • Frontend in HTML5, CSS3, JavaScript ES6+

Restriktionen

  • Keine PHP Frameworks wie Laravel, Symfony, CakePHP, etc
  • Keine JS Frameworks wie jQuery, React, Vue

Falls die Verwendung eines Frameworks dennoch gewünscht ist, bitte kurz Absprache mit Marco Quinten halten.

Anwendung

  • Posts erstellen
  • Posts bearbeiten
  • Posts löschen
  • Posts liken
  • Posts kommentieren
  • Live Feed-aktualisierung über AJAX

Das Projekt bitte wenn möglich als GitHub Repository anlegen. Falls die Einrichtung eines Repositories auf GitHub.com zu aufwendig ist, reicht es aus, ein lokales Repository anzulegen.

Die Datenbankstruktur, Art der Umsetzung und das Design bleiben dir selbst überlassen. Die Aufgabe gilt als erledigt, wenn alle Anforderungen erfüllt sind.

Die Unterstützung von Nutzerprofilen wird für diese Aufgabe nicht verlangt. Alle Aktionen werden der Einfachheit halber von einem zentralen Nutzer ausgeführt.

Bitte schreibe sauberen Code nach gängigen Prinzipien.

Aufgabe: Social Timeline Extended

Bewerber: Christian Fleck

Ziel der Aufgabe ist es, eine visuell ansprechende und funktionale Social Timeline im Stil bekannter sozialer Netzwerke (Facebook, Twitter, etc.) unter Verwendung moderner Webtechnologien zu erstellen.

Anforderungen

Technische Anforderungen

  • Eigene Entwicklungsumgebung einrichten (inkl. Webserver mit PHP)
  • Backend in PHP 7, MySQL
  • Frontend in HTML5, CSS3, JS ES6+

Restriktionen

  • Keine PHP Frameworks wie Laravel, Symfony, CakePHP, etc
  • Keine JS Frameworks wie jQuery, React, Vue

Anwendung

  • Accounts erstellen
  • Accounts löschen
  • Login, Logout
  • Posts erstellen
  • Posts bearbeiten
  • Posts löschen
  • Posts liken
  • Posts kommentieren

Die Datenbankstruktur, Art der Umsetzung und das Design bleiben dir selbst überlassen. Die Aufgabe gilt als erledigt, wenn alle Anforderungen erfüllt sind.

Bitte schreibe sauberen Code nach gängigen Prinzipien.

@SplittyDev
Copy link
Author

SplittyDev commented Jul 29, 2019

Aufgabe: Dynamic Social Timeline

Ziel der Aufgabe ist es, eine visuell ansprechende und funktionale Social Timeline im Stil bekannter sozialer Netzwerke (Facebook, Twitter, etc.) unter Verwendung moderner Webtechnologien zu erstellen.

Anforderungen

Technische Anforderungen

  • Eigene Entwicklungsumgebung einrichten (inkl. Webserver mit PHP)
  • Ein Git Repository verwalten
  • Backend in PHP, MySQL
  • Frontend in HTML5, CSS3, JavaScript ES6+

Restriktionen

  • Keine PHP Frameworks wie Laravel, Symfony, CakePHP, etc
  • Keine JS Frameworks wie jQuery, React, Vue

Falls die Verwendung eines Frameworks dennoch gewünscht ist,
bitte kurz Absprache mit Marco Quinten halten.

Anwendung

  • Posts erstellen
  • Posts bearbeiten
  • Posts löschen
  • Posts liken
  • Posts kommentieren
  • Live Feed-aktualisierung über AJAX

Das Projekt bitte wenn möglich als GitHub Repository anlegen.
Falls die Einrichtung eines Repositories auf GitHub.com zu aufwendig ist,
reicht es aus, ein lokales Repository anzulegen.

Die Datenbankstruktur, Art der Umsetzung und das Design bleiben dir selbst überlassen.
Die Aufgabe gilt als erledigt, wenn alle Anforderungen erfüllt sind.

Die Unterstützung von Nutzerprofilen wird für diese Aufgabe nicht verlangt.
Alle Aktionen werden der Einfachheit halber von einem zentralen Nutzer ausgeführt.

Bitte schreibe sauberen Code nach gängigen Prinzipien.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment