1 00:00:02,230 --> 00:00:06,260 Cos'è lo sviluppo Web Full Stack? 2 00:00:06,260 --> 00:00:09,240 Permettetemi di chiarire alcuni termini Quindi, 3 00:00:09,240 --> 00:00:11,915 che abbiamo iniziato una comprensione comune dello 4 00:00:11,915 --> 00:00:17,895 sviluppo web full stack come applicato in questa sessione speciale. 5 00:00:17,895 --> 00:00:22,360 Sentiamo spesso persone parlare di frond end e back-end. 6 00:00:22,360 --> 00:00:28,095 Il frond end è dove stiamo consegnando il contenuto all'utente, in genere, 7 00:00:28,095 --> 00:00:32,135 in un browser in cui utilizzano accessi alle informazioni, 8 00:00:32,135 --> 00:00:36,800 e questo è dove usiamo tecnologie come HTML, 9 00:00:36,800 --> 00:00:41,435 CSS e JavaScript per rendere il contenuto per l'utente. 10 00:00:41,435 --> 00:00:48,275 Questa consegna delle informazioni è supportata dietro le quinte da 11 00:00:48,275 --> 00:00:56,825 un supporto back-end che è tipicamente implementato in questi giorni utilizzando tecnologie come PHP, 12 00:00:56,825 --> 00:01:02,670 Java, ASP.NET, Ruby, Python o NodeJS. 13 00:01:02,670 --> 00:01:08,279 Spesso sentiamo parlare dell'architettura a tre livelli per lo sviluppo Web. 14 00:01:08,279 --> 00:01:14,235 In questo approccio, l'intera applicazione web è organizzata in tre diversi livelli. 15 00:01:14,235 --> 00:01:20,500 Il livello di presentazione, che si occupa di consegnare l'all'utente, 16 00:01:20,500 --> 00:01:21,545 Quindi, questo è di solito 17 00:01:21,545 --> 00:01:26,710 le preoccupazioni relative all'interfaccia utente che vengono trattati al livello di presentazione. 18 00:01:26,710 --> 00:01:29,070 Il Business Logic Layer, d'altra parte, 19 00:01:29,070 --> 00:01:32,670 è più preoccupato per i dati, la convalida dei dati, 20 00:01:32,670 --> 00:01:34,570 l'elaborazione dinamica dei contenuti, 21 00:01:34,570 --> 00:01:39,260 e la generazione del contenuto da consegnare all'utente. 22 00:01:39,260 --> 00:01:42,500 Questo viene eseguito il backup dietro le quinte 23 00:01:42,500 --> 00:01:46,030 con il livello di persistenza dei dati o il livello di accesso ai dati. 24 00:01:46,030 --> 00:01:52,000 Quindi, questo riguarda il modo in cui memorizziamo e interagiamo con i dati, 25 00:01:52,000 --> 00:01:58,650 in genere, sotto forma di un database e accediamo a questi dati tramite un'API. 26 00:01:58,650 --> 00:02:02,950 Esplorando ulteriormente questo, vediamo ciò che viene implementato 27 00:02:02,950 --> 00:02:08,255 tipicamente nello sviluppo web tradizionale in ciascuno di questi tre livelli. 28 00:02:08,255 --> 00:02:13,490 Il livello di logica aziendale è solitamente implementato in questi giorni utilizzando tecnologie come Ruby, 29 00:02:13,490 --> 00:02:19,220 Python, PHP, JAVA, C ++ o ASP.NET. 30 00:02:19,220 --> 00:02:25,430 Questo livello di logica aziendale interagisce dietro le quinte con 31 00:02:25,430 --> 00:02:28,260 i dati persistenti in genere archiviati in 32 00:02:28,260 --> 00:02:34,395 un database relazionale e accessibili dal livello di logica aziendale. 33 00:02:34,395 --> 00:02:37,360 Il livello di logica aziendale si 34 00:02:37,360 --> 00:02:40,970 occupa anche del rendering delle informazioni sul lato anteriore, 35 00:02:40,970 --> 00:02:44,285 in genere, sotto forma di rendering lato server in questi giorni. 36 00:02:44,285 --> 00:02:47,480 Quindi, HTML, CSS e JavaScript viene generato 37 00:02:47,480 --> 00:02:52,460 sul lato server e quindi inviato al lato client sotto forma di una pagina web. 38 00:02:52,460 --> 00:02:58,925 In questo approccio, abbiamo bisogno di specialisti in ciascuno di questi tre strati. 39 00:02:58,925 --> 00:03:01,010 Quindi, gli specialisti frond end, in genere, 40 00:03:01,010 --> 00:03:06,390 sarebbero ben esperti in HTML, CSS e JavaScript. 41 00:03:06,390 --> 00:03:10,280 Lo specialista di logica aziendale sarebbe 42 00:03:10,280 --> 00:03:14,390 esperto in una delle tecnologie che viene utilizzato 43 00:03:14,390 --> 00:03:17,310 per l'implementazione della logica aziendale e quindi è necessario 44 00:03:17,310 --> 00:03:24,120 uno specialista di dati che sarà esperto nel sistema di gestione del database relazionale. 45 00:03:24,120 --> 00:03:27,810 C' è una tendenza crescente verso l'utilizzo di 46 00:03:27,810 --> 00:03:32,225 un singolo linguaggio per implementare l'intero stack, 47 00:03:32,225 --> 00:03:37,530 questo è JavaScript in modo da poter implementare il frond end, 48 00:03:37,530 --> 00:03:43,800 ad esempio, come un'applicazione a pagina singola utilizzando framework come Angular o React. 49 00:03:43,800 --> 00:03:46,450 Hai il lato server o 50 00:03:46,450 --> 00:03:51,080 il livello di logica aziendale implementato utilizzando tecnologie come NodeJS, 51 00:03:51,080 --> 00:03:56,165 che dipende anche da e JavaScript e quindi hai lo storage dei dati, stesso, 52 00:03:56,165 --> 00:03:59,525 implementato utilizzando tecnologie come MongoDB, 53 00:03:59,525 --> 00:04:03,605 che memorizza i dati sotto forma di documenti JSON. 54 00:04:03,605 --> 00:04:10,640 E lo scambio di informazioni tra il lato server e il lato client viene solitamente 55 00:04:10,640 --> 00:04:19,690 eseguito utilizzando JSON come formato e il lato server supporta un endpoint API REST. 56 00:04:19,690 --> 00:04:24,990 Tratteremo queste tecnologie come parte di questa specializzazione. 57 00:04:24,990 --> 00:04:27,875 Quindi, mentre passi attraverso la specializzazione, 58 00:04:27,875 --> 00:04:31,370 vedrai che sul lato del livello di presentazione, 59 00:04:31,370 --> 00:04:35,510 copriremo Bootstrap quattro e Angular o 60 00:04:35,510 --> 00:04:40,420 React per l'implementazione di applicazioni frond end mentre 61 00:04:40,420 --> 00:04:45,115 sul livello di logica aziendale useremo i moduli NodeJS e NodeJS 62 00:04:45,115 --> 00:04:51,100 ed esprimeremo per implementando il livello di logica aziendale. 63 00:04:51,100 --> 00:04:54,720 Considereremo anche il back-end come servizio e 64 00:04:54,720 --> 00:04:59,400 quindi il supporto dati implementato utilizzando MongoDB.