1
00:00:00,390 --> 00:00:06,340
Olá e nós voltaremos a este vídeo que vamos começar com o front end do nosso programa.

2
00:00:06,390 --> 00:00:11,830
A primeira coisa a fazer é entrar na fonte e criar um novo diretório e chamá-lo de templates.

3
00:00:12,030 --> 00:00:17,970
Idealmente, deve ter esse nome como esse nome padrão em frascos, portanto, se você usar o nome do modelo para a

4
00:00:18,300 --> 00:00:20,500
equipe, não precisará alterar nada em seu aplicativo.

5
00:00:21,600 --> 00:00:29,350
Em seguida, entre novamente na pasta de origem e crie outro diretório chamado estático dentro

6
00:00:29,360 --> 00:00:30,940
dessa pasta estática.

7
00:00:30,950 --> 00:00:32,240
Crie mais diretórios.

8
00:00:32,270 --> 00:00:42,570
Um chamado C Ss um chamado J. S. e um chamado Ativos.

9
00:00:42,600 --> 00:00:49,650
OK, então se você já fez algum tipo de desenvolvimento web antes de saber que C Ss significa folhas de estilo

10
00:00:49,650 --> 00:00:50,350
em cascata.

11
00:00:50,650 --> 00:00:56,610
J. S. significa javascript e os recursos são simplesmente imagens e fontes e coisas do tipo.

12
00:00:56,940 --> 00:01:05,910
E que o nosso site pode ou não exigir que uma folha de estilo em cascata ou siestas seja simplesmente

13
00:01:06,000 --> 00:01:09,370
usada para dar ao seu site um estilo.

14
00:01:09,600 --> 00:01:15,670
Por exemplo, você pode alterar o tamanho das fontes ou a cor em toda a ordem do plano de fundo.

15
00:01:15,680 --> 00:01:22,380
Você pode colocar imagens em segundo plano ou adicionar bordas a coisas e coisas do tipo, de modo

16
00:01:22,380 --> 00:01:30,890
que todos os tipos de informações relacionadas ao estilo entrem em arquivos CSSA Javascript é uma linguagem de script do lado do cliente.

17
00:01:30,900 --> 00:01:36,660
Então, o que quero dizer com o lado do cliente é javascript não é executado onde o aplicativo é executado.

18
00:01:36,810 --> 00:01:43,800
Ele é executado no navegador do usuário, portanto, quando o usuário pressiona um botão, por exemplo, o javascript pode

19
00:01:44,010 --> 00:01:46,240
fazer algo como mostrar um alerta.

20
00:01:46,440 --> 00:01:53,740
Mostre uma pequena janela ou mude a cor de algo no site ou qualquer coisa realmente.

21
00:01:53,850 --> 00:02:00,940
Mas o principal recurso javascript é que ele é executado no navegador do usuário e não no seu servidor.

22
00:02:01,080 --> 00:02:06,450
E isso é interessante porque reduz a carga no seu servidor e seu servidor tem que

23
00:02:06,480 --> 00:02:12,300
fazer menos coisas porque o javascript está fazendo algumas delas mas também significa que você depende do

24
00:02:12,300 --> 00:02:19,650
usuário ter o javascript habilitado e também existem algumas restrições de segurança ao usar o javascript e vamos olhar para aqueles ao

25
00:02:19,650 --> 00:02:20,600
longo do curso.

26
00:02:21,490 --> 00:02:29,640
Funnily processa apenas imagens e telefones a pasta de modelos vai ser o seu arquivo DML de engate

27
00:02:29,790 --> 00:02:36,680
e HD Melis Hypertext Markup Language e essencialmente arquivo XML engatado descreve a estrutura de

28
00:02:36,680 --> 00:02:37,360
seus sites.

29
00:02:37,430 --> 00:02:42,640
Nós olhamos para o SML antes muito rapidamente, claro, e nós concordamos.

30
00:02:42,960 --> 00:02:49,390
Bem, eu concordei que o SML foi usado para definir a estrutura de alguns dados.

31
00:02:49,390 --> 00:02:54,470
Assim, por exemplo, poderíamos definir que tínhamos um conjunto de alunos e, em seguida, os nomes de cada um

32
00:02:55,680 --> 00:02:58,070
dos alunos, que a DML é realmente muito semelhante.

33
00:02:58,070 --> 00:03:02,410
Você pode definir o tipo de coisa que está no seu site.

34
00:03:02,430 --> 00:03:07,860
Por exemplo, algum texto ou algumas imagens ou alguns links coisas assim.

35
00:03:08,030 --> 00:03:15,690
Então ele define a maneira como seu site é estruturado. O CSSA define a maneira como ele é exibido.

36
00:03:16,770 --> 00:03:23,320
E javascript adiciona alguma interação com um usuário OK, então a primeira coisa a fazer

37
00:03:23,320 --> 00:03:30,420
é criar um novo modelo e entrar em um novo arquivo de ódio e chamá-lo de base.

38
00:03:30,570 --> 00:03:38,350
Baseado no arquivo DML, na verdade, será essencialmente discrepante o layout da página.

39
00:03:38,350 --> 00:03:42,970
Todas as nossas outras páginas vão viver dentro disso com base apenas no valor pago.

40
00:03:43,000 --> 00:03:51,640
Então, o que vamos fazer com o próximo vídeo é a multa do cabeçalho do título da sua página e do rodapé

41
00:03:51,650 --> 00:03:56,530
e depois vamos ver onde estão as outras páginas que vão viver.

42
00:03:56,570 --> 00:04:00,030
Dentro dessa música, isso pode soar um pouco confuso.

43
00:04:00,180 --> 00:04:04,650
Mas não se preocupe, na verdade é muito simples e vamos entrar nisso no próximo vídeo, então eu vou

44
00:04:04,650 --> 00:04:05,240
ver você lá.