(V)ulnerabilities
(I)n
(B)asically
(E)verything
Programming
Lära sig skapa webapp
LET'S GO!!!
Hej skulle vilja lära mig hur man gör web appar, vet någon någon guide där man lär sig grunderna i sådan programmering?
eller finns det program som man kan göra det i?
Det jag vill att appen skall göra är att man skal kunna söka efter artikelnr eller namn och sen välja antal och sen skicka ett mail med de.
Tjo!
När du säger webbapp - menar du då en fullfjädrad mobilapp såsom i Apple/Android Store eller menar du helt enkelt en webbplats där du kan göra exakt samma sak och att den ser i princip likadan ut i mobilen såsom på en dator?
Det du beskriver att du vill göra kan du med "enkelhet" (subjektivt talat så klart!) göra med hjälp av lite HTML, CSS, JS, PHP & MySQL vilket är tillgängligt hos majoriteten av så kallade webbhotell - dvs., där du "sjösätter" din webbapp.
Du använder HTML + CSS för utseendet såväl olika inmatningsfält och knappar för att kunna söka efter artikelnummer, mata in e-postadress, sedan kunna kryssa i olika artikelnummer, och till sist klicka på knappen för att skicka de valda artikelnumren till den inmatade e-postadressen.
Du använder JS för möjliggöra interaktionen här att enkelt kunna kryssa i flera alternativ som sedan "anropar" en grej på serversidan (vilket skrivs i PHP). Hypotetiskt talat går det att skippa JS så att du bara använder PHP när du "skickar in formuläret".
Du använder PHP för att hämta saker från din databas (MySQL) där alla dina sök- & väljbara artikelnummer finns. Även för att skicka mejl med de valda artikelnumren kan med "enkelhet" göras med hjälp av PHP. För detta krävs en giltig e-post hos en icke-svartlistad e-postserver (t.ex. protonmail, eller kanske webbhotellet du sjösätter hos).
Är användarflödet tänkt typ så här?:
1. Användare besöker webbplatsen och alla tillgängliga artikelnummer visas såväl som ett sökfält för att filtrera ut diverse artikelnummer?
2. Användaren kan söka för att filtrera ut artikelnumren och/eller kryssa i vilka artikelnummer de vill skicka till en viss e-postadress?
3. Användaren har kryssat i diverse artikelnummer, matat in e-postadress och klickat på knappen "Skicka" och mejl med artikelnumren utformat på något vis har då skickats till den angivna e-postadressen?
Ett hett tips är att Du använder detta svar som en prompt till ChatGPT, Gemini, Claude eller någon annan LLM för att få "startkod". Minst kommer du att behöva en PHP-fil som innehåller HTML & CSS för att kunna hämta, filtrera och skicka begäran till server om ikryssade artikelnummer som ska skickas till en given e-postadress.
Och så behöver du en ytterligare PHP-fil som "pratar" med serversidans databas (MySQL) som innehåller alla tillgängliga artikelnummer. En viktig kontroll kan vara att kontrollera att varje ikryssad artikelnummer faktiskt finns i databasen så att du inte råkar skicka med ett artikelnummer (säg 1337) som kanske inte finns i databasen (1337 finns inte men kanske 420 finns). Be även om att skydda mot så kallad XSS Attacks och SQL Injections när du väl promptar!
GL & HF!🫡 ^_^
Mvh,
WKF.
Tjo!
När du säger webbapp - menar du då en fullfjädrad mobilapp såsom i Apple/Android Store eller menar du helt enkelt en webbplats där du kan göra exakt samma sak och att den ser i princip likadan ut i mobilen såsom på en dator?
Det du beskriver att du vill göra kan du med "enkelhet" (subjektivt talat så klart!) göra med hjälp av lite HTML, CSS, JS, PHP & MySQL vilket är tillgängligt hos majoriteten av så kallade webbhotell - dvs., där du "sjösätter" din webbapp.
Du använder HTML + CSS för utseendet såväl olika inmatningsfält och knappar för att kunna söka efter artikelnummer, mata in e-postadress, sedan kunna kryssa i olika artikelnummer, och till sist klicka på knappen för att skicka de valda artikelnumren till den inmatade e-postadressen.
Du använder JS för möjliggöra interaktionen här att enkelt kunna kryssa i flera alternativ som sedan "anropar" en grej på serversidan (vilket skrivs i PHP). Hypotetiskt talat går det att skippa JS så att du bara använder PHP när du "skickar in formuläret".
Du använder PHP för att hämta saker från din databas (MySQL) där alla dina sök- & väljbara artikelnummer finns. Även för att skicka mejl med de valda artikelnumren kan med "enkelhet" göras med hjälp av PHP. För detta krävs en giltig e-post hos en icke-svartlistad e-postserver (t.ex. protonmail, eller kanske webbhotellet du sjösätter hos).
Är användarflödet tänkt typ så här?:
1. Användare besöker webbplatsen och alla tillgängliga artikelnummer visas såväl som ett sökfält för att filtrera ut diverse artikelnummer?
2. Användaren kan söka för att filtrera ut artikelnumren och/eller kryssa i vilka artikelnummer de vill skicka till en viss e-postadress?
3. Användaren har kryssat i diverse artikelnummer, matat in e-postadress och klickat på knappen "Skicka" och mejl med artikelnumren utformat på något vis har då skickats till den angivna e-postadressen?
Ett hett tips är att Du använder detta svar som en prompt till ChatGPT, Gemini, Claude eller någon annan LLM för att få "startkod". Minst kommer du att behöva en PHP-fil som innehåller HTML & CSS för att kunna hämta, filtrera och skicka begäran till server om ikryssade artikelnummer som ska skickas till en given e-postadress.
Och så behöver du en ytterligare PHP-fil som "pratar" med serversidans databas (MySQL) som innehåller alla tillgängliga artikelnummer. En viktig kontroll kan vara att kontrollera att varje ikryssad artikelnummer faktiskt finns i databasen så att du inte råkar skicka med ett artikelnummer (säg 1337) som kanske inte finns i databasen (1337 finns inte men kanske 420 finns). Be även om att skydda mot så kallad XSS Attacks och SQL Injections när du väl promptar!
GL & HF!🫡 ^_^
Mvh,
WKF.
Ne helst inte en vanlig app. utan en webbsida som du säger. Skall skall läsa på mer om de du skrev, tack för hjälpen.
Vad är en webbapplikation?
En webbapplikation (webapp) är en avancerad typ av webbplats som innehåller interaktiv funktionalitet. Den har ett användargränssnitt (frontend) byggt med HTML, CSS och JavaScript, en serverdel (backend) skriven i exempelvis PHP, Python eller Node.js, samt en databas, till exempel MySQL eller PostgreSQL. En webapp låter användaren interagera med innehållet, till exempel logga in, skicka formulär och hämta eller spara data.
LAMP och alternativa tekniker
En vanlig och nybörjarvänlig teknikstack är LAMP:
Linux som operativsystem
Apache som webbserver
MySQL eller MariaDB som databasmotor
PHP som serverspråk
Andra alternativ är till exempel:
* LEMP (där Nginx ersätter Apache)
* Python med Django eller Flask
* Node.js med Express
Python har blivit populärare än PHP inom många områden, men PHP är fortfarande vanligt, särskilt genom WordPress.
Vad bör man lära sig först?
För att komma igång med webbutveckling bör du lära dig grunderna i:
* SQL för att arbeta med databaser
* HTML och CSS för att bygga användargränssnitt
* Ett serverspråk som PHP eller Python
* Grundläggande JavaScript
Lär dig effektivt
Ett bra sätt att börja är att läsa nybörjarmaterial om SQL, HTML och PHP eller Python. Använd gärna ChatGPT som hjälpmedel. Be om exempel, men se till att förstå vad koden gör – kopiera inte bara.
Testmiljö
För att öva praktiskt bör du sätta upp en lokal testmiljö. Använd en virtuell maskin. VMware Player är gratis men kräver registrering. VirtualBox är enklare att komma igång med men inte alltid lika stabilt. Installera en Linuxdistribution, till exempel Ubuntu Server, och sätt upp LAMP där.
Tid och tålamod
Att lära sig webbutveckling kräver tid, övning och tålamod. Det kräver inte mycket pengar, men det kräver att du är villig att förstå hur allt hänger ihop.
Allmänt dataintresserad gubbe – Driver bloggen https://linux.se
Mina datorer genom livet: Sinclair ZX81, ZX Spectrum, C64, Atari 520STM,Portfolio, PC1, Amiga 500, 1200,CBM 8032 och massor av PC allt från 8088,Nec V30 till Intel Core i9. och även några Macar har avverkas ifrån SE/30 till framåt.
- Drivrutiner till "Xbox Series X/S"-kontroll. Vilka är de senaste?0
- Kivra testar att ta betalt för tjänsten105
- Begagnade Switch-spel kan ge onlineförbud91
- Läkare varnar för riskerna med att använda AI44
- Vad lyssnar du på just nu?15k
- Tråden om Nintendo Switch 23,6k
- Wordle på svenska - ordlig.se9,3k
- När vet man när man ska byta sina musfötter?44
- Vilken Linux-distro använder du just nu? - Dela gärna dina erfarenheter!215
- Rabbel.se - Ett dagligt ordspel2,3k
- Säljes Oanvänd Samsung Galaxy Watch8 Classic 46mm
- Köpes Legion Go
- Säljes LG G2 65” OLED Evo – Gaming-TV i Absolut Toppklass!
- Säljes Samsung Galaxy Tab S6 Lite (2024) 4GB 10.4" 64GB Grå
- Säljes ASUS RTC 3060 Dual OC V2 12GB
- Säljes ASUS M32CD-K - i5-7400, 16 gb, 256 ssd, 1060 3 gb
- Köpes Köper: AM5 ryzen 7/9 X3d CPU+ram+moderkort
- Säljes Komplett i5-4670K, Geforce GTX 970 med skärm, tangentbord och mus
- Säljes XFX 6950 XT (MERC 319)
- Säljes Garderobsrensning
- Säkerhetsbrist hos Gigabyte-moderkort berör över 240 modeller12
- Kivra testar att ta betalt för tjänsten105
- Quiz: Känner du igen programmen på ikonerna?81
- Steams nya publiceringsregler kan drabba "vuxenspel"41
- Läkare varnar för riskerna med att använda AI44
- Nvidias nya processor uppskjuten till sent 20268
- Razer lanserar eGPU-kabinett med Thunderbolt 520
- Sverige tappar fart i 5G-racet37
- Veckans fråga: Hur gammal är din router?143
- DDR5-minne överklockas till rekordhastigheter12
Externa nyheter
Spelnyheter från FZ
- FZ High Score – Sista chansen! Tippa Killing Floor 3 och Wuchang igår
- HBO:s The Last of Us tillbaka 2027 – kan avslutas med tredje säsongen igår
- Diskutera – Vilket spel har den bästa sommarkänslan? igår
- FZ High Score – Donkey Kong Bananza-betyget låst, med ny ledare i toppen igår
- Självstyrande bilar till Night City – Cyberpunk 2077 får patch i dag igår