1
00:00:00,270 --> 00:00:00,980
Ben tornato.

2
00:00:01,000 --> 00:00:03,720
In questo video voglio correre attraverso l'intero syllabus.

3
00:00:03,730 --> 00:00:09,090
Ovviamente non parleremo molto delle cose, ma voglio presentarvi tutto ciò di

4
00:00:09,090 --> 00:00:10,210
cui parleremo.

5
00:00:10,320 --> 00:00:16,350
E c'è un bel po 'come si può vedere questo è un corso molto lungo, molto materiale molto completo

6
00:00:16,350 --> 00:00:17,370
da cui partire.

7
00:00:17,430 --> 00:00:20,020
Facciamo i nostri principi di base del corso, che è dove sei adesso.

8
00:00:20,100 --> 00:00:23,190
È sicuramente l'unità meno importante in questo intero corso.

9
00:00:23,200 --> 00:00:28,740
Scopre le cose sul programma e su come funziona il Corso e ti dà qualche consiglio e

10
00:00:28,740 --> 00:00:30,820
poi iniziamo davvero con l'introduzione al front-end.

11
00:00:30,960 --> 00:00:35,210
Quindi parliamo di quale sviluppo di front-end è ciò che in fase di sviluppo è il modo in cui sono

12
00:00:35,260 --> 00:00:38,130
diversi ciò che HDMI è ciò che CSSA è ciò che è javascript.

13
00:00:38,190 --> 00:00:43,170
Ma tu non scrivi ancora un bel po 'di codice fino a quando questa unità, quando in realtà ne parliamo, lo invecchia.

14
00:00:43,710 --> 00:00:49,560
Quindi ci sono due unità per ogni squadra, tutte le presentazioni e gli intermedi lo hanno invecchiato e poi, una volta che hai finito e

15
00:00:49,560 --> 00:00:54,650
vai avanti per vedere valutare quale è il modo in cui possiamo rendere le cose belle, aggiungiamo un po 'di stile.

16
00:00:55,080 --> 00:00:57,820
Ecco dove i progetti iniziano a diventare un po 'più eccitanti.

17
00:00:57,960 --> 00:01:03,180
Hai creato una galleria di immagini per il sito portfolio fotografico e abbiamo anche creato un

18
00:01:04,020 --> 00:01:06,690
blog per le unità sull'introduzione e l'avanzamento CSSA.

19
00:01:06,720 --> 00:01:13,140
Parliamo di cose come i font tipografici, compresi i caratteri personalizzati che utilizzano i formati di caratteri di

20
00:01:13,440 --> 00:01:14,550
Google, molti argomenti.

21
00:01:14,670 --> 00:01:20,160
Quindi parliamo di Bootstrap che è un framework C S S e Javascript che aiuta a creare siti Web di

22
00:01:20,160 --> 00:01:22,120
bell'aspetto in modo molto rapido e semplice.

23
00:01:22,320 --> 00:01:28,800
E in quell'unità realizziamo alcuni progetti tra cui un sito portfolio e una landing page di avvio o una

24
00:01:28,800 --> 00:01:30,350
home page per una startup.

25
00:01:30,540 --> 00:01:34,890
Poi abbiamo cliccato su javascript ed è qui che le cose, a mio parere, iniziano a diventare

26
00:01:34,890 --> 00:01:35,810
davvero interessanti ed eccitanti.

27
00:01:35,820 --> 00:01:41,340
Iniziamo a parlare del nostro primo vero linguaggio di programmazione javascript quindi iniziamo con le basi e

28
00:01:41,440 --> 00:01:47,040
c'è molto di cui parlare con javascript in modo da poter vedere praticamente tutto da qui fino alla

29
00:01:47,040 --> 00:01:47,360
fine.

30
00:01:47,460 --> 00:01:53,070
Tutto ciò implica javascript e per essere onesti Tutto ciò che riguarda anche le montature H-2,

