ProgrammeringsBaren! Småprat, om det du elsker!

[hatredFan911]

Er det noen online communities som f.eks på discord programmerer henger på? Eneste eg har vært borti er stackoverflow, og det er jo greit, men av og til kunne det vært greit med litt lav terskel løst snakk om enkelte ting.

I spill har man ofte en stor kanal på disc, hvor man kan spørre om diverse, og generelt bare diskutere løst og fritt.

[Ernie]

Av ren nysgjerrighet, er det noen her som også programmerer i Rust i en profesjonell setting? Hvis ja, hvordan er erfaringen med å få med seg kollegene på det?

[Gavekort]

Ernie skrev (1 time siden):

Av ren nysgjerrighet, er det noen her som også programmerer i Rust i en profesjonell setting? Hvis ja, hvordan er erfaringen med å få med seg kollegene på det?

Har vært på andre siden av bordet der en Rust-evangelikal bestemte seg for å blande inn Rust i en C/C++ kodebase. Siden flere utviklere hadde lite erfaring med Rust så endte det opp med å bli kode som ikke kunne vedlikeholdes, og det resulterte i amper stemning.

Det er en krevende jobb å få flertall i å introdusere et (fortsatt) eksotisk språk. Tviler på at du klarer å snu en større skute, men om du jobber i et mindre selskap der alle utviklerne kan eller vil lære Rust, så bør det være mulig.

[:utakt]

Jeg sitter litt med et frontend kurs, instruktøren går gjennom javascript nå. Eksemplene i kurset er alltid så 'konstruerte', og jeg skjønner ikke hva jeg skal bruke disse tingene til. Instruktøren sier bare "du kan sikkert tenke deg flere eksempler selv", men jeg kan faktisk ikke det. Jeg er ikke så kreativ ... 

Hva er f.eks. et sannsynlig bruksområde for en "for loop"? 

Eller array, når er det fornuftig å lage det? At vi i kurssammenheng lager et array med fire matretter og lister opp alle sammen i console, det gir meg ingenting.

Hadde satt pris på om noen kunne gi meg noen eksempler "fra virkeligheten". 

[Gavekort]

Høres ut som du tar feil kurs. Men bare fyr løs med spørsmål her så kan vi prøve å svare dem så godt vi klarer.

I programmering så har du aldri lyst til å gjenta deg selv, så om du skal f.eks. skrive ut en sekvens ala:
Hei 1
Hei 2
Hei 3
...

Så kan du i stedet for å repetere deg selv gang etter gang lage en for loop. Jeg programmerer ikke Javascript, men C er ikke så ulikt.
 

for(int i = 0; i <= 10; i++){
	printf("Hei %d\n\r", i);
}

Dette vil printe 10 stykker med sekvensielle nummer.

Array er for å ta vare på data. Det er litt som postbokser der du har et nummer som sier hvilken boks du vil ha og boksene har hvert sitt innhold.

const char *diskusjon_brukere[4];
diskusjon_brukere[0] = "Utakt";
diskusjon_brukere[1] = "Gavekort";
diskusjon_brukere[2] = "Pelle";
diskusjon_brukere[3] = "Geir";

//Print ut en bruker sitt navn
printf("%s\n\r", diskusjon_brukere[2]);
//Output: 
//Pelle

//Print ut alle brukere
printf("Diskusjon sine brukere:\n\r");
for(int i = 0; i <= 3; i++){ //Array er alltid indeksert fra 0, så vi looper fra 0 til 3
  printf("%s\n\r", diskusjon_brukere[i]);
}
//Output:
//Diskusjon sine brukere:
//Utakt
//Gavekort
//Pelle
//Geir

 

[Fustasjeopphengsforkobling]

:utakt skrev (12 minutter siden):

Jeg sitter litt med et frontend kurs, instruktøren går gjennom javascript nå. Eksemplene i kurset er alltid så 'konstruerte', og jeg skjønner ikke hva jeg skal bruke disse tingene til. Instruktøren sier bare "du kan sikkert tenke deg flere eksempler selv", men jeg kan faktisk ikke det. Jeg er ikke så kreativ ... 

Hva er f.eks. et sannsynlig bruksområde for en "for loop"? 

