Il miglior modo di fare pratica come sviluppatore web
Non ho la pretesa di rivelarti, oggi, il segreto di come fare pratica come sviluppatore web e trasformare questa passione in una professione di successo. Ma la mia grande passione per la programmazione e per lāinformatica in generale, mi hanno portato nel corso degli anni a studiare svariati linguaggi di programmazione e tecniche, per la risoluzione di problematiche che via via si presentavano, durante lo sviluppo di software anche complessi. Pertanto, penso che, lāesperienza che ho acquisito negli anni, mi ha portato a riflettere molto su quello che ĆØ stato il percorso, che mi ha portato ad essere uno sviluppatore di professione. Di conseguenza, sono arrivato alla conclusione che, per essere un buon sviluppatore web, occorre avere unāottima conoscenza di quelle che sono le tecniche che fino ad oggi si sono sviluppate, intorno alla programmazione, e che si svilupperanno in futuro.
Pertanto ĆØ fondamentale che uno sviluppatore presti molta attenzione alle nuove tecnologie e che il continuo aggiornamento, in questo settore, ĆØ fondamentale. Innanzitutto occorre capire se si ĆØ allāinizio del percorso e con quali conoscenze ci si avvicina a questo mondo.
Supponiamo di avere qualitĆ e conoscenze di base necessarie per iniziare un percorso, che vedremo insieme nel corso di questo articolo, orientato a darti gli spunti e gli strumenti utili per iniziare questo viaggio meraviglioso nel mondo della programmazione, facendo pratica sin da subito.
Indice del Post...
Gli strumenti necessari:
il computer
Essendo questo percorso orientato molto al modo di come fare pratica come sviluppatore web, dobbiamo soffermarci, innanzitutto, sugli strumenti necessari che occorre avere a disposizione.
Quindi per quanto possa sembrarti strano, dobbiamo parlare della materia prima, e quindi del tipo di computer.
Se sei nella possibilitĆ di spendere qualcosina in piĆ¹, ti consiglio vivamente un MAC, altrimenti un PC andrebbe piĆ¹ che bene.
Il MAC ĆØ consigliato perchĆ© ĆØ il sistema con cui si riesce a fare un poā di tutto, avendo molti software giĆ pronti allāuso.
Mentre con Windows e Linux, potresti aver bisogno di software da installare e di non facile reperibilitĆ , soprattutto per quanto riguarda la grafica.
Lāeditor di testo
Una volta reperito il computer, passiamo ad un altro strumento, non meno importante, parlo dellāeditor di testi.
Oggigiorno, ne esistono tanti, sia a pagamento sia gratuiti, ma, il mio preferito ĆØ Visual Studio Code.
Ć un editor gratuito, offerto dalla Microsoft, e diffusissimo tra gli sviluppatori di professione.
Scarica e installa subito questo editor sul tuo computer, seguendo attentamente questo video.
Il server web
ChissĆ quante volte avrai sentito parlare di server web. Beh ĆØ senza dubbio lo strumento piĆ¹ importante per uno sviluppatore, anche qui opterei per un server web gratuito ma efficiente.
XAMPP mi sembra un ottimo compromesso, clicca qui per vedere come installare XAMPP su Windows, e naviga verso questo link per seguire le fasi di installazione su MAC.
XAMPP permette di avere gratuitamente un Server WEB professionale in casa, cioĆØ senza la necessitĆ di acquistare uno spazio e un dominio web. Ć un pacchetto che comprende Apache, Mysql, Php, Perl, PhpMyadmin e altri software.
Questi componenti servono per lo sviluppo di progetti web di qualsiasi tipo, dai cms ai progetti personali in php. Idoneo per fare pratica anche se sei alle prime armi.
Avvia il server web
Una volta installato XAMPP, per avviarlo occorre accedere alla cartella xammp presente in risorse del computer, ed eseguire cliccando due volte sul file control-xampp.exe.
Sulla barra delle applicazioni compare cosƬ l’icona del server. Cliccando con il tasto destro del mouse puoi accedere alla finestra amministrativa per la configurazione rapida di tutti i moduli presenti in Xampp.
In ogni caso ĆØ opportuno ricordarti, che per eseguire comandi php, a differenza di quanto si fa con eseguibili sui vari sistemi operativi, tutti gli script php o qualsiasi pagina web, possono essere eseguiti solo digitando nella barra degli indirizzi del browser il percorso relativo allo script sul file server, solitamente presenti sotto la cartella htdocs di xampp.
Quindi in questo caso il percorso sarĆ grosso modo:
http://localhost:8080/TuadirectoryPresenteSottoHtdocs/NomeScript.php
Questa operazione ĆØ piĆ¹ semplice del previsto. In questo video ti sarĆ possibile vedere praticamente come avviare il server web XAMPP ed eseguire una prima pagina web in php.
Come funziona una pagina web
Prima di fare conoscenza con i linguaggi di programmazione, che daranno vita alle nostre idee, cerchiamo di capire come funziona una pagina web.
Innanzitutto una pagina web ĆØ lāunitĆ fondamentale di un sito web, cioĆØ un sito web ĆØ composto da un certo numero di pagine web, che interagiscono tra loro.
La pagina principale di un sito web ĆØ detta Homepage ed ĆØ da questa pagina che gli utenti riescono a raggiungere tutte le altre pagine del sito web. La homepage ĆØ la pagina iniziale del tuo sito web.
Solitamente ĆØ un file che ha estensione html, ho detto solitamente perchĆ©, quando una pagina web ha estensione html viene eseguita direttamente dal browser e non viene assolutamente interpretata dal server web, che nel caso di XAMPP, interpreta solo pagine web con estensione php.
Una pagina web con estensione php non differisce molto da una con estensione html, tranne che per la presenza di alcuni tag che fanno capire al server web, nel caso di XAMPP ĆØ Apache, che i comandi presenti tra questi due tag devono essere interpretati dal server web, solitamente sono comandi e funzioni php.
Una pagina web, con estensione php, in questo caso, ĆØ una pagina che a differenza di quella con estensione html ĆØ dinamica, cioĆØ cambia sulla base dellāesecuzione di comandi, contenuti al suo interno, e che elaborati dal server restituiscono di volta in volta contenuti diversi.
Una tipica pagina web html ĆØ questa:
<html>
<head>
<title>La mia prima pagina web</title>
</head>
<body>
<h1>ciao sono una pagina web statica</h1>
</body>
</html>
I tag presenti al suo interno sono tag che vengono elaborati solo ed esclusivamente dal browser.
Una tipica pagina web php ĆØ questa:
<html>
<head>
<title>La mia prima pagina web in php</title>
</head>
<body>
<h1>ciao sono una pagina web statica</h1>
<?php
echo 'ciao sono una pagina web statica';
?>
</body>
</html>
I tag presenti al suo interno sono tag che vengono elaborati solo ed esclusivamente server web Apache e successivamente inviati al browser. Nota che tutti i comandi di php, uno dei linguaggi di programmazione web piĆ¹ diffusi, sono inseriti sempre allāinterno di questi due tag: <?php ā¦ā¦. ?>.
Passiamo alla fase pratica, proviamo i nostri primi script php
Quasi tutti i libri che ho letto sulla programmazione, spiegano e trattano la materia mettendo in pratica, attraverso la stesura di un software, gli argomenti trattati nel libro.
Quindi, mettere in pratica i concetti relativi alla programmazione, ĆØ senzāaltro il modo migliore per fare pratica come sviluppatore web.
Pertanto, procurati un libro e prova verificando in tempo reale tutto il codice proposto nel libro. Prova tutti i comandi, i costrutti, magari anche personalizzando i parametri delle varie funzioni.
Adesso hai due modi per farlo:
1- Avvia il server web, crea una cartella sotto htdocs e successivamente un file index.php in questa cartella. A questo punto digita il codice da testare in questo file, apri il browser e vai a questo indirizzo: http://localhost:8080/TuadirectoryPresenteSottoHtdocs/index.php
2- Apri il browser, vai sul portale w3Schools.com e benvenuto nel fantastico mondo degli interpreti di linguaggi online.
Un interprete online gratuito di php e altri linguaggi
Se poi vuoi solo prendere confidenza con il linguaggio php, hai la possibilitĆ di eseguire comandi, andando a questo indirizzo, relativo al portale w3schools.com e
Selezionare i vari comandi del linguaggio dal frame di sinistra e modificando lo script proposto allāinterno di unāarea dedicata alla programmazione di questi comandi e di mandarli in esecuzione.
Questo metodo ti permette di fare pratica con php, senza lāausilio di un server web locale, ma avendo a disposizione la sola connessione internet.
Sempre su w3Schools.com puoi trovare molti interpreti online a questo indirizzo, trovi lāinterprete online di c#, un altro linguaggio lato server come php, molto usato in ambito .NET per la stesura di codice web ma non solo.
Puoi considerare c# un clone di Java, quindi, prendere familiaritĆ con questo linguaggio ti aiuta a studiare e ad apprendere velocemente anche Java.
Su questo portale hai solo lāimbarazzo della scelta, puoi scegliere quasi tutti i linguaggi oggi esistenti, selezionare il comando, eseguire lo script proposto ed eventualmente modificarlo rimandandolo successivamente in esecuzione.
Conclusioni
Ad ogni modo, pur avendo visto in questo articolo, quali sono gli strumenti da adottare per fare pratica, non trascurare mai di tenerti aggiornato, comprando libri o frequentando corsi.
Tieni presente che oltre a php e c#, esistono altri linguaggi di programmazione non meno interessanti di questi. Quindi, ad esempio, se la programmazione web ti attira maggiormente, non puoi non tenere in considerazione che esiste un altro linguaggio che devi conoscere, per creare pagine web interattive.
Questo linguaggio non ha bisogno di server o tool alternativi da installare sul computer, per essere eseguito, ma, ha bisogno solo di un browser web, sto parlando di Javascript.
A questo indirizzo, puoi trovare un interprete online, identico a quello visto per gli altri due linguaggi lato server, che ti permetterĆ di familiarizzare con questo fondamentale linguaggio lato client.
Un programmatore web professionista conosce almeno un linguaggio lato server (es.: php), un linguaggio lato client (es.: javascript), oltre a css, i famosi fogli di stile, che ti consente di manipolare gli attributi dei vari tag html presenti in ogni pagina web.
Inoltre, non tralasciare mai lāimportanza che potrebbe avere un buon videocorso online, in rete cāĆØ ne sono tanti e qui puoi scegliere i migliori, che ti consentiranno di raggiungere livelli di competenza molto elevati.