1
00:00:00,360 --> 00:00:02,460
OK, vamos voltar neste vídeo.

2
00:00:02,490 --> 00:00:06,370
Quero apresentar o projeto que vamos construir nos próximos vídeos.

3
00:00:06,660 --> 00:00:11,910
Então, vamos fazer AJ Querrey baseado para fazer um aplicativo, mas também vai ter um foco

4
00:00:12,030 --> 00:00:18,210
muito pesado na CSSA e marcar alguns efeitos de animação e, no geral, será uma aplicação bem polida.

5
00:00:18,630 --> 00:00:22,200
Então, vou dar uma demonstração rápida do que parece e como funciona.

6
00:00:22,200 --> 00:00:24,850
Então, aqui está nossa lista de tarefas.

7
00:00:24,930 --> 00:00:28,580
A primeira coisa que vou apontar é que é receptivo.

8
00:00:28,890 --> 00:00:35,490
Então podemos redimensioná-lo, mas fazer uma lista é para Harry Potter neste caso de preencher isso com alguns dados de amostra.

9
00:00:35,940 --> 00:00:42,650
E enquanto folho sobre coisas que você verá, eu recebo este pequeno botão de exclusão com o ícone do lixo.

10
00:00:43,080 --> 00:00:51,300
E se eu clicar sobre isso, ele irá excluir o fazer completamente ou se eu simplesmente clicar no texto, posso verificar

11
00:00:51,300 --> 00:00:53,230
se eu quero mantê-lo lá.

12
00:00:53,310 --> 00:00:57,810
Às vezes, você sabe ao fazer uma lista para fazer você cruzar as coisas, mas você

13
00:00:57,810 --> 00:01:01,790
pode querer voltar e desmarcá-las ou mantê-las lá para que você possa vê-las novamente.

14
00:01:01,890 --> 00:01:04,290
E algumas pessoas só querem excluir completamente as coisas.

15
00:01:04,410 --> 00:01:06,630
Eles não se importam em ver o que eles já fizeram.

16
00:01:06,630 --> 00:01:08,550
Então, você pode clicar no botão de exclusão.

17
00:01:08,700 --> 00:01:16,730
Digamos que eu matei o Voldemort clique nesse botão e desaparece e depois desaparece.

18
00:01:17,120 --> 00:01:19,610
E então eu também posso adicionar um novo para fazer.

19
00:01:19,740 --> 00:01:21,250
Então, vamos adicionar um aqui.

20
00:01:21,480 --> 00:01:29,400
Vá para a classe de Poções e tudo o que tenho a fazer é entrar em Enter e nós automaticamente obteremos um novo para fazer aqui.

21
00:01:29,760 --> 00:01:32,660
Posso verificar ou remover.

22
00:01:32,700 --> 00:01:38,330
Também é de notar o fato de que este botão aqui esconde o formulário.

23
00:01:38,400 --> 00:01:43,860
Se eu quiser apenas ver minha lista, posso clicar nisso ou posso clicar novamente novamente e ver o formulário e

24
00:01:43,860 --> 00:01:45,060
começar a adicionar ao deuce.

25
00:01:45,630 --> 00:01:47,840
Então, essa é uma prévia da funcionalidade.

26
00:01:47,850 --> 00:01:52,260
Agora eu quero conversar um pouco sobre os bastidores do que vamos falar e

27
00:01:52,260 --> 00:01:54,310
algumas das coisas novas que vamos aprender.

28
00:01:54,420 --> 00:01:59,700
Como mencionei anteriormente, esta é uma grande quantidade de consulta Jay e muitos nos

29
00:01:59,700 --> 00:02:06,300
são visíveis e, em particular, vamos falar sobre alguns dos métodos comuns que já aprendemos sobre como pressionar

30
00:02:06,410 --> 00:02:13,020
e ativar teclas para eventos desaparecer deslizar deslizar slide alternar todos os efeitos diferentes e, em seguida, selecionar

31
00:02:13,020 --> 00:02:15,390
também vão fazer muita seleção aqui.

32
00:02:15,390 --> 00:02:21,350
E, em seguida, wase SS. Teremos mais prática com a margem do modelo de caixa e preenchimento e borda.

33
00:02:21,390 --> 00:02:25,540
Falaremos mais sobre elementos flutuantes e teremos mais prática com fontes.

34
00:02:25,650 --> 00:02:31,440
E, além disso, há uma série de novos recursos novos métodos de novas propriedades para Jay

35
00:02:31,470 --> 00:02:36,690
queery e avaliar tanto que vou apresentar através deste vídeo e o primeiro aqui é

36
00:02:36,690 --> 00:02:40,540
que vamos usar uma estrutura de pastas melhor em esta aplicação.

37
00:02:40,560 --> 00:02:41,950
Nós vamos ter Jay queery.

38
00:02:41,970 --> 00:02:46,350
Nós vamos ter o nosso Cada equipe terá que ver avaliar, mas também teremos outra

39
00:02:46,350 --> 00:02:51,420
biblioteca chamada diversão incrível e precisamos de uma maneira melhor de manter as coisas organizadas, em vez de

40
00:02:51,420 --> 00:02:53,160
ter tudo em uma pasta juntos.

41
00:02:53,220 --> 00:02:58,010
Vamos ter alguns subdiretórios e dividir as coisas em diferentes seções.

42
00:02:58,500 --> 00:03:01,930
Até J. UMA. G. Vamos, vamos apresentar dois novos métodos.

43
00:03:02,100 --> 00:03:07,470
Um é chamado de emparelhamentos e outro é chamado de acrescentar junto com a caneta e também vamos falar

44
00:03:07,470 --> 00:03:11,460
sobre como criamos novos elementos e os adicionamos à página e ao último ponto.

45
00:03:11,460 --> 00:03:13,720
Aqui está algo chamado de delegação de eventos.

46
00:03:13,870 --> 00:03:20,070
Mas então, no que diz respeito à CSSA, vamos usar Fonte para obter alguns novos ícones em nosso aplicativo para que você possa ver

47
00:03:20,510 --> 00:03:25,020
que temos o trashcan aqui e o sinal de mais aqui que vem de uma biblioteca chamada

48
00:03:25,020 --> 00:03:25,310
diversão.

49
00:03:25,320 --> 00:03:26,220
Impressionante.

50
00:03:26,250 --> 00:03:32,400
Também falaremos sobre a sombra da caixa e outra propriedade chamada transição que vimos quando fizemos o jogo de

51
00:03:32,400 --> 00:03:33,220
adivinhação de cores.

52
00:03:33,300 --> 00:03:37,620
Nós vamos ver como usá-lo de uma maneira ligeiramente diferente e então também vamos ver os

53
00:03:37,620 --> 00:03:40,130
gradientes CSSA, que é como eu fiz esse cenário aqui.

54
00:03:40,320 --> 00:03:44,680
Então, na verdade, não é uma imagem que a CSSA está fazendo isso para mim.

55
00:03:44,760 --> 00:03:48,660
Tudo bem, então, há muitas coisas divertidas aqui, coisas com as quais vamos fazer

56
00:03:48,660 --> 00:03:50,290
mais práticas e algumas coisas novas.

57
00:03:50,290 --> 00:03:53,280
Nós também vamos lançar lá, então vamos começar no próximo vídeo.