Eller array, når er det fornuftig å lage det? At vi i kurssammenheng lager et array med fire matretter og lister opp alle sammen i console, det gir meg ingenting.

Hadde satt pris på om noen kunne gi meg noen eksempler "fra virkeligheten". 

Når du bare har 4 matretter så skjønner jeg at du ikke helt ser poenget med array. Da virker det enklere å bare bruke 4 variabler (matrettEn, matrettTo, matrettTre, matrettFire). Array's brukes normalt sett til større datasett. F.eks. en tabell over tippeligaen, alle lagene, antall kamper, seire/uavgjort/tap, scoringer og antall poeng. Du kunne brukt et hav av variabler for å holde styr på alt dette, men det er mye enklere å håndtere med et array. Da kommer også for-loops til nytte, for da skriver du koden 1 gang og traverserer array'et for hvert av lagene i array'et (og deres respektive data). Da får du mye mindre jobb, pluss at koden blir mye mer oversiktelig. 

[:utakt]

Takk. Fotballtabell ga litt mening. Jeg skjønner for så vidt logikken (tror jeg!), men jeg sliter med å forstå i hvilke situasjoner jeg faktisk kommer til å trenge denne funksjonaliteten. 

Det hadde vært kult om noen kunne linke til en hvilken som helst side; enten det er Komplett eller Aftenposten eller hva som helst, vise til en seksjon på sidene som sannsynligvis bruker dette her og forklare hvorfor/hvordan.

Skjønner at det er mye å be om, så no worries. Men hvis noen har tid og lyst blir jeg glad.  

[Comma Chameleon]

:utakt skrev (2 timer siden):

Det hadde vært kult om noen kunne linke til en hvilken som helst side; enten det er Komplett eller Aftenposten eller hva som helst, vise til en seksjon på sidene som sannsynligvis bruker dette her og forklare hvorfor/hvordan.

Her gikk jeg inn på komplett.no sin side. Der har de en liste over produkter. Så det den gjør er å først hente en liste (f.eks. array) over produkter, og så skal de vise den. Der vil du  "automatisere" visningen/renderingen av hver rad i listen for det kan bli mange og du vet heller ikke hvor mange det er. Så da vil du kjøre en loop og gjøre det samme for hver liste.

Her er listen

Jeg er litt lat så jeg dyttet det bildet inn i chatgpt og fikk den til å forklare hvordan du kan velge å rendre en slik liste ved hjelp av javascript eller react. Så selv om det kan være gyldig JS og React så er det bare for å illustrere poenget.
 

<!DOCTYPE html>
<html>
<head>
    <title>Product List</title>
</head>
<body>
    <table id="productTable">
        <thead>
            <tr>
                <th>Name</th>
                <th>Price</th>
                <th>Stock</th>
            </tr>
        </thead>
        <tbody>
            <!-- Rows will be inserted here -->
        </tbody>
    </table>

    <script>
        const products = [
            { name: "MSI MAG B760 Tomahawk WIFI", price: "1 899,-", stock: 50 },
            { name: "ASUS PRIME H610M-K D4", price: "1 416,-", stock: 23 },
            { name: "ASRock H610M-HDV/M.2", price: "1 019,-", stock: 7 },
            { name: "MSI MEG X670E ACE", price: "10 999,-", stock: 7 },
            { name: "MSI MPG B650 EDGE WIFI", price: "3 390,-", stock: 25 },
            { name: "MSI MEG Z790 ACE", price: "10 239,-", stock: 75 },
            { name: "Thermaltake 1x12VHPWR", price: "699,-", stock: 6 },
        ];

        const tableBody = document.querySelector("#productTable tbody");

        products.forEach(product => {
            const row = document.createElement("tr");
            row.innerHTML = `
                <td>${product.name}</td>
                <td>${product.price}</td>
                <td>${product.stock}</td>
            `;
            tableBody.appendChild(row);
        });
    </script>
</body>
</html>

Eller i react

import React from 'react';

