1
00:00:00,270 --> 00:00:00,980
Bem vindo de volta.

2
00:00:01,000 --> 00:00:03,720
Neste vídeo, eu quero percorrer todo o programa.

3
00:00:03,730 --> 00:00:09,090
Claro que não vamos falar sobre coisas com muito detalhe, mas eu quero apresentar-lhe tudo sobre o

4
00:00:09,090 --> 00:00:10,210
qual vamos falar.

5
00:00:10,320 --> 00:00:16,350
E há um pouco como você pode ver que este é um curso muito longo muito material muito

6
00:00:16,350 --> 00:00:17,370
abrangente para começar.

7
00:00:17,430 --> 00:00:20,020
Nós fazemos os princípios básicos do curso, que é onde você está agora.

8
00:00:20,100 --> 00:00:23,190
É definitivamente a unidade menos substancial neste curso inteiro.

9
00:00:23,200 --> 00:00:28,740
Ele descobre coisas sobre o programa e como o curso funciona e dá-lhe alguns conselhos e, em seguida, nós

10
00:00:28,740 --> 00:00:30,820
realmente avançamos com a introdução ao front-end.

11
00:00:30,960 --> 00:00:35,210
Então, falamos sobre o desenvolvimento do front-end é o que de volta no desenvolvimento é como eles são diferentes

12
00:00:35,260 --> 00:00:38,130
o que HDMI é o que CSSA é o que é javascript.

13
00:00:38,190 --> 00:00:43,170
Mas você ainda não escreve um monte de código até esta unidade, quando realmente falamos sobre envelhecer.

14
00:00:43,710 --> 00:00:49,560
Então, há duas unidades em cada equipe, todas as apresentações e intermediários, e depois, uma vez que você terminou isso e se

15
00:00:49,560 --> 00:00:54,650
desloca para ver avaliar, e é como podemos fazer com que as coisas parecem bonitas, nós adicionamos algum estilo.

16
00:00:55,080 --> 00:00:57,820
Então é aí que os projetos começam a ficar um pouco excitantes.

17
00:00:57,960 --> 00:01:03,180
Você fez uma galeria de imagens para o site de portfólio de fotografia e nós também fazemos

18
00:01:04,020 --> 00:01:06,690
um blog para unidades em CSSA e avançado.

19
00:01:06,720 --> 00:01:13,140
Nós falamos sobre coisas como fontes de tipografia, incluindo fontes personalizadas usando as fontes de formulários do Google,

20
00:01:13,440 --> 00:01:14,550
valida muitos tópicos.

21
00:01:14,670 --> 00:01:20,160
Então, falamos sobre o Bootstrap, que é um C S S e uma estrutura de Javascript que ajuda a fazer sites

22
00:01:20,160 --> 00:01:22,120
de aparência legal de forma rápida e fácil.

23
00:01:22,320 --> 00:01:28,800
E nessa unidade, fazemos alguns projetos, incluindo um site de portfólio e uma página de inicialização ou uma página

24
00:01:28,800 --> 00:01:30,350
inicial para uma inicialização.

25
00:01:30,540 --> 00:01:34,890
Em seguida, atingimos o javascript e é aí que as coisas na minha opinião, pelo menos, começam a ficar

26
00:01:34,890 --> 00:01:35,810
realmente interessantes e emocionantes.

27
00:01:35,820 --> 00:01:41,340
Começamos a falar sobre o nosso primeiro javascript de linguagem de programação real, então começamos com os conceitos

28
00:01:41,440 --> 00:01:47,040
básicos e há muito para conversar com o javascript para que você veja praticamente até aqui até o

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

30
00:01:47,460 --> 00:01:53,070
Tudo envolve javascript e para ser justo. Tudo envolve montagens H-2 também, mas javascript se

31
00:01:53,070 --> 00:01:54,260
torna o foco.

32
00:01:54,270 --> 00:01:59,130
É assim que começamos a fazer aplicativos Web robustos, não apenas sites simples.

33
00:01:59,140 --> 00:02:01,270
E expandirei essa diferença na próxima unidade.

34
00:02:01,470 --> 00:02:02,700
Mas vamos continuar em movimento.

35
00:02:03,030 --> 00:02:04,330
Então empregos para o básico.

36
00:02:04,350 --> 00:02:10,160
Então, falamos sobre algo chamado fluxo de controle, que é como adicionamos lógica básica em nossas aplicações com

37
00:02:10,170 --> 00:02:11,070
scripts de trabalho.

38
00:02:11,340 --> 00:02:16,560
E, em seguida, algo chamado funções javascript arrays e objetos para diferentes estruturas de dados.

39
00:02:16,920 --> 00:02:22,590
E então, seguimos para o meu tópico favorito, que é a emulação dominante, que é como nós realmente interagimos com

