adeviento web

Web -Adventskalender

Webprojekt "Adevo -Kalender" mit reinem Python und Reflexion

Der "Adevo -Kalender" ist eine Aktivität, bei der jeden Tag (während des Advents) ein Geschenk mit Softwareprogrammierung und -entwicklung (Bücher, Kurse ...) verlost ist. Ihr Ziel ist es, Wissen zu teilen und das Lernen der Gemeinschaft zu fördern.

Besuchen Sie https://adviento.dev

Entwicklung live aus dem Zucken gemacht

Wenn Sie das Projekt als nützlich betrachten, macht Apóyalo "★ Star" im Repository. Danke schön!

Video -Tutorial

• Einführung
• Lektion 1 - Konfiguration
• Lektion 2 - Navar
• Lektion 3 - Kopfzeile
• Lektion 4 - Fußzeile
• Lektion 5 - Anweisungen
• Lektion 6 - Autor
• Lektion 7 - Partner
• Lektion 8 - Kalender
• Lektion 9 - Repository
• Lektion 10 - Schnee
• Lektion 11 - Einsatz
• Schlussfolgerungen

Sie haben einen Kanal namens "Python" auf dem Discord -Server der Community, um zu fragen, zu teilen und zu helfen.

Projekt

Dies ist die allgemeine Struktur des Projekts.

• Advent_Web : Hauptquellcode
  • Advent_web.py : Index der Website
  • Konstanten.PY : Konstanten, die auf der Website verwendet werden
  • Stile : Stylesverzeichnis (CSS, Farben und Brunnen)
  • Ansichten : Verzeichnis anzeigen (Grafikabschnitte)
  • Komponenten : Komponentenverzeichnis (grafische Elemente mit weniger Entität als eine Ansicht)
• Assets : JavaScript -Grafikressourcen und -versorger (Nive und Countdown)
• Rxconfig.py : Hauptprojektkonfiguration (Standard)
• Anforderungen.txt : Projektabhängigkeiten für die Ausführung
• Assets : JavaScript -Grafikressourcen und -versorger (Nive und Countdown)
• local_build.sh : statisches Generationskript des Webs für die Produktion zu Hause
• Build.sh : statisches Generationskript des Remote -Produktionsnetzes
• [generiert] öffentlich : statische Verpackung des Projekts, das in der Produktion eingesetzt wird (HTML, CSS, JS und Bilder)

Lokale Konfiguration

1. Machen Sie eine Fork aus dem Repository.

2. Clona dieses Repository in Ihrer lokalen Maschine.

   git clone https://github.com/ < USERNAME > /adeviento-web.git

3. Navigieren Sie zum Projektverzeichnis.

    cd adeviento

4. Erstellen Sie eine virtuelle Umgebung.

   python3 -m venv venv

5. Aktivieren Sie die virtuelle Umgebung.

    source venv/bin/activate

6. Installieren Sie die Einheiten.

   python -m pip install -r requirements.txt

7. Initialisiert das Reflexionsprojekt.

   reflex init

8. Führen Sie das Projekt zu Hause aus.

   reflex run

   Sie können auf ihn zugreifen, der in die URL http://localhost:3000/ aus dem Browser eintritt.

Sie haben weitere Informationen zu Überlegungen in Ihrer offiziellen Dokumentation.

Einsatz

Um das Projekt anzuzeigen, wurde ein local_build.sh erstellt, der für die Ausführung des erforderlichen Flusses verantwortlich ist, um das public Verzeichnis mit allen statischen Ressourcen zu generieren, die der Webserver benötigt.

Der gesamte Verpackungsprozess für die Produktion kann ein Delegierter auf dem Server sein, aber das Repository verfügt immer über das public Verzeichnis, sodass Sie den statischen Webinhalt überprüfen können, ohne das Skript local_build.sh auszuführen.

 source .venv/bin/activate
pip install --upgrade pip
pip install -r requirements.txt
reflex init
reflex export --frontend-only
rm -fr public
unzip frontend.zip -d public
rm -f frontend.zip
deactivate

Im Grunde genommen wird die Umgebung vorgefertigt, die Abhängigkeiten installiert, das Projekt initialisiert, Produktionskonstruktionen erstellt und es dekomprimiert.

Sie können den Server so konfigurieren, dass die Verpackungsaufgabe und die Bereitstellung build.sh ausgeführt werden.

Das Projekt kann an jeden Lieferanten oder Server bereitgestellt werden, der statische Ressourcen unterstützt.

Advent.dev wird in Vercel eingesetzt.

Vercel -Konfiguration:

• Githubs Repository wurde mit dem Projekt in Verbindung gebracht (so dass jeder push in der main eine neue Bereitstellung auslöst)
• Bau- und Entwicklungseinstellungen: Andere
• Wurzelverzeichnis: public (die statische Produktion für die Produktion enthält)
• Benutzerdefinierte Domain: Advent.dev

Ressourcen verwendet

• Sprache: Python
• Framework: Reflex
• CSS: NES.CS
• Quelle: Start 2p drücken
• Hosting: Vercel

Python- und Reflexionskurs

Kostenloser Kurs, um die Border -Web -Entwicklung mit reinem Python von Grund auf neu zu lernen. Die Technologien entwickelten das Projekt "Adevo -Kalender". Ich habe auch einen Python -Kurs von Null für Anfänger.

Sie können meine Arbeit im Repo unterstützen. Danke schön!

Treten Sie dem Community -Programmiercampus bei

Ich präsentiere Mouredev Pro, mein wichtigstes Projekt, mit dem Sie Softwareprogrammierung und -entwicklung unterschiedlich studieren können.

Suchen Sie ein Extra? Hier finden Sie meine Kurse, die von Einzelunterricht bearbeitet werden, um in Ihrem Tempo voranzukommen und Fortschritte zu sparen. Sie haben auch Übungen und Korrekturen, testen Sie, um Ihr Wissen, Ihre Prüfung und Ihr öffentliches Abschluss, Unterstützung, Studenten, Gruppenversammlungen, exklusive Kurse und vieles mehr zu validieren.

Geben Sie Mouredev.pro ein und verwendet den Coupon "Pro" mit einem Rabatt von 10% auf Ihr erstes Abonnement.

Hallo, mein Name ist Bruis Moure.

Freiberuflicher Full-Stack iOS & Android-Ingenieur

Ich bin seit 2010 Software -Ingenieur. Seit 2018 habe ich meine Arbeiten zur Entwicklung von Apps mit der Erstellung von Trainingsinhalten in Bezug auf Programmierung und Technologie in verschiedenen sozialen Netzwerken wie @MoureD kombiniert.

Wenn Sie unserer Entwicklungsgemeinschaft beitreten, Programmierung lernen, Ihre Fähigkeiten verbessern und die Kontinuität des Projekts unterstützen, können Sie uns in: