aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • Eine Anleitung zur serverlosen Bereitstellung mit Express und MongoDB
    Eine Anleitung zur serverlosen Bereitstellung mit Express und MongoDB
    Dieses Tutorial zeigt meinen bevorzugten datenbankgesteuerten Workflow für Webanwendungen. Es ist für Entwickler, die in einzelnen Projekten die Entwicklung vollständiger Stapel erreichen möchten, ohne eine komplexe Multi-Service-Infrastruktur einzurichten und aufrechtzuerhalten. Wir werden eine sehr grundlegende Webanwendung bereitstellen, die in Node.js und Express geschrieben wurde. Es ermöglicht den Besuchern, Notizen zu schreiben und zu speichern sowie zuvor geschriebene Notizen zu lesen. Die Daten werden in der MongoDB -Datenbank gespeichert. Wir werden GitHub -Aktionen verwenden, um einen CI/CD -Workflow zu erstellen, um unsere Anwendungen für AWS Lambda bereitzustellen. Der Fokus liegt auf Einfachheit, Praktikabilität und Kosteneinsparungen. Da AWS und MongoDB sehr großzügige freie Ebenen haben, können Sie
    js-Tutorial . express 1046 2025-02-10 12:47:09
  • PUG HTML Template Engine: Ein Anfänger
    PUG HTML Template Engine: Ein Anfänger
    Als Webdesigner oder Entwickler müssen wir wahrscheinlich alle unseren angemessenen Anteil an HTML schreiben. Und obwohl dies nicht die schwierigste Aufgabe ist, kann es sich oft ein wenig langweilig oder wiederholt anfühlen. Hier kommt der Mop -HTML -Präprozessor ins Spiel. HTML ist auch Stati
    CSS-Tutorial . express 1033 2025-02-10 11:27:09
  • Fügen Sie Ihrer Web -App mit nurOffice Office -Funktionen hinzu
    Fügen Sie Ihrer Web -App mit nurOffice Office -Funktionen hinzu
    Dieser Artikel wurde in Partnerschaft mit nur Office erstellt. Vielen Dank, dass Sie die Partner unterstützt haben, die SitePoint ermöglichen. Wann immer wir versuchen, einer App komplexe Funktionen hinzuzufügen, stellt sich die Frage: "Soll ich meine eigenen rollen?" Ein
    js-Tutorial . express 573 2025-02-10 11:19:14
  • Lokale Authentifizierung mit Pass in node.js
    Lokale Authentifizierung mit Pass in node.js
    Dieses Tutorial zeigt, dass das Erstellen einer sicheren Node.js -Webanwendung mit lokaler Authentifizierung mit Passport.js und einer MongoDB -Datenbank erstellt wird. Wir konzentrieren uns auf eine Sitzungsbasis-Authentifizierung, einen robusten Ansatz, der das serverseitige Sitzungsmanagement und COO nutzt
    js-Tutorial . express 764 2025-02-10 11:15:11
  • So erstellen Sie ein Datei -Upload -Formular mit Express und DropzoneJs
    So erstellen Sie ein Datei -Upload -Formular mit Express und DropzoneJs
    Dropzone.js: Ein Tool zur Verbesserung des Datei -Upload -Formulars Datei -Upload -Formulare sind häufig problematisch: Entwickler sind nicht bereit zu erstellen, Designer sind nicht bereit zu verschönern, und die Benutzer sind nicht bereit zu füllen. Das frustrierendste ist die Dateisteuerung selbst - der Stil ist schwer einzustellen, die Verwendung ist ungeschickt, und das Hochladen von Dateien kann auch die Einreichung von Formularen verlangsamen. Das Dropzone.js-Plug-In entstand, das das Erscheinungsbild und die Benutzererfahrung von Datei-Upload-Steuerelementen und Hochladen von Dateien im Hintergrund über AJAX verbessern kann, wodurch der Upload-Prozess zumindest schneller aussieht. Darüber hinaus können Dateien überprüft werden, bevor sie auf dem Server ankommen und Benutzern nahezu instantiertes Feedback erhalten. Dieser Artikel wird in dropzone.js eintauchen und demonstrieren
    js-Tutorial . express 550 2025-02-10 09:42:11
  • Was ist eine REST -API?
    Was ist eine REST -API?
    Detaillierte Erläuterung der REST -API: Verstehen Sie leicht die am häufigsten verwendeten Netzwerk -Service -Technologien REST, das für "Repräsentationsstatustransfer" steht, ist derzeit die am weitesten verbreitete Netzwerk -Service -Technologie. Obwohl sein Name etwas abstrakt ist, ist die Rest -API im Wesentlichen eine Möglichkeit für zwei Computersysteme, mithilfe der HTTP -Technologie zu kommunizieren, die auf Webbrowsern und Servern üblich ist. Bei der Softwareentwicklung ist der Datenaustausch zwischen Systemen immer eine grundlegende Anforderung. Beim Kauf von Autoversicherungen muss die Versicherungsgesellschaft beispielsweise Ihre persönlichen Informationen und Fahrzeuginformationen erhalten, sodass sie Daten von Fahrzeugregistrierungsagenturen, Kreditagenturen, Banken und anderen Systemen anfordern müssen. All dies erfolgt in Echtzeit transparent
    js-Tutorial . express 413 2025-02-09 12:37:09
  • Verwenden von Redis mit node.js
    Verwenden von Redis mit node.js
    Redis: Ein Hochleistungs-In-Memory-Datenspeicher für Node.js Redis glänzt wie ein loderner, in Memory-Schlüsselwert und Cache. Die Vielseitigkeit erstreckt sich darauf, als Datenstrukturserver zu fungieren und verschiedene Datentypen zu bearbeiten, einschließlich Zeichenfolgen, Listen, Sets
    js-Tutorial . express 670 2025-02-09 10:52:10
  • Verwenden Sie die API der Begriff, um ein Quiz mit JavaScript zu erstellen
    Verwenden Sie die API der Begriff, um ein Quiz mit JavaScript zu erstellen
    API-gesteuerte JavaScript-Online-Quiz: Von der Begriffsdatenbank zu interaktiven Webseiten In diesem Artikel wird Ihnen mithilfe der API der Begriffe ein interaktives JavaScript -Online -Quiz erstellt. Während der Begriff nicht speziell für das Erstellen von Quiz konzipiert ist, können wir dies erreichen, indem wir seine tabellarische Datenbank geschickt anwenden und Technologien wie JavaScript, Node.js und Express kombinieren. Kernpunkte: Flexible Anwendung der Vorstellungstabelle Datenbank auf JavaScript Quiz Construction. Erstellen Sie JavaScript- und Node.js -Umgebungen und verwenden Sie Express und Dote
    js-Tutorial . express 530 2025-02-09 10:36:09
  • Entwicklung einer WordPress -REST -API -App: Erste Schritte
    Entwicklung einer WordPress -REST -API -App: Erste Schritte
    WordPress Rest API: Öffnen eines neuen Kapitels in der WordPress -Entwicklung Dieser Artikel führt Sie durch die Schritte, die Sie mit der WordPress -REST -API entwickeln können, sodass Sie auch ohne technischen Hintergrund problemlos beginnen können. Wir werden ein einfaches Beispiel für JavaScript -Anwendungen verwenden, kombiniert mit der React -Bibliothek von Facebook, um zu demonstrieren, wie die REST -API verwendet wird, um mit einer WordPress -Site zu interagieren, um WordPress -Inhalte zu erhalten und anzuzeigen. Kernpunkte: Die WordPress -REST -API ist ein wichtiges Instrument für Entwickler, um mit WordPress -Sites zu interagieren und die Erstellung, Lesen, Aktualisierung und Löschen von HTTP -Anforderungen zu ermöglichen.
    WordDrücken Sie . express 938 2025-02-09 10:33:09
  • Begriff API: Erste Schritte mit dem JavaScript SDK des Begriffs
    Begriff API: Erste Schritte mit dem JavaScript SDK des Begriffs
    Dieser Artikel zeigt, dass eine einfache Schnittstelle erstellt wird, mit der Ihre Begriffsdatenbank mithilfe der API und JavaScript mit einer benutzerdefinierten Anwendung verbunden ist. Es ist kein Vorkenntnis erforderlich, aber Vertrautheit mit Front-End- und Back-End-Entwicklung (Node.js und E
    js-Tutorial . express 682 2025-02-09 10:25:09
  • Erstellen Sie einen Github -Tracker mit Push -Benachrichtigungen in Sufle
    Erstellen Sie einen Github -Tracker mit Push -Benachrichtigungen in Sufle
    In diesem Artikel erfahren Sie, wie Sie einen Github -Tracker erstellen, der Benutzer benachrichtigt, wenn es ein neues Problem/PR auf einem verfolgten Repository gibt, indem Push -Benachrichtigungen gesendet werden. Github sendet bereits Benachrichtigungen über E -Mails, wenn Sie sich entschieden haben, aber viele Studien
    js-Tutorial . express 382 2025-02-09 10:11:09
  • So erfassen Sie Audio mithilfe der MediaStream -API
    So erfassen Sie Audio mithilfe der MediaStream -API
    Dieses Tutorial zeigt, dass das Erstellen einer Webanwendung für Audioaufzeichnungen und serverseitiger Speicher mithilfe der API von Medienaufnahmen und Streams (MediaStream API) erstellt wird. Benutzer zeichnen Audio auf, speichern Sie es auf dem Server und sehen/spielen gespeicherte Aufnahmen an. Die serverseitige
    js-Tutorial . express 432 2025-02-09 09:39:10
  • Bester Node.js Framework -Auswahlmöglichkeiten für die moderne App -Entwicklung
    Bester Node.js Framework -Auswahlmöglichkeiten für die moderne App -Entwicklung
    Auswählen des richtigen Node.js -Frameworks für Ihr nächstes Projekt Der Erfolg Ihrer Node.js -Anwendung hängt von der Auswahl des entsprechenden Frameworks erheblich ab. In diesem Artikel werden führende Node.js -Frameworks untersucht und ihre Stärken und Schwächen verglichen
    js-Tutorial . express 182 2025-02-08 13:47:08
  • So erstellen Sie einen einfachen Webserver mit node.js
    So erstellen Sie einen einfachen Webserver mit node.js
    Dieser Handbuch zeigt, dass das Erstellen eines Webservers mit node.js und express.js erstellt wird. Wir werden die Projekt -Setup, die Serverkonfiguration, die Bearbeitung verschiedener Anforderungstypen, das Servieren statischer Dateien und die Implementierung einer robusten Fehlerbehandlung abdecken. Schlüsselkonzepte: Einfacher Web -Ser
    js-Tutorial . express 695 2025-02-08 13:22:10
  • Erstellen Sie eine einfache Anfänger -App mit Knoten, Bootstrap und MongoDB
    Erstellen Sie eine einfache Anfänger -App mit Knoten, Bootstrap und MongoDB
    Dieses Tutorial führt Sie durch das Erstellen einer einfachen Registrierungswebanwendung mit Node.js, Express, Mops, MongoDB und Bootstrap. Es betont die praktischen Fähigkeiten, die auf reale Projekte anwendbar sind, anstatt nur ein fertiges Produkt zu produzieren. Ke
    js-Tutorial . express 952 2025-02-08 12:47:12

Werkzeugempfehlungen

Kontaktcode für das jQuery-Enterprise-Nachrichtenformular

Der Kontaktcode für das jQuery-Unternehmensnachrichtenformular ist ein einfacher und praktischer Unternehmensnachrichtenformular- und Kontaktcode für die Einführungsseite.

Wiedergabeeffekte für HTML5-MP3-Spieluhren

Der Spezialeffekt „HTML5 MP3-Musikbox-Wiedergabe“ ist ein MP3-Musikplayer, der auf HTML5+CSS3 basiert, um niedliche Musikbox-Emoticons zu erstellen und auf die Schaltfläche „Umschalten“ zu klicken.

HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte

Der Spezialeffekt „HTML5 Cool Particle Animation“ für das Navigationsmenü ist ein Spezialeffekt, der seine Farbe ändert, wenn die Maus über das Navigationsmenü bewegt wird.
Menünavigation
2024-02-29

Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare

Der Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare ist eine visuelle Form, die auf jQuery und dem Bootstrap-Framework basiert.

Webvorlage für Bio-Obst- und Gemüselieferanten Bootstrap5

Eine Webvorlage für Bio-Obst- und Gemüselieferanten – Bootstrap5
Bootstrap-Vorlage
2023-02-03

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus
Backend-Vorlage
2023-02-02

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5
Bootstrap-Vorlage
2023-02-02

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4
Bootstrap-Vorlage
2023-02-02

可爱的夏天元素矢量素材(EPS+PNG)

这是一款可爱的夏天元素矢量素材,包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等,素材提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-05-09

四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)