40
00:02:22,590 --> 00:02:25,290
cada equipe em torno de avaliar usando o javascript.

41
00:02:25,290 --> 00:02:29,790
Então, alguns de vocês que podem ser apenas um monte de palavras aleatórias que você nunca ouviu em sua vida ou que

42
00:02:29,790 --> 00:02:31,070
você realmente não pode ter sentido.

43
00:02:31,290 --> 00:02:33,800
Basicamente, é como começamos a fazer coisas excitantes.

44
00:02:33,840 --> 00:02:38,910
Quando eu clico em uma página, algo acontece, podemos começar a mudar cores animando coisas movendo

45
00:02:38,910 --> 00:02:39,930
coisas na tela.

46
00:02:39,930 --> 00:02:41,870
É muito visual e divertido.

47
00:02:42,000 --> 00:02:47,430
Então, temos outra unidade nos eventos Dom, que é uma outra manipulação tonta sobre a qual podemos nos concentrar.

48
00:02:47,700 --> 00:02:53,220
E então temos um projeto de jogo de cores que é um jogo substancial e bastante complexo que fazemos juntos.

49
00:02:53,520 --> 00:02:56,360
É uma unidade inteira que são oito ou nove vídeos criando esse jogo.

50
00:02:56,370 --> 00:02:58,610
Então é um projeto bastante legítimo.

51
00:02:58,770 --> 00:03:03,350
E, em seguida, passamos para uma biblioteca realmente popular chamada Jay Querrey e nos concentramos

52
00:03:03,360 --> 00:03:09,540
nessa introdução de três unidades para Jay Querrey consulta avançada de Jay e então nós construímos uma aparência muito boa,

53
00:03:09,540 --> 00:03:12,770
responsiva a fazer este projeto juntos, para que Sokoto também.

54
00:03:12,820 --> 00:03:15,970
É também uma unidade inteira de sete ou oito vídeos.

55
00:03:16,380 --> 00:03:22,410
grande switch para que tudo até este ponto, excluindo a unidade básica do primeiro curso, fala sobre o desenvolvimento da web

56
00:03:22,680 --> 00:03:28,140
da frente que falamos sobre o que isso significa e quais as diferenças frente e verso e pilha cheia.

57
00:03:28,140 --> 00:03:29,370
E então, temos um

58
00:03:29,370 --> 00:03:31,220
Tudo isso na próxima unidade.

59
00:03:31,650 --> 00:03:34,670
Mas eu vou apenas apontar que isso é todo front-end.

60
00:03:34,950 --> 00:03:37,420
Tudo está de volta.

61
00:03:37,890 --> 00:03:41,140
Então, aqui mesmo, há uma grande linha onde as coisas mudam.

62
00:03:41,250 --> 00:03:46,430
Então, voltamos e começamos por falar sobre os princípios básicos, assim como nós apareceu para a frente.

63
00:03:46,800 --> 00:03:50,370
Então, quais são as costas e quais são as coisas diferentes que estão envolvidas?

64
00:03:50,460 --> 00:03:55,290
como o back-end está configurado em alguns sites populares e depois falamos sobre a linha de comando.

65
00:03:55,290 --> 00:04:00,120
Nós falamos que nós tivemos alguns diagramas que desenhamos algumas coisas e mostro alguns exemplos de sites e

66
00:04:00,150 --> 00:04:02,670
Como você percorre a linha de comando ou o terminal.

67
00:04:02,670 --> 00:04:04,560
Quais são os diferentes comandos que você inseriu.

68
00:04:04,560 --> 00:04:07,640
Definitivamente, a coisa mais aparente que cobrimos.

69
00:04:07,740 --> 00:04:12,720
Se você já viu como uma cena estereotipada de hackers em um filme eles geralmente estão digitando coisas na

70
00:04:12,720 --> 00:04:13,520
linha de comando.

71
00:04:13,560 --> 00:04:17,030
Então, vamos falar sobre isso e usar isso para o resto do curso.

72
00:04:17,190 --> 00:04:20,640
Então, falamos sobre nenhum G-S e isso é uma introdução para não.

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

74
00:04:21,510 --> 00:04:26,970
E, em seguida, uma introdução para expressar qual é uma estrutura de nós que estaremos usando novamente e não, isso é

75
00:04:26,970 --> 00:04:31,710
apenas um monte de palavras, mas uma estrutura de nós estará usando para criar nossos aplicativos da Web.

76
00:04:31,890 --> 00:04:34,620
E continuamos com essas duas coisas para o resto do curso.

77
00:04:34,830 --> 00:04:40,020
Então, falamos sobre o intermedia expressar basicamente alguns tópicos mais avançados e, então, chegamos a

78
00:04:40,020 --> 00:04:40,590
algo diferente.

79
00:04:40,830 --> 00:04:47,110
o básico da UPCAT, você conhece a persistência de dados do acampamento, você conhece os comentários do acampamento, você tem acampamento adicionando arte e

80
00:04:47,120 --> 00:04:53,090
você conhece a limpeza do acampamento e você conhece o acampamento definitivamente começa a parecer estranho depois de repetir É o tempo suficiente.

81
00:04:53,330 --> 00:04:57,050
O acúmulo de acampamentos e você notará que existem algumas instâncias diferentes de Yotam,

82
00:04:57,230 --> 00:05:02,660
Mas o que é é uma aplicação complexa que criamos juntos e é uma que continuamos revisitando.

83
00:05:02,760 --> 00:05:08,810
Então, em vez de um dos pequenos projetos onde é realmente difícil chegar a algo substancial com apenas

84
00:05:08,810 --> 00:05:14,990
uma unidade ou apenas alguns vídeos, este é um grande projeto que revisamos continuamente e não nos preocupamos, temos

85
00:05:14,990 --> 00:05:16,730
muitos projetos menores e menores.

86
00:05:16,730 --> 00:05:22,070
Eu sou um forte crente que você deve começar por ver uma pequena instância de algo trabalhando fazendo um pequeno

87
00:05:22,070 --> 00:05:26,890
projeto e, em seguida, aplicá-lo a algo grande, de modo que você obtenha ambos os fins desse espectro.

88
00:05:26,960 --> 00:05:31,660
fazendo um projeto enorme, mas você também não está preso fazendo esses pequenos brinquedos para todo o seu curso.

89
00:05:31,730 --> 00:05:34,130
Você não é apenas jogado no final profundo imediatamente

90
00:05:34,160 --> 00:05:38,540
Eu quero que você tenha algo com o qual você possa se orgulhar e algo realmente realmente complexo

91
00:05:38,540 --> 00:05:39,680
até o final do curso.

92
00:05:39,740 --> 00:05:47,450
Então, o acampamento é um clipe para campground para acampamentos de acampamentos e atividades ao ar livre para que você possa criar acampamentos com

93
00:05:47,450 --> 00:05:52,070
fotos deixam comentários todos os tipos de coisas divertidas que fazem logon na autenticação.

94
00:05:52,070 --> 00:05:57,650
Falamos sobre autorização e toda vez que aprendemos um novo recurso, vamos adicionar UPCAT.

95
00:05:58,190 --> 00:06:00,020
Então, começamos lá, você conhece o básico do acampamento.

96
00:06:00,020 --> 00:06:04,170
Essa é a primeira vez que vemos o aplicativo e configuramos a estrutura muito básica.

97
00:06:04,370 --> 00:06:09,680
Então, falamos sobre bancos de dados e conversamos sobre o Mongo DB, que é o banco

98
00:06:09,680 --> 00:06:17,330
de dados específico que usaremos e fazemos um pequeno projeto lá e depois voltamos ao acampamento e adicionamos o Mangu DB para que

99
00:06:17,330 --> 00:06:23,120
agora possamos um banco de dados conectado ao Brokamp e então falamos sobre um tópico realmente importante chamado

100
00:06:23,120 --> 00:06:23,870
roteiro repousante.

101
00:06:23,900 --> 00:06:29,600
Esta é uma arquitetura é uma maneira de planejar nossos aplicativos um padrão que seguimos o chamado

102
00:06:29,960 --> 00:06:35,630
descanso e nós criamos um aplicativo de blog de aparência agradável usando rotas repousantes e uma

103
00:06:35,620 --> 00:06:42,470
nova estrutura de javascript CSSA chamada UI semântica que é semelhante ao bootstrap que aprendemos anteriormente no curso bem aqui.

104
00:06:43,000 --> 00:06:46,240
E a idéia é apenas para expor você a outra tecnologia.

105
00:06:46,250 --> 00:06:47,920
Outro quadro popular.

106
00:06:48,050 --> 00:06:52,280
Espero que você comece a ver algumas das semelhanças e desenhe algumas comparações lá.

107
00:06:52,430 --> 00:06:56,400
Em seguida, avançamos para uma das mais importantes associações de banco de dados do Unix.

108
00:06:56,420 --> 00:07:01,580
Então, como temos várias coisas em nosso banco de dados que estão conectadas como usuários e comentários

109
00:07:01,610 --> 00:07:07,370
ou postagens de blog e comentários e tags e votos e como eles estão inter-relacionados e conectados uns aos outros.

110
00:07:08,300 --> 00:07:11,620
E depois voltamos ao acampamento e adicionamos comentários.

