Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Joels Lieblingsbeschäftigung

PHPz
Freigeben: 2024-08-06 01:41:22
Original
772 Leute haben es durchsucht

Joel

Einführung

Mein Name ist Joel Mukanya. Vielen Dank für diese Gelegenheit, an einer neuen Frontend-Challenge, Version 24.07.24, mit dem Thema „CSS Art and Glam Up My Markup“ zu arbeiten. (https://dev.to/challenges/frontend-2024-07-24)

Inspiration

Eine der Aufgaben bestand darin, etwas zu entwerfen, das mit unseren Freizeitaktivitäten zu tun hat, und Schachspielen gehört zu meinen Aufgaben. Ich wollte schon seit meiner Kindheit Schach lernen, aber andere Verpflichtungen hielten mich davon ab, dem nachzugehen, bis ich mich am 23. Juli 2023 bei chess.com anmeldete. Seitdem spiele ich regelmäßig. Was mir am meisten Spaß macht, ist das Gestalten meiner Eröffnungen im Schach.

Demo

Hier ist mein Repo-Link: GitHub Repository

Hier ist der gehostete Link: Live-Demo

Reise

Ich habe bereits Erfahrung in der Webentwicklung und anderen Bereichen, daher hat mir die Erstellung eines Schachspiels geholfen, die Logik des Spiels zu verstehen und zu lernen, wie man JavaScript verwendet, um die Koordinaten jeder Figur zu überprüfen. Leider konnte ich das Projekt nicht abschließen.

HTML 5

Nutzen Sie die Navigation, um Benutzern die Navigation zwischen Abschnitten (Über und Schach) zu ermöglichen
In der Fußzeile der Website vermerke ich das Urheberrecht

CSS 3

Ich habe CSS 3 verwendet, um benutzerdefinierte Variablen und Eigenschaften zu erstellen. Ich habe auch Raster-, Unterraster- und Flex-Layouts verwendet. Inklusive Animation

Javascript

Ich habe JavaScript verwendet, um eine rekursive Funktion zu erstellen und das DOM zu manipulieren.

Das obige ist der detaillierte Inhalt vonJoels Lieblingsbeschäftigung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage