Verwandte Themen

Frage
von eduard908
30.06.2023, 23:12
programmierprofi werden?

Ich bin m 16. interessiere mich sehr für Informatik, bzw hauptsächlich für programmierung von verschiedenen Dingen (Webentwicklung, Spiele)

Heute habe ich mich mit einem Mitschüler unterhalten, welche das selbe Interesse zu haben scheint.
Er scheint ein richtiger Informatik Profi zu sein: hat mir zum Beispiel erzählt, für einen Freund einen eigene Smart Mirror gebaut zu haben und sogar Apps für diesen zu programmieren.

Das fand ich krass und hat mich auch erstmal stutzig gemacht. Neben programmierkenntnissen würde das ja auch eine Kenntnis im Umgang mit Raspberry pies erfordern was ich auch alles gern können würde.

Eine Zeit lang habe ich mich mit dem Thema beschäftigt. Versucht, HTML, CSS und JS für Webentwicklung sowie Java für Spiele bzw Minecraft Plugin Entwicklung zu lernen.

Anfangs hatte ich jeweils natürlich immer gute Ergebnisse. Habe in einem Schülerpraktikum zum Beispiel eine erste Funktionsfähige Portfolio Website mit ein paar Funktionen (hauptsächlich Animationen oder ein Animierter Download Button) von Grund auf gebaut und einige Funktionen in ein Minecraft Plugin eingebaut.

weiter als zu den Basics bin ich jeweils leider nie gekommen. Manchmal habe ich ein paar Verständnisschwierigkeiten in der Anwendung. (Versuche z.B. etwas aus dem Internet nachzubauen, verstehe es aber nicht, weil es auch meist nicht funktioniert und Leute dann andere Anleitungen geben)

Das große Problem dabei ist wahrscheinlich, dass ich das ganze nur nebenbei gemacht habe, da ich hauptsächlich auch mit Freude mit Social Media Marketing beschäftigt bin und sich das bis heut nicht geändert hat.

Ich würde allerdings zu gern diese Fähigkeiten/„programmiersprachen“ besitzen und eigene Projekte umsetzen (können).

Ständig habe ich motivation irgendwas großes umzusetzen, endlich mal wieder zu programmieren, aber es fehlen einfach meist Projekte für meine Liga, die vielleicht etwas komplexer sind, um die Fähigkeiten zu entwickeln, aber auch Sinn für mich ergeben und nützlich sind.

Ich bin mir ein wenig unsicher, was da genau das Problem ist. Habt ihr vielleicht Ideen und Lösungsvorschläge?

App, HTML, Webseite, CSS, Java, JavaScript, Minecraft, Programmiersprache, Projekt, Python, Webentwicklung
4 Antworten
Frage
von random1755
16.06.2023, 00:17
HTML gradient in nav bar?

Hallo, ich versuche vergebens eine nav bar zu bauen, welche durch hovern einen gradient freigibt, nicht hinter jedem linkblock soll ein gradient sein, sondern ein 'grosser' hinter allen zsm. Mein ansatz ist bis jetzt dies: 

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>G&M Barber</title>
  </head>
  <body>
   
        <ul>
            <li><a href="barber.html">Home</a></li>
            <li><a href="barber.html">News</a></li>
            <li><a href="barber.html">Contact</a></li>
            <li><a href="barber.html">About</a></li>
            
        </ul> 
    
</body>
</html>

css: 

body {
    background-color: black;
  }
  
  ul {
  background: linear-gradient(90deg, rgba(0, 3, 36, 1) 0%, rgba(121, 9, 118, 1) 47%, rgba(56, 134, 188, 1) 100%);    border-radius: 12px;
    overflow: hidden;
    display: table;
    margin: 0 auto;
    padding: 0;
  }
  
  li {
    display: inline-block;
  }
  
  li a {
    display: block;
    color: rgb(255, 255, 255);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    background: black;
  }
  
  li a:hover {
    background: transparent;
  }

  jedoch sind die Abstände zwischen den li 'boxen' auch gefärbt, wie ändere ich das, oder wie gehe ich das schlauer an?