31
00:01:53,070 --> 00:01:54,260
ma javascript diventa l'obiettivo.

32
00:01:54,270 --> 00:01:59,130
È così che iniziamo a realizzare applicazioni Web robuste non solo semplici siti web.

33
00:01:59,140 --> 00:02:01,270
E mi dilungherò su quella differenza nella prossima unità.

34
00:02:01,470 --> 00:02:02,700
Ma continuiamo a muoverci.

35
00:02:03,030 --> 00:02:04,330
Quindi lavori per basi.

36
00:02:04,350 --> 00:02:10,160
Poi parliamo di qualcosa chiamato controllo del flusso, che è il modo in cui aggiungiamo la logica di base nelle nostre applicazioni con

37
00:02:10,170 --> 00:02:11,070
gli script di lavoro.

38
00:02:11,340 --> 00:02:16,560
E poi qualcosa chiamato funzioni array e oggetti javascript a diverse strutture di dati.

39
00:02:16,920 --> 00:02:22,590
E poi passiamo al mio argomento preferito che è l'emulazione dominante, ovvero il modo in cui interagiamo effettivamente

40
00:02:22,590 --> 00:02:25,290
con ogni team per valutare l'utilizzo di javascript.

41
00:02:25,290 --> 00:02:29,790
Quindi alcuni di voi potrebbero essere solo un gruppo di parole casuali che non hai mai sentito nella tua vita o

42
00:02:29,790 --> 00:02:31,070
che non riesci davvero a capire.

43
00:02:31,290 --> 00:02:33,800
Fondamentalmente è come iniziamo a rendere le cose eccitanti.

44
00:02:33,840 --> 00:02:38,910
Quando clicco su una pagina succede qualcosa, possiamo iniziare a cambiare i colori animando le cose spostando le

45
00:02:38,910 --> 00:02:39,930
cose attraverso lo schermo.

46
00:02:39,930 --> 00:02:41,870
È molto visivo e divertente.

47
00:02:42,000 --> 00:02:47,430
Poi abbiamo un'altra unità su eventi Dom che è un'altra manipolazione stupida su cui possiamo concentrarci.

48
00:02:47,700 --> 00:02:53,220
E poi abbiamo un progetto di gioco a colori che è un gioco sostanziale e piuttosto complesso che facciamo insieme.

49
00:02:53,520 --> 00:02:56,360
È un'intera unità, sono otto o nove video che creano questo gioco.

50
00:02:56,370 --> 00:02:58,610
Quindi è un progetto piuttosto legittimo.

51
00:02:58,770 --> 00:03:03,350
E poi passiamo a una libreria molto popolare chiamata Jay Querrey e ci focalizziamo su

52
00:03:03,360 --> 00:03:09,540
quella presentazione in avanti di tre unità di Jay Querrey per la query Jay avanzata e poi costruiamo una risposta

53
00:03:09,540 --> 00:03:12,770
davvero carina per fare questo progetto insieme così che anche Sokoto.

54
00:03:12,820 --> 00:03:15,970
C'è un'intera unità di sette o otto video anche lì.

55
00:03:16,380 --> 00:03:22,410
grande cambiamento, quindi tutto fino a questo punto escludendo le unità di base del primo corso parla dello sviluppo del

56
00:03:22,680 --> 00:03:28,140
web front-end, di cui parliamo su cosa significhi e quali siano le differenze front e back e full stack.

57
00:03:28,140 --> 00:03:29,370
E poi abbiamo un

58
00:03:29,370 --> 00:03:31,220
Tutta quella roba nella prossima unità.

59
00:03:31,650 --> 00:03:34,670
Ma sottolineerò che questo è tutto il front end.

60
00:03:34,950 --> 00:03:37,420
Questo è tutto tornato.

61
00:03:37,890 --> 00:03:41,140
Quindi qui c'è una grande linea in cui le cose cambiano.

