und was Techstack ihr. Front end backend fullstack ?

zb

1. Angular Typescript node js mongo bootstrap oder sowas.
2. React js java scss
3. Vue js less php

Was für wichtige libraries nutzt ihr.

Und wenn es für euch ok ist, wo arbeitet ihr genau/ungefähr / welche branche.

Und wie lange/ welche position

Arbeitet ihr fest bei zb Meta oder Freiberuflich

(Kriegt ihr regelmässig aufträge von unternehmen oder kleinere durch fiverr)

Hallo, seit Weile arbeite ich an einer Website, für welche ich jetzt einen Header installiere. Oben ist etwas Content und danach ist eben der Header, der beim Scrollen oben am Rand bleiben soll. Das ist mein Code dazu, ich hoffe jemand kann mir helfen und danke im Vorraus.

------HTML------

<div id="header">
    <img src="bilder/Logo.png" alt="Logo Fliesen"></img>
         <div id="flexbox">
             <nav>
                 <ul class="menu">
                     <div class="flexitem" id="navFlex">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="engagement.html">Unser Engagement</a></li>
                        <li><a href="contact.html">Kontakt</a></li>
                        <li><a href="about.html">Über mich</a></li>
                        <li><a href="referenzen.html">Referenzen</a></li>
                    </div>
                </ul>
            </nav>
       </div>
   <div class="social" class="flexitem"></div>
</div>

-----CSS------

#header {
    height: 80px;
    left: 0;
    right: 0;
    width: 100vw;
    border-bottom: 1px solid #DEDCD9;
    background-color: white;
    display: flex;
    overflow: hidden;
    position: sticky;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
  
  .sticky + #bsp {
    padding-top: 60px;
}

------Script-------

<script>window.onscroll = function() {stickyH()};

var navbar = document.getElementById("header");
var sticky = navbar.offsetTop;
function stickyH() {
   if (window.pageYOffset >= sticky) {
       navbar.classList.add("sticky")
        } else {
                navbar.classList.remove("sticky");
              }
            } 
</script>

Hey, wie bekommt man den Button und das collapsible nebeneinander ?

Hier der HTML Code:

<button class = "x-button"><i class="fa-solid fa-x"></i></button>

<div class="fach" id ="${nameDesFachs}"> <button type="button" class="collapsible">${nameDesFachs}</button><div class="content hidden"></div></div>

Hallo, wie lautet der Befehl, wenn ein Text und ein Bild auf der gleichen Linie stehen?

<div class="räderContainer">
                    <h3 class="h41">Text</h3>
                    <img class="rad" src="zahnrad.png">
                </div>

Ist es möglich, die Navbar (Bootstrap 5) nicht anzeigen zu lassen, wenn man sich in der Mobilversion befindet?

Hallo,

suche nach einem Template/Beispiel-Anwendung oder ähnliches wo erklärt wird wie man eine Sidebar (links) Implementiert die auch ein und aus geblendet werden kann.

Vorzugsweise:

• Bootstrap 5
• Blazor Server
• Kein JS
• Basic, nichts Komplexes, es sollte eine einfache Sidebar sein die ein und ausklappbar ist.

<div id="story">
		<p id="grid1">1</p>
		<p id="grid2">2</p>
		<p id="grid3">3</p>
		<p id="grid4">4</p>
		<p id="grid5">5</p>
		<p id="grid6">6</p>
	</div>

#grid1{
	grid-area: "eins";
	border: 1px solid black;
}
#grid2{
	grid-area: "zwei";
	border: 1px solid black;
}
#grid3{
	grid-area: "drei";
	border: 1px solid black;
}
#grid4{
	grid-area: "vier";
	border: 1px solid black;
}
#grid5{
	grid-area: "fünf";
	border: 1px solid black;
}
#grid6{
	grid-area: "sechs";
	border: 1px solid black;
}


#story{
	padding: 15px;
	color:  white;
	background-color: rgb(0, 0, 255);
	display: grid;
	grid-template-columns: 200px 200px 200px;
	grid-template-rows: 200px 200px 200px;
	gap: 16px;
	grid-template-areas:
	"eins" "eins" "zwei"
	"drei" "vier" "zwei"
	"fünf" "vier" "sechs";
}