const products = [
    { name: "MSI MAG B760 Tomahawk WIFI", price: "1 899,-", stock: 50 },
    { name: "ASUS PRIME H610M-K D4", price: "1 416,-", stock: 23 },
    { name: "ASRock H610M-HDV/M.2", price: "1 019,-", stock: 7 },
    { name: "MSI MEG X670E ACE", price: "10 999,-", stock: 7 },
    { name: "MSI MPG B650 EDGE WIFI", price: "3 390,-", stock: 25 },
    { name: "MSI MEG Z790 ACE", price: "10 239,-", stock: 75 },
    { name: "Thermaltake 1x12VHPWR", price: "699,-", stock: 6 },
];

const ProductTable = () => (
    <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>Price</th>
                <th>Stock</th>
            </tr>
        </thead>
        <tbody>
            {products.map((product, index) => (
                <tr key={index}>
                    <td>{product.name}</td>
                    <td>{product.price}</td>
                    <td>{product.stock}</td>
                </tr>
            ))}
        </tbody>
    </table>
);

const App = () => (
    <div>
        <h1>Product List</h1>
        <ProductTable />
    </div>
);

export default App;

Selve loopingen skjer her ved products.ForEach i første eksemplet og i products.Map på andre eksemplet. ForEach sier bare at du skal gjøre noe for hvert element i arrayet. Det blir som en for loop der du selv slipper å bruke indexen til å sette grensene for hvor og når du starter. Map looper igjennom og så returnerer disse jsx/react-elementene tilbake. Map er som en foreach der du mapper fra en ting til noe annet.

Det å kunne loope igjennom en liste av noe er en av de viktigste delene i programmering som gjør at det er raskere enn å gjøre ting manuelt.

Håper det hjelper litt  

Endret 27. mai av Comma Chameleon

[blured]

Mulig det bare forvirrer ekstra. Men en viktig forskjell på eksempel 1 og 2 fra Comma Chameleon, er at i det første eksempelet så endres det direkte på DOMen (https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction), dermed kan man bruke en forEach loop (som ikke returnerer noe).

Mens i det andre eksempelet så brukes Javascript rammeverket React. Den gjør manipuleringen av DOMen for deg.

Endret 27. mai av blured

[:utakt]

Takk! Jeg har aldri tenkt på at jeg skulle lage noe sånt, men ja, det gir jo mening. 

Jeg stusser litt på det med at man må taste inn alle elementene manuelt. Det blir jo ganske statisk og mye å oppdatere uansett. Om Komplett her får et nytt produkt må man inn i dette arrayet og legge til det nye produktet osv.

Tenker høyt, senere i kursprogrammet jeg følger blir det kanskje demonstrert at man kan automatisk hente data til koden fra en database? Det høres logisk ut, og da kan jeg se større nytteverdi i at ting går litt "automagisk". 

[Comma Chameleon]

:utakt skrev (42 minutter siden):

Jeg stusser litt på det med at man må taste inn alle elementene manuelt. Det blir jo ganske statisk og mye å oppdatere uansett. Om Komplett her får et nytt produkt må man inn i dette arrayet og legge til det nye produktet osv.

Tenker høyt, senere i kursprogrammet jeg følger blir det kanskje demonstrert at man kan automatisk hente data til koden fra en database? Det høres logisk ut, og da kan jeg se større nytteverdi i at ting går litt "automagisk". 

Ja alle tjenester henter ut slikt automatisk fra en database. Og så har de gjerne et eget system de bruker får å importere/redigere den dataen før den blir mulig å hente ut via API-kall til selve nettsiden.

Du kan simulere det selv ved å lage en JSON fil med data og så laste inn fra den. Så vil da den filen fungere som en database for deg. Du kan også få ChatGPT til å generere en JSON-fil med testdata/dummydata. Da ser du hvor mye nytte du får av å loope igjennom ting.

Så lenge man husker på at ChatGPT kan hallusinere litt, og man burde verifisere at ting faktisk fungerer, så funker det veldig bra som introduksjon til en del emner der den har mye treningsdata og kan svare riktig.

Her er eksempel på en prompt som forklarer litt basics rundt loops. Enkle ting bruker den som regel å klare greit
https://chatgpt.com/share/240fc4f1-a587-40da-9b9a-2b3aaf03c682

Igjen blir det kanskje for enkelt, og da kan du spørre om mer avanserte eksempler.

Endret 27. mai av Comma Chameleon