1
00:00:00,000 --> 00:00:03,112
[MUSIC]

2
00:00:03,112 --> 00:00:06,571
Qu'est-ce que le développement web de pile complète ?

3
00:00:06,571 --> 00:00:13,028
Permettez-moi de vous préciser quelques termes afin que nous commencions par une compréhension commune

4
00:00:13,028 --> 00:00:18,781
du développement web de pile complète tel qu'appliqué dans cette spécialisation.

5
00:00:18,781 --> 00:00:22,640
Nous entendons souvent les gens parler de l'avant et de l'arrière.

6
00:00:22,640 --> 00:00:27,362
Le front end est l'endroit où nous distribuons le contenu à l'utilisateur,

7
00:00:27,362 --> 00:00:32,363
généralement dans un navigateur, où l'utilisateur accède à l'information.

8
00:00:32,363 --> 00:00:36,815
Et c'est là que nous utilisons des technologies comme HTML,

9
00:00:36,815 --> 00:00:41,822
CSS et Javascript pour rendre le contenu pour l'utilisateur.

10
00:00:41,822 --> 00:00:46,963
Cette diffusion d'informations est prise en charge dans les coulisses de

11
00:00:46,963 --> 00:00:52,615
par un support back-end, qui est généralement

12
00:00:52,615 --> 00:00:59,039
implémenté ces jours-ci en utilisant des technologies comme PHP Java,

13
00:00:59,039 --> 00:01:03,163
ASP.NET, Ruby, Python ou NodeJS.

14
00:01:03,163 --> 00:01:07,303
On entend souvent parler de l'architecture à trois niveaux pour le développement web

15
00:01:07,303 --> 00:01:08,451
.

16
00:01:08,451 --> 00:01:12,965
Dans cette approche, toute l'application web est organisée en trois couches

17
00:01:12,965 --> 00:01:14,320
différentes.

18
00:01:14,320 --> 00:01:16,073
La couche de présentation,

19
00:01:16,073 --> 00:01:20,462
qui vise à fournir l'information à l'utilisateur.

20
00:01:20,462 --> 00:01:25,053
Donc, ce sont généralement les préoccupations liées à l'interface utilisateur qui sont traitées à

21
00:01:25,053 --> 00:01:26,896
la couche de présentation.

22
00:01:26,896 --> 00:01:32,181
La couche logique métier, d'autre part, est plus préoccupée par les données,

23
00:01:32,181 --> 00:01:36,145
la validation des données, le traitement dynamique du contenu et

24
00:01:36,145 --> 00:01:39,582
générant le contenu à livrer à l'utilisateur.

25
00:01:39,582 --> 00:01:44,355
Ceci est sauvegardé dans les coulisses avec la couche de persistance des données ou

26
00:01:44,355 --> 00:01:46,012
la couche d'accès aux données.

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

28
00:01:52,392 --> 00:01:59,361
généralement sous la forme d'une base de données, et accédons à ces données via une API.

29
00:01:59,361 --> 00:02:04,070
En explorant cela plus loin, voyons ce qui est implémenté typiquement dans

30
00:02:04,070 --> 00:02:08,466
le développement web traditionnel dans chacune de ces trois couches.

31
00:02:08,466 --> 00:02:12,976
La couche logique métier est généralement implémentée

32
00:02:12,976 --> 00:02:17,816
ces jours-ci en utilisant des technologies comme Ruby, Python,

33
00:02:17,816 --> 00:02:21,120
PHP, Java, C++ ou ASP.Net.

34
00:02:21,120 --> 00:02:25,884
Cette couche logique métier interagit dans les coulisses,

35
00:02:25,884 --> 00:02:31,747
avec les données persistantes, généralement stockées dans la base de données relationnelle et

36
00:02:31,747 --> 00:02:34,780
accessible par la couche logique métier.

37
00:02:34,780 --> 00:02:39,752
La couche logique métier est également concernée par le rendu des informations

38
00:02:39,752 --> 00:02:44,510
sur la face frontale, généralement le rendu côté serveur formel ces jours-ci.

39
00:02:44,510 --> 00:02:49,061
Ainsi, le HTML, CSS et JavaScript sont générés côté serveur et

40
00:02:49,061 --> 00:02:52,972
puis envoyés au côté client sous la forme d'une page web.

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

42
00:02:58,863 --> 00:03:04,638
Donc, un spécialiste frontal serait généralement bien versé en HTML,

43
00:03:04,638 --> 00:03:06,471
CSS et JavaScript.

44
00:03:06,471 --> 00:03:11,151
Le spécialiste de la logique métier serait bien au fait de l'une des technologies

45
00:03:11,151 --> 00:03:16,373
utilisées pour mettre en œuvre la logique métier.

46
00:03:16,373 --> 00:03:21,031
Et puis vous avez besoin d'un spécialiste des données qui sera bien au fait de

47
00:03:21,031 --> 00:03:24,862
les relations des systèmes de gestion de bases de données.

48
00:03:24,862 --> 00:03:29,813
Il y a une tendance croissante à utiliser une seule langue

49
00:03:29,813 --> 00:03:34,482
pour implémenter toute la pile, c'est-à-dire JavaScript.

50
00:03:34,482 --> 00:03:37,721
Donc, vous pourriez avoir le front end implémenté, par exemple

51
00:03:37,721 --> 00:03:42,541
, en tant qu'application d'une seule page utilisant des frameworks comme Angular.

52
00:03:42,541 --> 00:03:47,224
Vous avez le côté serveur, ou la couche logique métier implémentée

53
00:03:47,224 --> 00:03:52,074
en utilisant des technologies comme NodeJS, qui dépend également de JavaScript.

54
00:03:52,074 --> 00:03:56,865
Et puis vous avez le stockage de données lui-même implémenté en utilisant des technologies

55
00:03:56,865 --> 00:04:02,453
comme MongoDB qui stocke des données sous la forme de documents JSON.

56
00:04:02,453 --> 00:04:08,122
Et l'échange d'informations entre le côté serveur et

57
00:04:08,122 --> 00:04:13,908
le côté client se fait généralement en utilisant JSON comme format et

58
00:04:13,908 --> 00:04:18,533
le côté serveur prend en charge un point de terminaison API de repos.

59
00:04:18,533 --> 00:04:24,433
Nous couvrirons toutes ces technologies dans le cadre de cette spécialisation.

60
00:04:24,433 --> 00:04:29,083
Alors que vous passez par la spécialisation, vous verrez que sur ce site de couche de présentation

61
00:04:29,083 --> 00:04:33,295
, nous couvrirons Bootstrap 4 et

62
00:04:33,295 --> 00:04:37,173
Angular pour implémenter des applications frontales.

63
00:04:37,173 --> 00:04:43,363
Ensuite, sur la couche logique métier, nous utiliserons les modules JS et JS,

64
00:04:43,363 --> 00:04:48,679
et Express pour implémenter la couche logique métier.

65
00:04:48,679 --> 00:04:53,026
Nous considérerons également le back-end comme un service, et

66
00:04:53,026 --> 00:04:57,712
puis le support de données implémenté en utilisant MongoDB.

67
00:04:57,712 --> 00:05:00,616
Comme vous passez par la spécialisation,

68
00:05:00,616 --> 00:05:05,544
les cours les plus vagues que vous rencontrerez dans la spécialisation

69
00:05:05,544 --> 00:05:11,002
Inclure le premier cours qui traite des frameworks d'interface utilisateur Web front-end.

70
00:05:11,002 --> 00:05:18,061
Nous allons couvrir Bootstrap 4 avec suffisamment de détails dans le tout premier cours.

71
00:05:18,061 --> 00:05:25,723
Nous rencontrerons également des outils de développement web basés sur l'écosystème NodeJS.

72
00:05:25,723 --> 00:05:31,782
Le deuxième cours traitera des Frameworks JavaScript front-end,

73
00:05:31,782 --> 00:05:35,281
en particulier Angular en détail.

74
00:05:35,281 --> 00:05:40,861
Dans le troisième cours, nous allons examiner le développement mobile hybride

75
00:05:40,861 --> 00:05:45,823
en utilisant des technologies comme Ionic Framework et Cordova.

76
00:05:45,823 --> 00:05:52,632
Nous considérerons également Nativescript comme une autre approche pour

77
00:05:52,632 --> 00:05:58,673
faire le développement mobile hybride dans le quatrième cours.

78
00:05:58,673 --> 00:06:03,514
Le dernier cours nous amène bien sûr au côté serveur,

79
00:06:03,514 --> 00:06:08,973
où nous allons examiner le développement côté serveur en utilisant NodeJS,

80
00:06:08,973 --> 00:06:14,638
NodeJS modules, Express, MongoDB, et Backend as a Service,

81
00:06:14,638 --> 00:06:18,354
en particulier en utilisant le framework de boucle arrière.

82
00:06:18,354 --> 00:06:22,953
Ceci complète le développement Web Full Stack et la spécialisation mobile hybride

83
00:06:22,953 --> 00:06:25,644
.

84
00:06:25,644 --> 00:06:28,959
[MUSIQUE]