Es wird bei mir Quasi nur 1 2 3 nächste Zeile 4 5 6 angezeigt. Bild in der Ergänzung meiner letzten Frage. Ich will aber dass es so aussieht wie in grid template areas nur halt dass nicht zum Beispiel 1 1 dasteht sondern nur ein großes Feld mit der Zahl 1 drinnen.

Hallo liebe Com !

Ich habe vor als Front End Web Developer zu arbeiten, und lerne die dazu benötigten Technologien.

HTML, CSS und JavaScript verstehe ich genug, und nun stellt sich mir die Frage ob ich jQuery lernen soll, vereinfacht JavaScript, oder soll ich sofort mit React beginnen, weil React immer populärer wird. Ich glaube jQuery zu lernen nicht notwendig ist und ich auch sofort React lernen kann, oder gibt es Sachen aus jQuery die jeder Web-Developer kennen muss ? Sowie die Basics aus html, css oder JS ?

Ich habe jetzt mit

 npm run build

einen Ordner namens "build", wenn ich den über den FTP Zugang hochlade und die URL aufrufe erscheint nur eine Leere Weiße Seite.

Jedoch wenn ich es über andere Anbieter Deploye die das für mich übernehmen dann funktioniert alles einwandfrei.

Wie genau kriege ich das auch hin ?
Nutze All Inkl.

Hallo,

Ich wurde vor kurzen gefragt, ob Ich ein paar Anpassungen an einer WordPress Seite machen könnte. Dachte ich sicher, auskennen zu ich mich ja.

Jetzt ist das Problem, das die Person die kostenlose Version von WordPress nutz. Ich habe auf die schnelle im Internet nur herausgefunden, dass man auf die css Datei nur mir einem bezahlten ACC gehen kann (öffnen und ändern).

Stimmt das? Wenn nicht wie komme ich da hin?

Ich bin auf der Suche nach Tipps und Ratschläge zu Grafik und Visualisierung für unsere Webanwendung und Benutzerschicht bitten.

Wir installieren gerade verschiedene Arten von IOT-Messsensoren bei unseren. Die Daten werden in unserer Datenbank (MySQL & InfluxDB werden momentan getestet) gesammelt und von dort versuchen wir, eine interaktive Website zu bauen, wo die Kunden sich individuell anmelden können und ihre Sensor-Messwerte sehen, ein eigenes Dashboard erstellen mit eigenen Grafiken rstellen.

Wir haben Grafana, ChartJS und Datadog getestet, sind unsaber wir nicht sicher, wie interaktiv und anpassbar die Graphen auf unserer Website sein können. Idealerweise werden die Daten von der Datenbank abgeholt/dort gespeichert, unser Webserver würde die Visualisierungen erstellen und diese Grafiken würden auf dem Frontend angezeigt werden, wobei der Kunden die Art des Graphes und z.B. den Zeithorizont selbst wählen kann..

Hat jemand einen zusätzlichen Vorschlag, welches Tool unsere Anforderungen erfüllen könnte?

Danke schonmal.

Ich habe als Beispiel folgenden HTML-Aufbau, welchen ich leichter nicht ändern kann.

Ziel später ist es wenn man auf eine category klickt, dass alle sub-category´s aus- oder eingeblendet werden.

Wie bekomme ich nur die Elemente unter der category ohne dabei auch alle sub-categorys der anderen categorys mit auszuwählen? (Die Anzahl der sub-category´s ist nicht immer gleich)

<div class="container">

<div class="category"> Kleidung </div>

<div class="sub-category"> Hose </div>

<div class="sub-category"> Pulli </div>

<div class="category"> Essen </div>

<div class="sub-category"> Bananen </div>

<div class="sub-category"> Äpfel </div>

<div class="sub-category"> Birnen </div>

<div class="category"> Getränke </div>

<div class="sub-category"> Cola </div>

<div class="sub-category"> Fanta </div>

<div class="sub-category"> Bier </div>

<div class="sub-category"> Wasser</div>

</div>

Hallo zusammen,

wie kann ich ich JavaScript alles bis auf eine Klasse ansprechen?

z.B. bei document.addEventListener eine Klasse außen vor lassen.

Vorab danke!

Hallo,

ich arbeite mich gerade in MudBlazor ein. Es ist wirklich ein sehr gutes Framework, mit einer überragenden Dokumentation.

Allerdings stoße ich auf ein Problem, auf das ich einfach keine Lösung finden kann.