111
00:07:11,660 --> 00:07:18,260
Então, vamos aprender sobre associações de banco de dados em um projeto menor e depois adicionamos na

112
00:07:18,250 --> 00:07:24,140
UPCAT, depois passamos para o login do usuário de autenticação, iniciando sessão e bloqueando tudo.

113
00:07:24,200 --> 00:07:25,650
Usando uma ferramenta chamada passaporte.

114
00:07:25,690 --> 00:07:28,700
Sim e adicionamos isso em nossa própria aplicação.

115
00:07:28,700 --> 00:07:34,220
Nós fazemos um aplicativo com log em um aplicativo menor e, em seguida, como antes de voltar para

116
00:07:34,370 --> 00:07:40,630
o seu acampamento e adicionamos autenticação para que você agora tenha que fazer logon e sair para usar o UPCAT

117
00:07:40,630 --> 00:07:42,390
ou, pelo menos, usar alguns recursos.

118
00:07:42,680 --> 00:07:47,480
E então, temos outra unidade do nosso acampamento, onde neste momento cobrimos tanto que precisamos voltar e

119
00:07:47,480 --> 00:07:53,690
limpar algumas coisas até o refator, o que basicamente significa mover algum código em torno de reescrever algum código, de modo que

120
00:07:53,840 --> 00:07:58,660
seja mais limpo e mais modular, então você Vou ver exatamente o que quero dizer naquela unidade.

121
00:07:58,750 --> 00:08:04,630
Mas é dedicado a reorganizar este aplicativo grande, porque naquele momento ficou muito grande e

122
00:08:04,630 --> 00:08:10,470
depois falamos de autorização, que é outro tópico importante que é basicamente permissões de usuários.

123
00:08:10,630 --> 00:08:13,530
Diferentes níveis de coisas que os usuários podem fazer.

124
00:08:13,580 --> 00:08:16,580
Então, a autenticação é apenas deixar as pessoas entrar.

125
00:08:16,700 --> 00:08:24,110
A autorização é garantir que, quando eu estiver logado, eu possamos excluir fotos que pertençam a mim ou editar comentários que criei, não posso

126
00:08:24,110 --> 00:08:29,690
ferrar com comentários de outra pessoa ou as postagens de outra pessoa, a menos que eu tenha permissão

127
00:08:29,690 --> 00:08:30,790
para fazer isso.

128
00:08:30,880 --> 00:08:32,180
Então, falamos sobre como isso funciona.

129
00:08:32,300 --> 00:08:33,970
E adicionamos ao nosso acampamento.

130
00:08:34,190 --> 00:08:37,700
Há definitivamente muitas coisas que cobrimos muitas tecnologias.

131
00:08:37,750 --> 00:08:42,740
Mas o ponto principal é que nós passamos por isso em uma ordem muito lógica e bem pensada.

132
00:08:42,760 --> 00:08:47,980
Eu ensinei todas essas tecnologias várias vezes para toneladas diferentes classes de alunos diferentes.

133
00:08:48,250 --> 00:08:53,330
É muito menos intimidante que possa parecer que você não precisa estar pensando adiante o tempo todo.

134
00:08:53,480 --> 00:08:58,690
Mas o que eu farei em vez de ir direto e simplesmente fazer uma unidade por vez.

135
00:08:58,850 --> 00:09:04,430
Nós temos certas palestras que são opcionais essas lições que estão olhando para a frente e olhando para trás.

136
00:09:04,580 --> 00:09:09,790
que cobrimos aqui, onde você está indo para que você possa começar a ter um mapa mental de onde estamos.

137
00:09:09,790 --> 00:09:14,160
Então, basicamente, em certos pontos do curso, vou demorar um momento para dizer que aqui é o

138
00:09:14,180 --> 00:09:19,430
Muitas vezes eu achei que os alunos se perdem às vezes e eles não têm uma ótima visão da imagem em sua cabeça

139
00:09:19,420 --> 00:09:20,200
de onde estão.

140
00:09:20,270 --> 00:09:23,440
Eles simplesmente colocam a cabeça para baixo e se concentram no que está imediatamente na frente deles.

141
00:09:23,720 --> 00:09:28,300
Então, isso é importante, mas também é importante surgir o ar de vez em quando e

142
00:09:28,310 --> 00:09:32,260
falar sobre onde chegamos e quanto mais devemos seguir e basicamente desenhar essa linha.

143
00:09:32,300 --> 00:09:32,640
ESTÁ BEM.

144
00:09:32,650 --> 00:09:36,550
Então, há um monte de material muito emocionante muito de projetos divertidos se chegarmos.

145
00:09:36,640 --> 00:09:40,430
Vamos continuar e começar a falar sobre uma introdução ao desenvolvimento da frente e da web