62
00:03:41,250 --> 00:03:46,430
Quindi siamo tornati indietro e iniziamo parlando delle cose fondamentali, proprio come abbiamo fatto per affrontarlo.

63
00:03:46,800 --> 00:03:50,370
Quindi cos'è la parte posteriore e quali sono le diverse cose che sono coinvolte.

64
00:03:50,460 --> 00:03:55,290
come il back-end è impostato su alcuni siti Web popolari e quindi parliamo della riga di comando.

65
00:03:55,290 --> 00:04:00,120
Abbiamo parlato di alcuni diagrammi, abbiamo disegnato alcune cose e vi mostro alcuni esempi di siti e

66
00:04:00,150 --> 00:04:02,670
Come si naviga attraverso la riga di comando o il terminale.

67
00:04:02,670 --> 00:04:04,560
Quali sono i diversi comandi che inserisci.

68
00:04:04,560 --> 00:04:07,640
Sicuramente la cosa dall'aspetto più tacker che copriamo.

69
00:04:07,740 --> 00:04:12,720
Se hai mai visto una scena di hacker stereotipata in un film, di solito scrivono cose nella

70
00:04:12,720 --> 00:04:13,520
riga di comando.

71
00:04:13,560 --> 00:04:17,030
Quindi ne parleremo e lo useremo per il resto del corso.

72
00:04:17,190 --> 00:04:20,640
Quindi non parliamo di G-S e questa è un'introduzione al no.

73
00:04:20,670 --> 00:04:21,370
Sì.

74
00:04:21,510 --> 00:04:26,970
E poi un'introduzione per esprimere quale è una struttura di nodo che useremo di nuovo e no che è solo

75
00:04:26,970 --> 00:04:31,710
un mucchio di parole, ma si tratterà di un framework di nodi per creare le nostre applicazioni Web.

76
00:04:31,890 --> 00:04:34,620
E continuiamo con queste due cose per il resto del corso.

77
00:04:34,830 --> 00:04:40,020
Quindi quindi parliamo di intermedia express fondamentalmente di argomenti più avanzati e poi arriviamo a qualcosa

78
00:04:40,020 --> 00:04:40,590
di diverso.

79
00:04:40,830 --> 00:04:47,110
di Yotam le basi UPCAT che conosci la persistenza dei dati del campo conosci i commenti del campo che hai accampato aggiungendo

80
00:04:47,120 --> 00:04:53,090
arte e sai che il campo sta pulendo e sai che il campo inizia a sembrare strano dopo aver ripetuto abbastanza volte.

81
00:04:53,330 --> 00:04:57,050
Le basi del campo yo e noterai che ci sono alcune diverse istanze

82
00:04:57,230 --> 00:05:02,660
Ma quello che è è un'applicazione complessa che creiamo insieme ed è una che continuiamo a rivisitare.

83
00:05:02,760 --> 00:05:08,810
Quindi piuttosto che un piccolo progetto in cui è davvero difficile arrivare a qualcosa di sostanziale con una sola

84
00:05:08,810 --> 00:05:14,990
unità o solo pochi video questo è un grande progetto che continuamente rivisitiamo e non ti preoccupare abbiamo molti

85
00:05:14,990 --> 00:05:16,730
progetti più piccoli più corti.

86
00:05:16,730 --> 00:05:22,070
Sono davvero convinto che dovresti iniziare vedendo una piccola istanza di qualcosa che funziona facendo un piccolo progetto

87
00:05:22,070 --> 00:05:26,890
e poi applicalo a qualcosa di grande in modo da ottenere entrambe le estremità di quello spettro.

88
00:05:26,960 --> 00:05:31,660
immediatamente un enorme progetto, ma non sei nemmeno bloccato a realizzare questi piccoli giocattoli per l'intero corso.

89
00:05:31,730 --> 00:05:34,130
Non sei semplicemente gettato nella parte più profonda creando

