StivenFocs's WebSite

<- Torna indietro

Web Developer!

Ultima modifica il 01/03/2023

Nel tentativo di creare il sito web per il mio server Minecraft, iniziai ad interagire con HTML e CSS, per fare su commissione semplici paginette, poi siti più grandi, poi siti più interattivi, ne ho fatto uno anche per l'impresa di mio padre, e almeno 5 versioni diverse di questo sito (sai, quando ti ricredi sulle tue scelte di design). All'inizio non è proprio ad intuito, c'è bisogno di molta documentazione, e a questo riguardo io consiglio le lezioni che puoi trovare su html.it, W3Schools, nei corsi gratuiti di Boolean, e i video di OnlineTutorials per le idee di estetica.
Poi, con un po' di pratica, sono riuscito a creare un bel sitino per PvPRanch, che rimane ancora visitabile da questo link.

Ci sono già diversi modi e strumenti per hostare un sito senza pagare un hosting, sfruttando siti più user friendly come Wix, Weebly, o Jimdo, per cose più serie si può usare Altervista, 000webhost, o glitch.com, e se sei nerd come me puoi direttamente usufruire di GitHub e Heroku.

Queste sono alcune tra le conoscenze base che acquisisci quando inizi a capirci un po'.
"Internet è il futuro, Vins!" è la frase che mi ha ripetuto più volte un mio amico, che non si è ancora accorto come Google abbia già abbastanza trasformato il futuro in presente da un bel pezzo!
Ma oltre a Google e le sue trovate, il web è diventato sempre più accessibile per i creator, soprattutto per gli sviluppatori dilettanti (come me). Con l'imbarazzo della scelta puoi costruirti un mondo se conosci bene tutte le opzioni.

Apache, Nginx. ASP.NET, JASP, assieme ai Socket, a PHP, a JavaScript. oppure Python, Java, NodeJS, Express, Angular, React, sono i nomi dei webserver comuni e già pronti, dei linguaggi più utilizzati e alcuni tra i framework più famosi.
Dopo aver finito con i bot di Telegram, ho sfruttato ciò che avevo imparato con i bot, per creare qualcosina in PHP, sfruttando Web API gratuite e saltellando di volta in volta tra PHPCodeChecker e php.net.
Ecco qualche progettino:
amazon.php
random.php
clipboard.php
customPages
Ho anche creato un piccolo widget per Steam, che apparirà quì sotto solo se sto attualmente giocando su Steam.

Appena approdato su Python, dopo aver lavorato a due bot Telegram, decisi di ritentare con i WebSocket (dopo un indimenticabile serata persa in NodeJS e SocketIO), E STAVOLTA CI SONO RIUSCITO, creando una paginetta interattiva molto abbozzata, chiamata Together.
Successivamente, ho usato i WebServer in Python per delle piccole REST API personali e le REST API per il mio PluginsArchive.

E a proposito di REST API, ne ho usate di tutti i tipi, e alcune API sono anche a pagamento perchè non sono di prima necessità e per i provider richiedono grosse spese in hardware o probabilmente dei contratti (immagino).
Quelle gratuite sono quelle più semplici come WorldTimeAPI per gli orari, Minotar per le skin e le render delle skin Minecraft, MinecraftServerStatusAPI che si spiega da sola, le SteamAPI di cui usufruisco per far funzionare il widget, le API pubbliche di Hypixel, le GoogleAPI di Youtube o le oembed di Youtube, e ProxyCheck che può essere davvero utilissimo in determinate occasioni.
Ci sono alcune eccezioni come le API per i bot di Telegram che possono essere usate gratuitamente, per bot creati gratuitamente.
Invece a pagamento (o molto limitate nel piano gratuito) sono quelle API che potrebbero essere utilizzate per il marketing (e/o più precisamente per guadagnarci), come SerpWow. che io ho usato per l'amazon.php, e Keepa per monitorare i prezzi di tutto Amazon.

E proprio perchè l'occhio vuole la sua parte...

In css ho ricevuto e letto online diversi consigli per rendere la lettura più piacevole alla vista, scegliendo il font, la dimensione, lo spessore dei caratteri e il colore giusto per ogni situazione, come poi lo spazio tra una riga e l'altra, tra una lettera e l'altra, e distanziare la sottolineatura dai link.
Sembra una scelta da niente, ma sono tutte scelte che devono abbinarsi tra di loro nel modo corretto che poi farà il proprio impatto sul visitatore.

Anche le animazioni nella UI sono molto importanti, perchè invece di sparire all'istante o teletrasportarsi da un'altra parte, un elemento dovrebbe muoversi dal punto A al punto B con una transizione anche lieve, giusto quanto basta per non confondere l'utente o farlo diventare strabico.
Ma le animazioni non servono solo a questo! infatti in CODNewsItalia.it (blog non mio a cui sto lavorando), si può notare una piccola, leggera transizione, quando si posiziona il mouse sopra ad un articolo. Non è di vitale importanza, ma fa il suo sull'impatto.

Una delle cose più comuni e importanti da applicare allo stile di una pagina web, è il racchiudere il contenuto della pagina in un container con del margin ai lati e allineato al centro. L'effetto sarà che sui dispositivi con meno zoom il corpo del sito non tenderà a finire tutto sulla sinistra rovinando la grafica.