Wie kann ich die Hintergrundfarbe im MainLayout ändern?

Ich könnte das auch für jede Seite machen, was ja aber irgendwie sinnfrei wäre, wenn alle dieselbe Hintergrundfarbe haben sollen.

Meine MainLayout.cs sieht momentan so aus.

Ich habe es auch schon mit style Background-color probiert, leider ohne Erfolg.

Hat jemand eine Idee?

Hi,

ich bin gerade dabei in Angular eine kleine Webseite zu erstellen. Einfach Just for Fun.

Kurz meine Components + Quellcode.

app-component.html

<app-toolbar></app-toolbar>


<router-outlet></router-outlet>

toolbar.component.html

<div class="head" style="background-color: darkgreen;">
    <div class="box">
            <button class="selectionButton" routerLink="/startseite">
                <div class="menuButton"></div>
                <div class="menuButton"></div>
                <div class="menuButton"></div>
            </button>
    </div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box">
        <button class="selectionButton">
            <font size="5">TypeScript</font>
        </button>    
    </div>
    <div class="box">
        <button class="selectionButton">
            <font size="5">Java</font>
        </button>    
    </div>
    <div class="box">
        <button class="selectionButton" routerLink="/htmluebersicht">
            <font size="5">HTML</font>
        </button>    
    </div>
    <div class="box">
        <button class="selectionButton">
            <font size="5">Cypress</font>
        </button>
    </div>
</div>

html-page.component.html

<p>html-page works!</p>

Wenn ich jetzt auf den Button HTML ("/htmluebersicht") klicke, kommt der Text "html-page works!" .... Alles gut, so solls.
Wenn ich jetzt aber wieder auf den Menü Button ("/startseite") klicke wird meine toolbar.component.html irgendwie zweimal auf der Webseite angezeigt.

Weis jemand wieso die toolbar dann zweimal angezeigt wird?

Ich hoffe es ist verständlich was ich meine.

Einfache Frage... Ich weiß, dass man mit HTML nichts hacken kann. Ich weiß auch, dass man die Website so temporär bearbeiten kann... Manche würden dies als Hacking bezeichnen.. Doch was hat das mit der NASA zu tun?

Was wird man da vermutlich tun? Flexibel steht da auch wahrscheinlich muss man viel reisen?

LG

Bitte helft mir mit einem einfachen HTML und CSS Code.

Ich will einfach ein großes Hauptbild das responsive (width: 100%) dargestellt wird, und dadrüber zentriert eine Überschrift und ein Button. Versuche es leider schon lange aber bekomme immer wieder Fehler.

Hallo,

arbeite momentan mit Bootstrap (Blazor) an einer Webseite.

Ich habe in meinem Container 3 Rows, wobei jede Row 3 Card Elemente hat.
Wenn ich nun aber mein Browserfenster kleiner mache verrutscht der Text:

Code:

<div class="container-fluid">


    <div class="row">
        <h3>Suche:</h3>
    </div>


    <div class="row p-2">
        <div class="row">
            <div class="row">
                <h2>Liste</h2>  
                <hr />
            </div>
            <div class="col col-md-3">
                <div class="card h-100">
                    <p class="card-body card-text">This card on the left of the other two cards, with a fixed height and scrolling.</p>
                </div>
            </div>
            <div class="col col-md-3">
                <div class="card h-100">
                    <p class="card-body card-text">This card on the left of the other two cards, with a fixed height and scrolling.</p>
                </div>
            </div>
            <div class="col col-md-3">
                <div class="card h-100">
                    <p class="card-body card-text">This card on the left of the other two cards, with a fixed height and scrolling.</p>
                </div>
            </div>
            <div class="col col-md-3">
                <div class="card h-100">
                    <p class="card-body card-text">This card on the left of the other two cards, with a fixed height and scrolling.</p>
                </div>
            </div>
        </div>
    </div>
</div>

Das Layout passt sich schon an, der innere Text aber nicht warum ?
Liegt es daran das ich ein <p> Tag verwende ?
Wie kann ich in Zukunft sowas verhindern ?

Sollte so aussehen:

Hallo,

gibt es eine Möglichkeit Webseiten Online in einem art Editor zu erstellen. Also nur das Frontend. 

Das Backend => Controller Datenbank etc dann selber daran anbinden ?