90
00:05:34,160 --> 00:05:38,540
Voglio che tu abbia qualcosa di cui essere orgoglioso e qualcosa che è davvero molto complicato

91
00:05:38,540 --> 00:05:39,680
alla fine del corso.

92
00:05:39,740 --> 00:05:47,450
Quindi il campo è un guaito come un clone per i campeggi dei campeggi e le attività all'aria aperta in modo da poter creare

93
00:05:47,450 --> 00:05:52,070
campeggi con foto che lasciano commenti di ogni genere di cose divertenti che accedono all'autenticazione.

94
00:05:52,070 --> 00:05:57,650
Abbiamo parlato di autorizzazione e ogni volta che apprendiamo una nuova funzionalità, andiamo ad aggiungerla a UPCAT.

95
00:05:58,190 --> 00:06:00,020
Quindi iniziamo lì, conosci le basi del campo.

96
00:06:00,020 --> 00:06:04,170
Questa è la prima volta che vediamo l'app e configuriamo la struttura di base.

97
00:06:04,370 --> 00:06:09,680
Poi parliamo di database e parliamo di Mongo DB che è il particolare database

98
00:06:09,680 --> 00:06:17,330
che useremo e facciamo un piccolo progetto lì e poi torniamo al campo e aggiungiamo in Mangu DB in modo che

99
00:06:17,330 --> 00:06:23,120
ora abbiamo un database collegato a Brokamp e poi parliamo di un argomento molto importante chiamato

100
00:06:23,120 --> 00:06:23,870
instradamento tranquillo.

101
00:06:23,900 --> 00:06:29,600
Questa è un'architettura è un modo di pianificare le nostre applicazioni, un modello che

102
00:06:29,960 --> 00:06:35,630
seguiamo chiamato riposo e costruiamo un'app blog dall'aspetto gradevole usando percorsi rilassanti e un

103
00:06:35,620 --> 00:06:42,470
nuovo framework JavaScript JavaScript chiamato interfaccia semantica simile al bootstrap che apprendiamo in precedenza nel corso giusto qui.

104
00:06:43,000 --> 00:06:46,240
E l'idea è solo quella di esporvi ad un'altra tecnologia.

105
00:06:46,250 --> 00:06:47,920
Un'altra struttura popolare.

106
00:06:48,050 --> 00:06:52,280
Spero che tu possa iniziare a vedere alcune delle somiglianze e tracciare alcuni confronti lì.

107
00:06:52,430 --> 00:06:56,400
Quindi passiamo a una delle più importanti associazioni di database Unix.

108
00:06:56,420 --> 00:07:01,580
Quindi, come possiamo avere più cose nel nostro database che sono connesse come utenti e commenti o

109
00:07:01,610 --> 00:07:07,370
post di blog e commenti e tag e voti e in che modo sono tutti correlati e connessi l'un l'altro.

110
00:07:08,300 --> 00:07:11,620
E poi torniamo al campo e aggiungiamo commenti.

111
00:07:11,660 --> 00:07:18,260
Quindi impareremo a conoscere le associazioni di database in un progetto più piccolo e poi l'UPCAT abbiamo

112
00:07:18,250 --> 00:07:24,140
aggiunto, quindi passiamo all'autenticazione utente per accedere alla registrazione e al blocco di tutto ciò.

113
00:07:24,200 --> 00:07:25,650
Utilizzando uno strumento chiamato passaporto.

114
00:07:25,690 --> 00:07:28,700
Sì e lo aggiungiamo alla nostra applicazione.

115
00:07:28,700 --> 00:07:34,220
Facciamo un'applicazione con il log in un'applicazione più piccola e poi, come prima, torniamo al

116
00:07:34,370 --> 00:07:40,630
tuo campo e aggiungiamo l'autenticazione in modo che ora devi accedere e disconnettersi per utilizzare UPCAT o

117
00:07:40,630 --> 00:07:42,390
almeno per utilizzare alcune funzionalità.