这是一款红的的 2023 毕业徽章矢量素材,共四个,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 预览图。
PNG material
2024-02-29

唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)

这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材,提供了 AI 和 EPS 两种格式,含 JPG 预览图。
Banner image
2024-02-29

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-02-27

Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen

Die Website-Vorlage für Reinigungs- und Wartungsdienste für Heimdekoration ist ein Website-Vorlagen-Download, der sich für Werbewebsites eignet, die Heimdekorations-, Reinigungs-, Wartungs- und andere Dienstleistungsorganisationen anbieten. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-05-09

Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben

Die Vorlage „Fresh Color Matching“ für die Lebenslauf-Leitfadenseite für persönliche Bewerbungen ist eine persönliche Webvorlage zum Herunterladen von Lebensläufen für die Jobsuche, die für einen frischen Farbabstimmungsstil geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-29

Web-Vorlage für kreativen Job-Lebenslauf für Designer

Die Webvorlage „Designer Creative Job Resume“ ist eine herunterladbare Webvorlage für die Anzeige persönlicher Lebensläufe, die für verschiedene Designerpositionen geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28

Website-Vorlage eines modernen Ingenieurbauunternehmens

Die Website-Vorlage für moderne Ingenieur- und Bauunternehmen ist eine herunterladbare Website-Vorlage, die sich zur Förderung der Ingenieur- und Baudienstleistungsbranche eignet. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28