CONTATTACI

Guide per aspiranti programmatori

Lezione 2 / 15

Editor di codice: VSC

Secondo un recente sondaggio degli sviluppatori di Stack Overflow, lo strumento di sviluppo più popolare in tutte le categorie è VS Code. Molti sviluppatori preferiscono altri editor o notebook come Atom. Entrambi hanno estensioni di terze parti: VS Code ha un numero piccolo ma significativo di estensioni e temi, mentre per Atom ne sono state pubblicate 11K-12K.

Sia Atom, sia VS Code, sono liberamente scaricabili. I nostri esempi useranno quest’ultimo.

È il momento di scaricare un ambiente di sviluppo!
Questo notebook è disponibile per Windows, Linux e Mac, gratuitamente, a questo indirizzo.

Una volta scaricato il software ed eseguita l’installazione, si può aprire una nuova pagina e scegliere il linguaggio di programmazione che s’intende adottare.
Ecco la parte della lista, più lunga, dove compare anche il linguaggio HTML.

  

Lista linguaggi

 

Si dovrà creare un directory nel quale registrare tutti i file generati. Lo si può fare all’inizio, oppure aspettare che sia lo stesso VS Code a chiederlo, come normalmente accade alla generazione delle prime linee di codice.
Si parte sempre da un file index.html. La creazione di questo file può essere fatta, tra gli altri modi, cliccando sulla prima icona a destra dell’indicazione del workspace.

 

 finestra di comando in alto a sinistra

Finestra di comando, in alto a sinistra

 

Una volta cliccato, l’area editor a destra si predispone all’aggiunta di codice. La base da cui partire viene generata automaticamente da VSC premendo, in successione, il punto esclamativo e il tab. Personalizza il codice fino ad ottenere questa versione:

 

 

Se ti è difficile individuare le piccole differenze tra il codice nell’immagine e quello che ti viene fornito da VSC, per questa volta ecco il software pronto per copiare ed incollare:

<!DOCTYPE html>
<html lang="it">
<head>

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>
</head>
<body>

<h1>Guida AULAB a Bootstrap</h1>

</body>
</html>

Bootstrap lavora in linguaggio HTML, ovviamente con le sue aggiunte come possono essere degli script del linguaggio JavaScript.
Se vuoi sapere di più su questi argomenti, non ti preoccupare! Abbiamo creato per te delle guide ad hoc, tra le quali la nostra guida html e css in italiano  e la nostra nuova guida JavaScript
.

Lavorare in HTML vuol dire che il motore di esecuzione è già contenuto in un qualsiasi browser, per cui il risultato del tuo lavoro sarà mostrato direttamente da VSC, che aprirà una finestra dedicata del tuo browser di riferimento. Per questa guida utilizzeremo Chrome su PC, ma non cambia molto con qualsiasi altro browser o piattaforma.

 

Osserva, ora, la riga 5:

<meta http-equiv="X-UA-Compatible" content="chrome=1">

Questa riga di codice HTML indica che il sito web viene visualizzato in modalità di compatibilità con la versione più recente di Chrome.

 

Per indicare che un sito web deve essere visualizzato solo in modalità di compatibilità con Internet Explorer, nella versione più recente (Edge), è possibile impiegare questa riga di codice HTML:

<meta http-equiv="X-UA-compatible" content="IE=edge">

Metterai il valore “IE=Edge,chrome=1” per ottenere i migliori risultati sia con Internet Explorer (Edge), sia con Google Chrome.

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

L’azione in HTML avviene tra i due tag <body>, ora in riga 9 e 10. Se qui in mezzo aggiungiamo una riga di testo e ripetiamo il right-click su index.html, la pagina si aggiornerà, mostrando la scritta. Se inseriamo il testo tra i tag che indicano un titolo (headings) molto grande e aggiorniamo, beh…è facile intuirlo! La scritta sarà molto grande.

 

Ora salva il file index.html.
PS: le funzioni di salvataggio si ottengono cliccando sulla voce “file” in alto a sinistra. 

Contattaci senza impegno per informazioni sul corso

Pagamento rateale

Valore della rata: A PARTIRE DA 115 €/mese.

Esempio di finanziamento 

Importo finanziato: € 2440 in 24 rate da € 115 – TAN fisso 9,55% TAEG 12,57% – importo totale del credito € 2841.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

*In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Pagamento rateale

Valore della rata: A PARTIRE DA 210 €/mese.

Esempio di finanziamento  

Importo finanziato: € 4500 in 24 rate da € 210,03 – TAN fisso 9,68% TAEG 11,97% – importo totale del credito € 5146,55.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

* In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Contattaci senza impegno per informazioni sul corso

Scopriamo insieme se i nostri corsi fanno per te. Compila il form e aspetta la chiamata di uno dei nostri consulenti.