118
00:07:42,680 --> 00:07:47,480
E poi abbiamo un'altra unità del nostro campo in cui a questo punto abbiamo coperto così tanto

119
00:07:47,480 --> 00:07:53,690
che abbiamo bisogno di tornare indietro e pulire alcune cose su refactoring che fondamentalmente significa spostare un po 'di codice attorno a

120
00:07:53,840 --> 00:07:58,660
riscrivere un codice in modo che sia più semplice e lineare Vedrò esattamente cosa intendo in quell'unità.

121
00:07:58,750 --> 00:08:04,630
Ma è dedicato alla riorganizzazione di questa app di grandi dimensioni perché a quel punto è diventata molto

122
00:08:04,630 --> 00:08:10,470
grande e quindi parliamo di autorizzazione che è un altro argomento importante che è sostanzialmente permessi degli utenti.

123
00:08:10,630 --> 00:08:13,530
Diversi livelli di cose che gli utenti sono autorizzati a fare.

124
00:08:13,580 --> 00:08:16,580
Quindi l'autenticazione fa semplicemente entrare le persone.

125
00:08:16,700 --> 00:08:24,110
L'autorizzazione sta facendo in modo che quando ho effettuato l'accesso posso cancellare solo le foto che mi appartengono o modificare i commenti che ho creato.

126
00:08:24,110 --> 00:08:29,690
Non posso sbagliare con i commenti di qualcun altro o con quelli di qualcun altro a meno che non

127
00:08:29,690 --> 00:08:30,790
sia autorizzato a farlo.

128
00:08:30,880 --> 00:08:32,180
Quindi parliamo di come funziona.

129
00:08:32,300 --> 00:08:33,970
E abbiamo aggiunto nel nostro campo.

130
00:08:34,190 --> 00:08:37,700
Ci sono molte cose che coprono molte tecnologie.

131
00:08:37,750 --> 00:08:42,740
Ma il punto chiave è che affrontiamo tutto ciò in un ordine molto logico e ben pensato.

132
00:08:42,760 --> 00:08:47,980
Ho insegnato tutte queste tecnologie più volte a tonnellate di classi diverse studenti diversi.

133
00:08:48,250 --> 00:08:53,330
È molto meno intimidatorio che potrebbe sembrare che non devi pensare in anticipo per tutto il tempo.

134
00:08:53,480 --> 00:08:58,690
Ma cosa farò invece di andare dritto e fare una sola unità alla volta.

135
00:08:58,850 --> 00:09:04,430
Abbiamo alcune lezioni che sono opzionali queste lezioni che guardano avanti e guardano indietro.

136
00:09:04,580 --> 00:09:09,790
trattato qui è dove andare, in modo da poter iniziare ad avere una mappa mentale di dove siamo.

137
00:09:09,790 --> 00:09:14,160
Quindi, in alcuni punti del corso, prenderò un momento per dire che ecco quello che abbiamo

138
00:09:14,180 --> 00:09:19,430
Spesso ho scoperto che a volte gli studenti si perdono e non hanno una visione generale nella loro testa di

139
00:09:19,420 --> 00:09:20,200
dove si trovano.

140
00:09:20,270 --> 00:09:23,440
Hanno appena messo la testa bassa e si concentrano su ciò che è immediatamente davanti a loro.

141
00:09:23,720 --> 00:09:28,300
Questo è importante, ma è anche importante venire di tanto in tanto alla ricerca di aria e parlare

142
00:09:28,310 --> 00:09:32,260
di dove siamo venuti e di quanto ancora dobbiamo andare e in pratica tracciare quella linea.

143
00:09:32,300 --> 00:09:32,640
OK.

144
00:09:32,650 --> 00:09:36,550
Quindi, se arriviamo a un sacco di materiale davvero eccitante, ci sono molti progetti divertenti.

145
00:09:36,640 --> 00:09:40,430
Andiamo avanti e iniziamo parlando di un'introduzione al front e allo sviluppo web