1
00:00:02,230 --> 00:00:06,260
Qu'est-ce que Full Stack Web Development ?

2
00:00:06,260 --> 00:00:09,240
Permettez-moi de vous clarifier quelques termes Donc,

3
00:00:09,240 --> 00:00:11,915
que nous avons commencé une compréhension commune du

4
00:00:11,915 --> 00:00:17,895
développement web de pile complète comme appliqué dans cette session spéciale.

5
00:00:17,895 --> 00:00:22,360
Nous entendons souvent des gens parler de l'extrémité et de l'arrière des frondes.

6
00:00:22,360 --> 00:00:28,095
La fin frond est l'endroit où nous fournissons le contenu à l'utilisateur, généralement,

7
00:00:28,095 --> 00:00:32,135
dans un navigateur où ils utilisent accès à l'information,

8
00:00:32,135 --> 00:00:36,800
et c'est là que nous utilisons des technologies comme HTML,

9
00:00:36,800 --> 00:00:41,435
CSS et JavaScript pour rendre le contenu pour à l'utilisateur.

10
00:00:41,435 --> 00:00:48,275
Cette diffusion d'informations est supportée dans les coulisses par

11
00:00:48,275 --> 00:00:56,825
un support back-end qui est généralement implémenté ces jours-ci en utilisant des technologies comme PHP

12
00:00:56,825 --> 00:01:02,670
, Java, ASP.NET, Ruby, Python ou NodeJS.

13
00:01:02,670 --> 00:01:08,279
Nous entendons souvent parler de l'architecture à trois niveaux pour le développement Web.

14
00:01:08,279 --> 00:01:14,235
Dans cette approche, l'ensemble de l'application Web est organisé en trois couches différentes.

15
00:01:14,235 --> 00:01:20,500
La couche de présentation, qui est concernée par la remise à l'utilisateur,

16
00:01:20,500 --> 00:01:21,545
Donc, ce sont généralement

17
00:01:21,545 --> 00:01:26,710
les préoccupations liées à l'interface utilisateur qui sont traitées à la couche de présentation.

18
00:01:26,710 --> 00:01:29,070
Le Business Logic Layer, en revanche,

19
00:01:29,070 --> 00:01:32,670
se préoccupe davantage des données, de la validation des données,

20
00:01:32,670 --> 00:01:34,570
du traitement dynamique du contenu

21
00:01:34,570 --> 00:01:39,260
et de la génération du contenu à livrer à l'utilisateur.

22
00:01:39,260 --> 00:01:42,500
Cette opération est sauvegardée dans les coulisses

23
00:01:42,500 --> 00:01:46,030
avec la couche de persistance des données ou la couche d'accès aux données.

24
00:01:46,030 --> 00:01:52,000
Donc, cela concerne la façon dont nous stockons et interagissons avec les données,

25
00:01:52,000 --> 00:01:58,650
généralement, sous la forme d'une base de données et accédons à ces données via une API. En

26
00:01:58,650 --> 00:02:02,950
explorant cela plus loin, voyons ce qui est

27
00:02:02,950 --> 00:02:08,255
généralement mis en œuvre dans le développement Web traditionnel dans chacune de ces trois couches.

28
00:02:08,255 --> 00:02:13,490
La couche Business Logic est généralement implémentée ces jours-ci en utilisant des technologies comme Ruby,

29
00:02:13,490 --> 00:02:19,220
Python, PHP, JAVA, C++ ou ASP.NET.

30
00:02:19,220 --> 00:02:25,430
Cette couche Business Logic interagit dans les coulisses avec

31
00:02:25,430 --> 00:02:28,260
les données persistantes généralement stockées dans

32
00:02:28,260 --> 00:02:34,395
une base de données relationnelle et accessibles par la couche Business Logic.

33
00:02:34,395 --> 00:02:37,360
La couche Business Logic est également concernée

34
00:02:37,360 --> 00:02:40,970
par le rendu des informations sur la face avant

35
00:02:40,970 --> 00:02:44,285
, généralement sous la forme d'un rendu côté serveur ces jours-ci.

36
00:02:44,285 --> 00:02:47,480
Ainsi, le HTML, CSS et JavaScript est généré sur

37
00:02:47,480 --> 00:02:52,460
le côté serveur, puis envoyé sur le côté client sous la forme d'une page Web.

38
00:02:52,460 --> 00:02:58,925
Dans cette approche, nous avons besoin de spécialistes dans chacune de ces trois couches.

39
00:02:58,925 --> 00:03:01,010
Ainsi, les spécialistes des extrémités de frond, typiquement,

40
00:03:01,010 --> 00:03:06,390
seraient bien versés en HTML, CSS et JavaScript.

41
00:03:06,390 --> 00:03:10,280
Le spécialiste de la logique métier

42
00:03:10,280 --> 00:03:14,390
connaît bien l'une des technologies utilisées

43
00:03:14,390 --> 00:03:17,310
pour la mise en œuvre de la logique métier, puis vous avez besoin

44
00:03:17,310 --> 00:03:24,120
d'un spécialiste des données qui connaît bien le système de gestion de base de données relationnelle.

45
00:03:24,120 --> 00:03:27,810
Il y a une tendance croissante à l'utilisation

46
00:03:27,810 --> 00:03:32,225
d'un seul langage pour implémenter la pile entière,

47
00:03:32,225 --> 00:03:37,530
ceci étant JavaScript afin que vous puissiez avoir la fin frond implémentée,

48
00:03:37,530 --> 00:03:43,800
par exemple, en tant qu'application d'une seule page utilisant des frameworks comme Angular ou React.

49
00:03:43,800 --> 00:03:46,450
Vous avez le côté serveur ou

50
00:03:46,450 --> 00:03:51,080
la couche Business Logic en cours d'implémentation en utilisant des technologies telles que NodeJS,

51
00:03:51,080 --> 00:03:56,165
qui dépend également de et JavaScript, puis vous avez le stockage de données, lui-même,

52
00:03:56,165 --> 00:03:59,525
en cours d'implémentation en utilisant des technologies comme MongoDB,

53
00:03:59,525 --> 00:04:03,605
qui stocke des données sous la forme de documents JSON.

54
00:04:03,605 --> 00:04:10,640
Et l'échange d'informations entre le côté serveur et le côté client

55
00:04:10,640 --> 00:04:19,690
se fait généralement en utilisant JSON comme format et le côté serveur prend en charge un point de terminaison API REST.

56
00:04:19,690 --> 00:04:24,990
Nous couvrirons ces technologies dans le cadre de cette spécialisation.

57
00:04:24,990 --> 00:04:27,875
Ainsi, au fur et à mesure de la spécialisation,

58
00:04:27,875 --> 00:04:31,370
vous verrez que du côté de la couche de présentation,

59
00:04:31,370 --> 00:04:35,510
nous couvrirons Bootstrap quatre et Angular ou

60
00:04:35,510 --> 00:04:40,420
React pour implémenter des applications de fin de fronde tandis que sur

61
00:04:40,420 --> 00:04:45,115
la couche Business Logic, nous utiliserons des modules NodeJS et NodeJS

62
00:04:45,115 --> 00:04:51,100
et exprimerons pour implémentation de la couche logique métier.

63
00:04:51,100 --> 00:04:54,720
Nous allons également considérer backend comme un service

64
00:04:54,720 --> 00:04:59,400
, puis le support des données implémenté en utilisant MongoDB.