Vielen Dank schon mal

HTML, Webseite, CSS, HTML5, Programmiersprache, Webdesign, Webentwicklung
2 Antworten
Frage
von Whataboutno08
11.06.2023, 16:43
Mit Bildern
Pinball-Game / JavaScript: Wie kann ich die Kollisionserkennung implementieren?

Hallo zusammen,

ich muss für die Uni ein kleines Single Page 2D-Spiel entwickeln. Die Backend REST-API mit Python, das Frontend mit HTML/CSS, die Logik mit JavaScript. Die Animationen sollen wir selbst entwickeln und nicht z.B. von canvas-Objekten übernehmen.

Ich versuche zurzeit ein Pinball-Spiel (Flipper-Automaten) und habe das Grundgerüst mit CSS gebaut. Nur habe ich mir die Kollisionserkennung deutlich leichter vorgestellt, als sie wahrscheinlich ist.

So sieht das Spielfeld momentan aus:

Die JavaScript-Logik sodass der Ball im Spielfeld bleibt, ist ja recht simpel:

  var ball = document.getElementById('ball');
  var playArea = document.getElementById('play-area');
  var ballRadius = 10;
  var playAreaWidth = playArea.offsetWidth; // 600
  var playAreaHeight = playArea.offsetHeight; // 820
  var ballX = playAreaWidth / 2; // Startposition des Balls in der Mitte des Spielfelds
  var ballY = playAreaHeight / 2; // X = 300, Y = 410
  var ballSpeedX = 3; // Geschwindigkeit des Balls in horizontaler Richtung
  var ballSpeedY = 3; // Geschwindigkeit des Balls in vertikaler Richtung
  
  function updateBallPosition() {
    // Aktualisiere die Position des Balls basierend auf der aktuellen Geschwindigkeit
    ballX += ballSpeedX;
    ballY += ballSpeedY;
  
    if (ballX + ballRadius > playAreaWidth || ballX - ballRadius < 0) {
      ballSpeedX *= -1; // Richtungswechsel in der horizontalen Richtung
    }
  
    if (ballY + ballRadius > playAreaHeight || ballY - ballRadius < 0) {
      ballSpeedY *= -1; // Richtungswechsel in der vertikalen Richtung
    }
  
    // Setze die neue Position des Balls
    ball.style.left = ballX + 'px';
    ball.style.top = ballY + 'px';
  }
  
  // Aktualisiere die Position des Balls alle 16 Millisekunden (ca. 60 Frames pro Sekunde)
  setInterval(updateBallPosition, 16);
}

Aber wie man es implementiert, sodass der Ball von den Hindernissen und Banden richtig abprallt, sodass ein Richtungswechsel entsteht, habe ich noch nicht wirklich verstanden. Hätte da jemand eine Idee oder Erfahrung, wie man hier an die Kollisionserkennung herangehen könnte?

LG und danke im Voraus. :)

Bild zu Frage
HTML, CSS, Java, JavaScript, HTML5, Informatik, Programmiersprache, Webentwicklung
1 Antwort
Frage
von lschecker90gf
31.05.2023, 14:02
Html und Css; Einbinden von Bildern - Irgendwie klappt es nicht?

Hallo,

ich experimentiere gerade wieder ein wenig im Bereich html rum.

irgendwie funktioniert das mit dem EInfügen von Bildern nicht wirklich.

Kann mir irgendjemand sagen wo der Fehler liegt?

Hier der html-code

<!doctype html>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="widt=device-width, initale-scale=1">
        <meta name="description" content="Beschreibung">
        <title>Test html Grundgeruest</title>
    </head>
    <body>
    </body>
</html>

</br>
</br>
</br>

ERSTELLUNG EINES LINKS</br>
<a href="irgendwohin.html">Hier Klicken</a>
Nach "href=" steht die Datei, die aufgerufen werden soll, diese muss in Gänsefüsschen stehen.</br>
"Hier Klicken" ist der für den Benutzer sichtbare Text, der angeklickt </br>
werden soll. Achtung Attribute wie href stehen immer nur im Start-Tag, nie im End-Tag.</br>
</br>
</br>
</br>

