1 00:00:01,130 --> 00:00:03,650 ‫Istruttore: Riempiamo ora ciascuno degli elementi della 2 00:00:03,650 --> 00:00:06,583 ‫scheda con i dati corretti per ciascuno dei tour. 3 00:00:08,210 --> 00:00:09,870 ‫Quindi, giusto per fare un breve riassunto. 4 00:00:09,870 --> 00:00:13,690 ‫In un ultimo video abbiamo iniziato creando questo elemento principale 5 00:00:13,690 --> 00:00:17,220 ‫e un elemento all'interno di un contenitore div, quindi 6 00:00:17,220 --> 00:00:19,070 ‫all'interno di quel contenitore 7 00:00:19,070 --> 00:00:21,670 ‫vogliamo uno di questi elementi della 8 00:00:21,670 --> 00:00:24,740 ‫carta per ciascuno dei tour che arrivano nell'array 9 00:00:24,740 --> 00:00:26,850 ‫che passiamo a questo modello. 10 00:00:26,850 --> 00:00:29,720 ‫E per questo usiamo un array Pug che 11 00:00:29,720 --> 00:00:30,930 ‫funziona proprio così. 12 00:00:30,930 --> 00:00:33,270 ‫Quindi, qual è ogni parola 13 00:00:33,270 --> 00:00:37,580 ‫chiave qui e il risultato di farlo assomigliava a questo, va bene. 14 00:00:37,580 --> 00:00:40,010 ‫E quindi quello che faremo ora è 15 00:00:40,010 --> 00:00:43,773 ‫fondamentalmente, riempire ognuna di queste carte qui con i dati effettivi. 16 00:00:45,610 --> 00:00:48,223 ‫E cominciamo qui con il nome del tour. 17 00:00:49,940 --> 00:00:52,760 ‫Quindi, ricorda come mettiamo il valore di una variabile all'interno 18 00:00:52,760 --> 00:00:53,983 ‫di un elemento. 19 00:00:55,200 --> 00:00:58,970 ‫Bene, usiamo equal e quindi in questo caso tour. 20 00:00:58,970 --> 00:01:00,310 ‫Quindi, il nome 21 00:01:00,310 --> 00:01:03,370 ‫della variabile nell'iterazione del ciclo corrente, giusto. 22 00:01:03,370 --> 00:01:08,270 ‫E quindi questo è un documento del tour e poi il nome del punto, ricorda. 23 00:01:08,270 --> 00:01:11,300 ‫Quindi, controlliamolo in bussola molto velocemente. 24 00:01:11,300 --> 00:01:12,900 ‫Quindi, qui abbiamo quattro tour 25 00:01:12,900 --> 00:01:14,283 ‫e quindi questi 26 00:01:14,283 --> 00:01:17,680 ‫sono tutti i dati di cui avremo bisogno ora, ok. 27 00:01:17,680 --> 00:01:21,080 ‫E iniziando con il nome qui, ok. 28 00:01:21,080 --> 00:01:23,930 ‫E quindi, se ora ricarichiamo la nostra pagina, ciò 29 00:01:23,930 --> 00:01:25,203 ‫dovrebbe riflettersi qui. 30 00:01:26,670 --> 00:01:30,350 ‫E quindi è qui che inizia la magia e ha funzionato. 31 00:01:30,350 --> 00:01:32,740 ‫E quindi questa è la prima volta 32 00:01:32,740 --> 00:01:35,470 ‫che vediamo davvero i dati del database che vengono 33 00:01:35,470 --> 00:01:37,240 ‫effettivamente resi sul sito web. 34 00:01:37,240 --> 00:01:41,490 ‫Quindi, qui abbiamo il nome del tour per ciascuno 35 00:01:41,490 --> 00:01:46,170 ‫dei tour e di nuovo questo sta uscendo direttamente dal nostro database. 36 00:01:46,170 --> 00:01:49,270 ‫Quindi, fantastico, è davvero fantastico 37 00:01:49,270 --> 00:01:53,240 ‫e quindi ora continuiamo a costruire questa carta. 38 00:01:53,240 --> 00:01:55,460 ‫Quindi, qui sull'immagine ora. 39 00:01:55,460 --> 00:01:59,600 ‫Mettiamo anche il testo alternativo al nome del tour. 40 00:01:59,600 --> 00:02:02,530 ‫Ora non possiamo semplicemente inserire un nome di punto del tour 41 00:02:03,490 --> 00:02:05,190 ‫qui perché siamo all'interno di una 42 00:02:05,190 --> 00:02:06,770 ‫stringa e quindi non funziona. 43 00:02:06,770 --> 00:02:07,730 ‫Allo stesso 44 00:02:07,730 --> 00:02:09,570 ‫tempo, se lo facciamo 45 00:02:09,570 --> 00:02:13,270 ‫in questo modo, non funzionerà nemmeno perché qui questo 46 00:02:13,270 --> 00:02:16,220 ‫Alt si aspetta effettivamente una stringa, ok. 47 00:02:16,220 --> 00:02:19,350 ‫Quindi abbiamo bisogno di alcune virgolette qui intorno a questa variabile. 48 00:02:19,350 --> 00:02:21,230 ‫E quindi il modo più semplice 49 00:02:21,230 --> 00:02:24,093 ‫per farlo è utilizzare effettivamente le stringhe del modello ES6, ok. 50 00:02:27,700 --> 00:02:30,840 ‫Quindi, proprio così e di nuovo questo è 51 00:02:30,840 --> 00:02:34,620 ‫perché questo in realtà qui si aspetta che entri una 52 00:02:34,620 --> 00:02:38,320 ‫stringa e quindi con questo ovviamente stiamo creando una stringa. 53 00:02:38,320 --> 00:02:42,450 ‫Quindi specifichiamo qui l'immagine, ok. 54 00:02:42,450 --> 00:02:45,720 ‫Quindi, diamo un'altra occhiata alla 55 00:02:45,720 --> 00:02:49,827 ‫bussola per vedere come appare l'immagine di copertina. 56 00:02:49,827 --> 00:02:52,550 ‫E quindi abbiamo una proprietà chiamata image 57 00:02:52,550 --> 00:02:55,960 ‫cover e quindi qui abbiamo solo il nome dell'immagine stessa. 58 00:02:55,960 --> 00:02:57,760 ‫Quindi, non il percorso verso l'immagine. = 59 00:02:57,760 --> 00:03:01,200 ‫e quindi dovremo effettivamente specificare manualmente, ok. 60 00:03:01,200 --> 00:03:03,300 ‫Quindi, ma ciò che conta qui è che 61 00:03:03,300 --> 00:03:04,603 ‫si chiama copertina dell'immagine. 62 00:03:05,700 --> 00:03:07,500 ‫E quindi sbarazziamoci di tutto questo. 63 00:03:08,740 --> 00:03:11,730 ‫Inizia creando una stringa modello 64 00:03:11,730 --> 00:03:16,170 ‫e poi visita la copertina dell'immagine del punto e 65 00:03:17,160 --> 00:03:18,480 ‫ora dobbiamo 66 00:03:18,480 --> 00:03:21,700 ‫capire l'intero percorso verso quell'immagine, ok. 67 00:03:21,700 --> 00:03:24,480 ‫E quindi, come già sappiamo, i dati dell'immagine si 68 00:03:24,480 --> 00:03:26,430 ‫trovano all'interno della cartella pubblica. 69 00:03:26,430 --> 00:03:28,820 ‫Quindi, la cartella da cui verranno serviti 70 00:03:28,820 --> 00:03:30,400 ‫tutti gli asset 71 00:03:30,400 --> 00:03:32,790 ‫statici e quindi qui abbiamo le immagini. 72 00:03:32,790 --> 00:03:34,130 ‫E poi abbiamo una cartella. 73 00:03:34,130 --> 00:03:37,833 ‫Uno per i tour e uno per gli utenti, ok. 74 00:03:39,197 --> 00:03:41,700 ‫E così all'interno di ciascuno di questi 75 00:03:41,700 --> 00:03:45,423 ‫tour abbiamo poi le tre foto e una foto di copertina. 76 00:03:46,330 --> 00:03:49,120 ‫Quindi, sembrerà qualcosa del genere. 77 00:03:49,120 --> 00:03:54,120 ‫E quindi il percorso qui è tour punto immagine o tour barra 78 00:03:56,230 --> 00:03:59,863 ‫e poi barra il nome dell'immagine, fantastico. 79 00:04:00,750 --> 00:04:04,270 ‫Quindi questo dovrebbe rendere gli 80 00:04:04,270 --> 00:04:08,560 ‫interi siti Web ancora migliori ora sì. 81 00:04:08,560 --> 00:04:11,770 ‫Ora sta davvero cominciando a prendere vita. 82 00:04:11,770 --> 00:04:13,730 ‫Quindi, è fantastico. 83 00:04:13,730 --> 00:04:15,460 ‫Questo mi fa sentire davvero bene 84 00:04:15,460 --> 00:04:16,993 ‫ogni volta che funziona. 85 00:04:18,090 --> 00:04:21,260 ‫Ad ogni modo, ora ci occupiamo del resto 86 00:04:21,260 --> 00:04:23,010 ‫dei dati che ovviamente 87 00:04:23,010 --> 00:04:26,680 ‫sembrano ancora gli stessi su tutte queste carte, ok. 88 00:04:26,680 --> 00:04:29,550 ‫E quindi ora usiamo i dati nella nostra raccolta 89 00:04:29,550 --> 00:04:31,600 ‫per costruire questa stringa qui. 90 00:04:31,600 --> 00:04:33,550 ‫Quindi, vedi che questa è in realtà 91 00:04:33,550 --> 00:04:35,010 ‫una combinazione di dati diversi. 92 00:04:35,010 --> 00:04:38,630 ‫Quindi, abbiamo la difficoltà e la durata del tour 93 00:04:38,630 --> 00:04:41,710 ‫e quindi ora creiamo una stringa modello. 94 00:04:41,710 --> 00:04:46,093 ‫Quindi, fondamentalmente assegna questa stringa di modello a questo elemento. 95 00:04:48,100 --> 00:04:53,083 ‫E quindi iniziamo qui con la difficoltà del punto del tour, 96 00:04:54,410 --> 00:04:59,410 ‫ricordate, quindi lo spazio e poi la durata del tour, il tour 97 00:05:01,090 --> 00:05:05,763 ‫di un giorno della durata del punto del tour, ok. 98 00:05:10,400 --> 00:05:14,030 ‫Quindi, questa è la traduzione di questo contenuto. 99 00:05:14,030 --> 00:05:18,413 ‫Poi quello che abbiamo qui è il riepilogo del tour, ok. 100 00:05:19,700 --> 00:05:24,700 ‫Quindi, riassunto del punto uguale del tour, va bene. 101 00:05:26,520 --> 00:05:29,870 ‫Quindi il prossimo passo abbiamo la posizione di partenza e quindi 102 00:05:29,870 --> 00:05:31,720 ‫questo tour, ad esempio, inizia 103 00:05:31,720 --> 00:05:34,470 ‫a Banff Canada e quindi diamo ancora un'occhiata alla 104 00:05:34,470 --> 00:05:36,520 ‫bussola qui solo per vedere come 105 00:05:36,520 --> 00:05:38,520 ‫appaiono i dati o in realtà 106 00:05:38,520 --> 00:05:40,740 ‫non abbiamo bisogno di passare sempre avanti 107 00:05:40,740 --> 00:05:42,520 ‫e indietro a bussola. 108 00:05:42,520 --> 00:05:46,340 ‫Possiamo anche semplicemente aprire o importare i dati qui. 109 00:05:49,170 --> 00:05:52,850 ‫Quindi, nei tour possiamo semplicemente usare questi dati qui 110 00:05:52,850 --> 00:05:55,980 ‫invece di andare sempre alla bussola. 111 00:05:55,980 --> 00:05:57,810 ‫Quindi, prima di utilizzare il riepilogo ora, 112 00:05:57,810 --> 00:06:00,400 ‫andiamo avanti e utilizziamo la posizione di partenza che 113 00:06:01,600 --> 00:06:03,040 ‫è effettivamente qui sopra. 114 00:06:03,040 --> 00:06:07,083 ‫Quindi, ora vogliamo la descrizione del punto della posizione di partenza, ok. 115 00:06:09,570 --> 00:06:14,570 ‫Quindi, la descrizione del punto della posizione di inizio del tour. 116 00:06:17,630 --> 00:06:19,090 ‫E così ora 117 00:06:19,090 --> 00:06:21,480 ‫inizi a capire perché aveva senso creare 118 00:06:21,480 --> 00:06:24,450 ‫effettivamente tutti questi dati diversi che abbiamo creato qui. 119 00:06:24,450 --> 00:06:28,010 ‫Bene, la prossima volta useremo per iniziare le date e 120 00:06:28,010 --> 00:06:29,520 ‫quindi tieni a mente. 121 00:06:29,520 --> 00:06:32,010 ‫Che questo è un array, ok. 122 00:06:32,010 --> 00:06:34,900 ‫Perché ora quello che vogliamo nella nostra 123 00:06:34,900 --> 00:06:38,680 ‫panoramica è sostanzialmente la data in cui inizia il prossimo tour. 124 00:06:38,680 --> 00:06:41,710 ‫Quindi, questo è ciò che significa l'icona con un calendario 125 00:06:41,710 --> 00:06:42,923 ‫qui in questo caso. 126 00:06:44,260 --> 00:06:46,470 ‫Quindi, questo è fondamentalmente 127 00:06:46,470 --> 00:06:50,710 ‫il primo elemento di quell'array di date di inizio. 128 00:06:50,710 --> 00:06:55,680 ‫Quindi, inizia le date dalla posizione 0. 129 00:06:55,680 --> 00:06:59,960 ‫Successivamente abbiamo questo dato che dice quante fermate ci 130 00:06:59,960 --> 00:07:02,320 ‫sono in questi tour. 131 00:07:02,320 --> 00:07:03,670 ‫E quindi 132 00:07:03,670 --> 00:07:06,000 ‫fondamentalmente questo significa quante posizioni 133 00:07:06,000 --> 00:07:09,210 ‫abbiamo e quindi useremo di nuovo le posizioni 134 00:07:09,210 --> 00:07:11,120 ‫e questa volta non 135 00:07:11,120 --> 00:07:13,770 ‫la posizione iniziale ma davvero queste 136 00:07:13,770 --> 00:07:17,350 ‫posizioni e quindi se vuoi specificare quante posizioni abbiamo. 137 00:07:17,350 --> 00:07:21,493 ‫Bene, allora dobbiamo contare la lunghezza di questo array, ok. 138 00:07:22,910 --> 00:07:24,560 ‫E così semplice pure. 139 00:07:24,560 --> 00:07:27,370 ‫Quindi, uguale e quindi impostalo su questa 140 00:07:27,370 --> 00:07:29,830 ‫stringa modello perché vogliamo anche 141 00:07:31,840 --> 00:07:36,807 ‫aggiungere questa fermata e quindi le posizioni dei punti del tour le fermate 142 00:07:42,850 --> 00:07:45,740 ‫della lunghezza dei punti e infine la quantità 143 00:07:45,740 --> 00:07:49,070 ‫di persone che fanno parte di ciascuno dei gruppi. 144 00:07:49,070 --> 00:07:52,990 ‫Quindi, ricorda che le persone che possono partecipare a un 145 00:07:52,990 --> 00:07:55,110 ‫tour e che sono memorizzate 146 00:07:56,750 --> 00:08:00,053 ‫nel tour ma nella dimensione massima del gruppo. 147 00:08:02,440 --> 00:08:03,953 ‫E poi le persone. 148 00:08:05,950 --> 00:08:08,990 ‫Ottimo, quindi quella parte è stata completata 149 00:08:08,990 --> 00:08:12,550 ‫ora e quindi torniamo al nostro sito Web 150 00:08:12,550 --> 00:08:13,743 ‫e proviamolo. 151 00:08:15,270 --> 00:08:20,150 ‫E sì, bella, almeno quasi bella perché questo appuntamento 152 00:08:20,150 --> 00:08:23,030 ‫sembra un po' strano qui. 153 00:08:23,030 --> 00:08:28,030 ‫Quindi, vogliamo davvero solo il 21 giugno, quindi non abbiamo bisogno 154 00:08:28,500 --> 00:08:30,550 ‫di essere così specifici 155 00:08:30,550 --> 00:08:32,630 ‫qui in questa panoramica, ok. 156 00:08:32,630 --> 00:08:37,630 ‫E quindi quello che vogliamo è che sembri di nuovo giugno 2021 e 157 00:08:38,200 --> 00:08:41,620 ‫quindi in questo momento è tutto questo casino e 158 00:08:41,620 --> 00:08:43,560 ‫quindi risolviamolo e per 159 00:08:43,560 --> 00:08:45,910 ‫fortuna è davvero molto semplice 160 00:08:45,910 --> 00:08:48,640 ‫con JavaScript che include un paio di 161 00:08:48,640 --> 00:08:51,640 ‫funzioni molto carine per lavorare con le date. 162 00:08:51,640 --> 00:08:55,100 ‫E tieni presente che ognuna di queste date 163 00:08:55,100 --> 00:08:57,920 ‫di inizio qui è davvero un 164 00:08:57,920 --> 00:09:01,120 ‫oggetto data in o database e quindi 165 00:09:01,120 --> 00:09:06,120 ‫ora possiamo usare una funzione come questa per la stringa locale, ok. 166 00:09:06,510 --> 00:09:09,260 ‫Quindi, fondamentalmente convertirà questa data in 167 00:09:09,260 --> 00:09:11,440 ‫una bella stringa leggibile 168 00:09:11,440 --> 00:09:15,580 ‫e qui possiamo ora passare un'opzione per la lingua. 169 00:09:15,580 --> 00:09:18,080 ‫E quindi questo è inglese per US 170 00:09:19,570 --> 00:09:22,580 ‫e quindi anche un oggetto con alcune opzioni e 171 00:09:22,580 --> 00:09:25,481 ‫quindi qui ora possiamo specificare che vogliamo che 172 00:09:25,481 --> 00:09:27,093 ‫un mese sia lungo. 173 00:09:29,330 --> 00:09:31,870 ‫Quindi, invece di solo un'abbreviazione come abbiamo 174 00:09:31,870 --> 00:09:32,940 ‫avuto qui. 175 00:09:32,940 --> 00:09:34,910 ‫quindi, un aprile, un agosto, 176 00:09:34,910 --> 00:09:36,970 ‫ora lo stamperà in questo modo. 177 00:09:36,970 --> 00:09:41,560 ‫Quindi, in realtà il nome dell'intero mese e va bene e 178 00:09:41,560 --> 00:09:46,557 ‫poi anche dicendo che l'anno dovrebbe essere numerico e se vuoi 179 00:09:48,380 --> 00:09:50,757 ‫saperne di più su 180 00:09:50,757 --> 00:09:55,180 ‫questa funzione qui, vai avanti e cerca su Google, ok. 181 00:09:55,180 --> 00:09:57,810 ‫Quindi, proviamolo di nuovo 182 00:09:59,550 --> 00:10:02,930 ‫e ora sembra davvero carino, fantastico. 183 00:10:02,930 --> 00:10:06,980 ‫Quindi, continuiamo a muoverci e finiamo quest'ultima parte qui con il 184 00:10:06,980 --> 00:10:09,723 ‫prezzo e i dettagli della valutazione. 185 00:10:11,640 --> 00:10:14,700 ‫E quindi questo è quaggiù nel piè di pagina della carta 186 00:10:14,700 --> 00:10:17,150 ‫e quindi qui questo è solo il prezzo. 187 00:10:17,150 --> 00:10:21,240 ‫Quindi, uguale a lasciamolo lì perché ora abbiamo ancora bisogno di 188 00:10:21,240 --> 00:10:23,810 ‫una stringa modello perché il prezzo non 189 00:10:23,810 --> 00:10:27,910 ‫è solo questo numero, ma in realtà abbiamo bisogno di un segno 190 00:10:31,370 --> 00:10:34,120 ‫di dollaro in più qui per il prezzo 191 00:10:34,120 --> 00:10:35,250 ‫in dollari. 192 00:10:35,250 --> 00:10:36,433 ‫Quindi, questo, giusto. 193 00:10:39,620 --> 00:10:42,410 ‫Successivamente abbiamo la valutazione media qui. 194 00:10:42,410 --> 00:10:45,300 ‫Quindi, questo è questo e quindi 195 00:10:45,300 --> 00:10:50,300 ‫sappiamo già che questo si chiama valutazione media del punto del tour. 196 00:10:51,020 --> 00:10:54,560 ‫Quindi, l'abbiamo usato così tante volte, almeno credo. 197 00:10:54,560 --> 00:10:59,240 ‫Confermiamolo, quindi in realtà è la media delle valutazioni e quindi 198 00:10:59,240 --> 00:11:01,490 ‫anche la quantità delle valutazioni. 199 00:11:01,490 --> 00:11:03,488 ‫Quindi, copiamo questo. 200 00:11:03,488 --> 00:11:05,890 ‫Quindi, le valutazioni sono nella 201 00:11:05,890 --> 00:11:10,073 ‫media e ora qui vogliamo la quantità delle valutazioni. 202 00:11:16,320 --> 00:11:19,270 ‫Va bene, ma ovviamente questa deve essere 203 00:11:23,390 --> 00:11:25,560 ‫una stringa modello e 204 00:11:25,560 --> 00:11:30,450 ‫quindi impostarla su uguale e quindi ovviamente interpolare il nome della variabile 205 00:11:30,450 --> 00:11:33,490 ‫qui e ora finalmente dobbiamo creare l'URL 206 00:11:33,490 --> 00:11:36,220 ‫per la pagina dei dettagli, ok. 207 00:11:36,220 --> 00:11:39,180 ‫Quindi, ricordalo quando clicchiamo su una delle carte. 208 00:11:39,180 --> 00:11:41,280 ‫Quindi ci porta alla pagina 209 00:11:41,280 --> 00:11:44,550 ‫dei dettagli e quindi ovviamente qui ora dobbiamo 210 00:11:45,410 --> 00:11:48,800 ‫specificare quel collegamento perché ovviamente dipenderà da ogni tour. 211 00:11:48,800 --> 00:11:52,380 ‫Quindi, vogliamo che i link siano tour slash e poi ricordiamo 212 00:11:52,380 --> 00:11:54,760 ‫come ho detto prima che per il 213 00:11:54,760 --> 00:11:57,530 ‫rendering di queste pagine vorremmo effettivamente interrogare i 214 00:11:57,530 --> 00:12:00,050 ‫tour in base al loro slug e 215 00:12:00,050 --> 00:12:01,870 ‫non al loro ID. 216 00:12:01,870 --> 00:12:04,620 ‫Il modo in cui l'abbiamo fatto 217 00:12:04,620 --> 00:12:09,620 ‫nell'API va bene, perché questo rende l'URL molto più carino, ok. 218 00:12:09,920 --> 00:12:11,973 ‫E quindi usiamolo qui ora. 219 00:12:13,430 --> 00:12:18,130 ‫Quindi tour dot slug e così solo per spiegarti 220 00:12:18,130 --> 00:12:20,200 ‫perché iniziamo questo 221 00:12:20,200 --> 00:12:23,110 ‫URL qui con una barra. 222 00:12:23,110 --> 00:12:26,230 ‫È perché la creazione di un URL come questo, 223 00:12:26,230 --> 00:12:30,140 ‫quindi iniziare solo con la barra viene chiamato URL relativo e 224 00:12:30,140 --> 00:12:31,620 ‫ciò che farà 225 00:12:31,620 --> 00:12:35,020 ‫è che verrà quindi aggiunto a questa parte dell'URL 226 00:12:35,020 --> 00:12:36,640 ‫dopo il nome host. 227 00:12:36,640 --> 00:12:41,540 ‫Quindi, quell'host è in questo momento da uno a sette virgola zero zero uno, 228 00:12:41,540 --> 00:12:44,170 ‫ma non è necessario specificarlo qui 229 00:12:44,170 --> 00:12:47,710 ‫perché di nuovo quando si scrive un URL relativo come 230 00:12:47,710 --> 00:12:51,663 ‫questo aggiungerà ciò che abbiamo qui a quel nome host, ok. 231 00:12:53,135 --> 00:12:56,490 ‫Quindi, ricarichiamolo di nuovo e quindi abbiamo 232 00:12:56,490 --> 00:12:58,930 ‫quasi finito qui, non siamo 233 00:12:58,930 --> 00:13:00,250 ‫ancora pronti. 234 00:13:00,250 --> 00:13:01,750 ‫Quindi, qui vedi indefinito e 235 00:13:01,750 --> 00:13:03,820 ‫quindi probabilmente abbiamo fatto qualcosa di sbagliato lì. 236 00:13:03,820 --> 00:13:06,490 ‫E vedi anche che qui non c'è spazio 237 00:13:06,490 --> 00:13:08,650 ‫tra il prezzo e il 238 00:13:08,650 --> 00:13:11,440 ‫prezzo a persona e anche qui lo stesso adesso. 239 00:13:11,440 --> 00:13:13,360 ‫Se passi il mouse su 240 00:13:13,360 --> 00:13:15,550 ‫questo pulsante qui, poi laggiù nell'angolo sinistro. 241 00:13:15,550 --> 00:13:18,400 ‫Quindi, qui sotto vedrai l'URL che abbiamo 242 00:13:18,400 --> 00:13:19,780 ‫appena creato. 243 00:13:19,780 --> 00:13:21,040 ‫Può effettivamente fare 244 00:13:21,040 --> 00:13:23,010 ‫clic su di esso e 245 00:13:23,010 --> 00:13:25,470 ‫quindi ci darà questo errore perché ovviamente 246 00:13:25,470 --> 00:13:27,390 ‫non abbiamo ancora definito questo 247 00:13:27,390 --> 00:13:30,660 ‫percorso, ma vedi che sembra davvero bello qui con i 248 00:13:30,660 --> 00:13:35,660 ‫tour che tagliano l'escursionista della foresta invece di avere quel brutto ID lassù, ok . 249 00:13:35,950 --> 00:13:38,270 ‫Ma comunque ora risolviamo questo indefinito in 250 00:13:38,270 --> 00:13:39,563 ‫questo spazio mancante. 251 00:13:40,610 --> 00:13:44,550 ‫Quindi, diamo un'occhiata a questo. 252 00:13:44,550 --> 00:13:49,270 ‫Bene, sembra corretto in realtà le valutazioni, la quantità ma 253 00:13:50,290 --> 00:13:54,690 ‫ovviamente ci manca questo punto del tour, ok. 254 00:13:54,690 --> 00:13:57,770 ‫Probabilmente lo stavi già vedendo. 255 00:13:57,770 --> 00:13:59,360 ‫Ora su quello spazio mancante. 256 00:13:59,360 --> 00:14:02,950 ‫C'è qualcosa di nuovo che devo mostrarti su Carlino 257 00:14:02,950 --> 00:14:06,050 ‫che è questa cosiddetta corsia vuota o 258 00:14:07,090 --> 00:14:08,950 ‫una linea, in realtà. 259 00:14:08,950 --> 00:14:11,080 ‫Quindi, ogni volta che abbiamo bisogno 260 00:14:11,080 --> 00:14:13,220 ‫di uno spazio reale tra due elementi 261 00:14:13,220 --> 00:14:15,610 ‫di blocco in linea che sono queste 262 00:14:15,610 --> 00:14:17,210 ‫bande, dobbiamo creare manualmente 263 00:14:17,210 --> 00:14:20,840 ‫quello spazio usando questa linea convogliata qui in questo modo, ok. 264 00:14:20,840 --> 00:14:23,180 ‫E la stessa cosa 265 00:14:23,180 --> 00:14:25,260 ‫quaggiù perché altrimenti, 266 00:14:25,260 --> 00:14:27,660 ‫come abbiamo appena visto, incollerà 267 00:14:27,660 --> 00:14:31,120 ‫semplicemente tutti questi elementi insieme, va bene. 268 00:14:31,120 --> 00:14:33,880 ‫Quindi, ora tutto questo dovrebbe essere 269 00:14:33,880 --> 00:14:37,260 ‫risolto e quello spazio non c'è ancora ed 270 00:14:37,260 --> 00:14:40,070 ‫è in realtà perché abbiamo dimenticato qualcosa. 271 00:14:40,070 --> 00:14:41,750 ‫E quindi torniamo 272 00:14:41,750 --> 00:14:44,080 ‫indietro e in realtà dobbiamo 273 00:14:44,080 --> 00:14:47,600 ‫aggiungere manualmente quello spazio vuoto qui e qui. 274 00:14:47,600 --> 00:14:50,290 ‫Quindi, questa linea di tubi vuota qui fondamentalmente crea 275 00:14:50,290 --> 00:14:53,390 ‫uno spazio per noi in cui possiamo creare contenuti al 276 00:14:53,390 --> 00:14:55,020 ‫di fuori di un 277 00:14:55,020 --> 00:14:57,690 ‫elemento e quindi questo è fondamentalmente questo spazio. 278 00:14:57,690 --> 00:14:59,930 ‫Quindi, questo spazio qui che abbiamo appena messo qui. 279 00:14:59,930 --> 00:15:03,180 ‫Quindi, questo spazio vuoto è un contenuto che non è 280 00:15:03,180 --> 00:15:05,830 ‫all'interno di nessuno di questi due elementi. 281 00:15:05,830 --> 00:15:08,690 ‫E così di nuovo, per essere in grado di farlo, è 282 00:15:08,690 --> 00:15:10,880 ‫per questo che abbiamo bisogno di questo gasdotto. 283 00:15:10,880 --> 00:15:13,423 ‫Quindi, questi due gasdotti. 284 00:15:14,960 --> 00:15:17,020 ‫Quindi, riprovaci e ora 285 00:15:17,020 --> 00:15:18,870 ‫ecco lo 286 00:15:18,870 --> 00:15:21,670 ‫spazio che abbiamo appena creato, perfetto. 287 00:15:21,670 --> 00:15:25,010 ‫E con questo concludiamo questa conferenza e questo 288 00:15:25,010 --> 00:15:28,140 ‫primo sito web dall'aspetto sbalorditivo o 289 00:15:28,140 --> 00:15:32,110 ‫parte del sito web che abbiamo appena costruito qui insieme. 290 00:15:32,110 --> 00:15:35,651 ‫Quindi, un momento per apprezzare quanto sia davvero 291 00:15:35,651 --> 00:15:38,280 ‫bello e anche come tutto 292 00:15:38,280 --> 00:15:42,340 ‫questo codice che abbiamo scritto insieme funzioni effettivamente, ok. 293 00:15:42,340 --> 00:15:44,560 ‫E poi torna subito indietro in modo 294 00:15:44,560 --> 00:15:47,693 ‫che possiamo costruire insieme la pagina di panoramica del tour.