EINFÜGEN VON BILDERN</br>
<img src"test.jpeg" alt="kurzbeschreibung">


        <!-- so wird ein Kommentar eingefügt. Dieser ist für den Besucher der Webseite nicht lesbar.
        Innerhalb des kommentars können auch html Befehle  eingegeben werden. Diese sollen zumindest
        keine auswirkungen auf die Eingabe haben.-->

Das Bild wird auchnicht angezeigt, wenn ich den gesamten Link einfüge.
HTML, Webseite, CSS, HTML5, Programmiersprache, Webdesign, Webentwicklung
2 Antworten
Frage
von GPM23
26.05.2023, 20:36
Strato Web-Baukasten anpassen?

Noch einmal vorab, nicht ich habe mir den Mis... gekauft, wollte jemanden helfen, der die Seite benötigt. Wenn sich also jemand mit Tricks im Strato Baukasten auskennt und so lieb sein mag, konstruktive Ansätze mit mir zu teilen, wäre ich sehr dankbar.

Hallo,

Es geht um einfachste Abläufe, die sich im Strato Baukasten nicht verwirklichen lassen. Der Strato Service war sehr hilfreich (Ironie)! Wenn jemand selbst schon Ideen über Umwege gefunden hat, würde ich mich sehr über einen Ideenaustausch freuen.

Alle Fragen wurden beantwortet mit "Ja, das sehen Sie leider richtig, dies ist nicht vorgesehen" weitere Aussage "Aber schreiben Sie das bitte als Wunsch und Beschwerde, das hören wir seit Jahren." :-(

Zu den Problemen:

Also lange Texte kann man nicht einfach kürzen und mit beispielsweise ...weiter kürzen, dies geht nur über eine versteckte Seite im Untermenü! Ebenso auf dieser versteckten Seite mit einem ...zurück!

Soweit so Gut (Schlecht), denn die ...zurück Verlinkung, kann man intern nur auf den Hauptreiter oder Unterseite oder versteckte Seite lenken! Bin ich aber in der Mitte der "Home" Seite (habe also dort drüber schon verschiedene Themen) und möchte jetzt ein Produkt beschreiben.

Also binde ich dort den ...weiter Link ein und möchte dann zurück auf die gleiche Höhe, ist dies nicht möglich, sondern man fängt ganz oben bei "Home" wieder an, da man den Bereich nicht wählen kann, wohin es zurückgehen soll :-(

Es gibt noch nicht einmal die Möglichkeit eines simplen "Ziehharmonika Effektes!"

Mit dem “Embed-Widget” hatte ich die Hoffnung, eine Art von Code einbinden zu können, aber trotz richtiger Codes, versteht das Tool wohl nur bestimmte Codes von Fremdseiten?!

Sollte sich schon einmal jemand mit diesem furchtbaren Baukasten beschäftigt haben und Ideen oder Tricks benennen können, wäre ich sehr dankbar. Es kann ja nicht sein, dass ich, dem Service von Strato erkläre, wie man gewisse Sachen bei Ihnen “faken” kann und dies leider auch nonstop muss (Thema Mehrsprachigkeit).

Mein Kopf raucht und ist müde, also sollte es jemanden da draußen geben, der am besten einen Ordner mit allen Strato-Tricks besitzt, wie man den Strato-Baukasten nutzen kann, lasse es mich bitte wissen. 

Fragen, warum ich mir den Stress überhaupt antue?! Ich wurde leider gefragt, ob ich helfen kann, da diejenige es für ein Jahr gekauft hat (Geld weg und 14 Tage um), wurde ich um eine Lösung für das Produkt/Problem gebeten.

Ich freue mich auf hilfreiche Antworten.

Danke GPM

Homepage, HTML, Webseite, CSS, JavaScript, Strato, Webentwicklung
2 Antworten

Meistgelesene Fragen zum Thema CSS
Mehr meistgelesene Fragen zu CSS