1
00:00:00,360 --> 00:00:04,500
Bonjour à tous, cette vidéo n'est pas une vraie leçon.

2
00:00:04,500 --> 00:00:06,330
C'est plus une note secondaire.

3
00:00:06,540 --> 00:00:13,400
Donc, dans notre prochaine leçon, je vais vous montrer comment trouver un programme d'édition de texte sur votre ordinateur.

4
00:00:13,710 --> 00:00:21,600
Mais avant d'en arriver là, je veux vous montrer un moyen encore plus simple de commencer à écrire chaque

5
00:00:21,600 --> 00:00:22,550
code TNL.

6
00:00:22,620 --> 00:00:30,520
Il existe un site Web gratuit nommé Code pen à partir de ce moment, le domaine est le code pen dot.

7
00:00:30,540 --> 00:00:31,640
Je sais.

8
00:00:31,770 --> 00:00:35,980
Ou vous pouvez simplement effectuer une recherche Google pour le stylo code.

9
00:00:36,030 --> 00:00:37,940
Ce devrait être le premier résultat.

10
00:00:38,160 --> 00:00:43,410
Et sur ce site Web de stylo à code, vous n'avez même pas besoin de créer un compte.

11
00:00:43,470 --> 00:00:49,650
Vous pouvez, si vous le souhaitez, offrir un compte gratuit et de cette façon, il se souviendra de vos projets que je

12
00:00:49,650 --> 00:00:54,380
vous encourage fortement à faire, mais vous n'avez pas besoin de vous inscrire à un compte.

13
00:00:54,450 --> 00:00:59,730
Donc, même si vous n'êtes pas connecté ou inscrit, vous pouvez simplement venir sur ce site Web et dans le

14
00:00:59,730 --> 00:01:00,750
coin supérieur droit.

15
00:01:00,750 --> 00:01:06,650
Cliquez sur ce bouton de création, puis choisissez un nouveau panoramique.

16
00:01:07,120 --> 00:01:12,820
Et il s'agit essentiellement d'un programme d'édition de texte directement dans votre navigateur Web.

17
00:01:13,210 --> 00:01:20,030
Et dans cette zone nommée chaque TNL si je clique dans cette zone, je peux commencer à taper.

18
00:01:20,230 --> 00:01:26,600
Ainsi, par exemple, je veux peut-être créer une rubrique importante H-1.

19
00:01:26,860 --> 00:01:36,460
Il s'agit d'un titre qui ferme le H1 et nous pouvons voir que dès que je commence à taper en temps réel, nous voyons un aperçu

20
00:01:36,460 --> 00:01:40,750
de ce à quoi cela ressemblera dans un navigateur Web ici.

21
00:01:41,050 --> 00:01:50,440
Et si je tape un peu plus sur une nouvelle ligne si j'ajoute un paragraphe c'est un paragraphe que vous pouvez voir en temps réel

22
00:01:50,440 --> 00:01:52,870
notre aperçu est mis à jour.

23
00:01:53,200 --> 00:01:56,800
Et c'est parfait pour un environnement éducatif.

24
00:01:56,980 --> 00:02:04,120
Donc, bien que vous n'utilisiez pas le stylet code pour développer des sites Web complexes dans le monde réel pendant que vous

25
00:02:04,150 --> 00:02:08,870
apprenez et expérimentez la pratique du stylet code, c'est un rêve devenu réalité.

26
00:02:09,070 --> 00:02:15,700
Considérez-le comme un parc ou une aire de jeux où vous pouvez immédiatement voir les résultats de vos expériences

27
00:02:16,180 --> 00:02:22,960
et vous pouvez voir ici qu'il existe un autre domaine nommé CSX et c'est l'autre langue que nous apprendrons

28
00:02:22,960 --> 00:02:26,430
au cours de la deuxième moitié de ce cours.

29
00:02:26,470 --> 00:02:28,890
Donc, le code Penn vous couvre également.

30
00:02:29,170 --> 00:02:36,610
De plus, pour la plupart des leçons de ce cours, j'ai mis en place des démonstrations de stylo code ou suivez des liens que vous

31
00:02:36,610 --> 00:02:37,530
pouvez utiliser.

32
00:02:37,720 --> 00:02:39,130
Permettez-moi de vous montrer ce que je veux dire.

33
00:02:39,130 --> 00:02:46,360
Revenez donc en moi, que vous regardiez le contenu du cours ou que vous regardiez

34
00:02:46,360 --> 00:02:48,710
réellement une leçon vidéo.

35
00:02:48,760 --> 00:02:55,590
Ainsi, par exemple, si je saute un peu, je ne veux pas que vous sautiez réellement.

36
00:02:55,590 --> 00:03:01,050
Je vous montre simplement ce à quoi vous pouvez vous attendre dans le cours, mais vous pouvez voir que pour

37
00:03:01,050 --> 00:03:04,140
de nombreuses leçons du cours, il existe des ressources associées.

38
00:03:04,440 --> 00:03:12,210
Et pour la majorité des leçons, j'ai mis en place des démonstrations de stylo code et suivi un long lien de stylo code, je

39
00:03:12,210 --> 00:03:19,080
l'ai configuré de sorte que la démo soit un exemple du produit fini et que le lien suivant soit le

40
00:03:19,080 --> 00:03:21,180
code à ses débuts. la leçon.

41
00:03:21,240 --> 00:03:25,640
Donc, il est très facile de me suivre pas à pas.

42
00:03:25,650 --> 00:03:34,880
Ainsi, par exemple, si je clique sur le code à suivre, je ne suis qu'à un clic d'un terrain de jeu interactif où je

43
00:03:35,270 --> 00:03:39,970
peux suivre les leçons vidéo de ce cours étape par étape.

44
00:03:39,980 --> 00:03:45,400
Ainsi, par exemple, dans ce lien de suivi, vous pouvez voir que le site Web semble très simple et clair.

45
00:03:45,710 --> 00:03:50,280
Mais si je reviens vers moi et clique sur la démo du stylo code Layng.

46
00:03:51,050 --> 00:03:56,420
Eh bien, vous n'êtes qu'à un clic du type de produit fini pour cette leçon particulière.

47
00:03:56,480 --> 00:04:01,220
Et l'idée est que vous n'allez rien gâcher en changeant le code.

48
00:04:01,220 --> 00:04:07,580
En fait, je veux que vous expérimentiez et soyez un scientifique fou et que vous essayiez presque de casser les choses exprès.

49
00:04:07,580 --> 00:04:09,040
C'est la meilleure façon d'apprendre.

50
00:04:09,050 --> 00:04:15,200
Ainsi, par exemple, je ne m'attends pas à ce que vous compreniez tout ce code que vous regardez en ce moment.

51
00:04:15,380 --> 00:04:20,150
N'oubliez pas que j'ai sauté dans le cours juste pour vous donner un exemple de ces démos de stylo code.

52
00:04:20,150 --> 00:04:27,680
Mais l'idée est que, dans l'aperçu, nous pouvons voir le titre de ce site Web et le slogan du site Web

53
00:04:27,680 --> 00:04:28,460
inclus ici.

54
00:04:28,460 --> 00:04:34,970
Et même si nous ne comprenons pas la majorité de ce code, nous pouvons voir le titre du site Web et

55
00:04:34,960 --> 00:04:37,320
le slogan des sites Web inclus ici.

56
00:04:37,490 --> 00:04:39,090
Vous êtes donc libre de personnaliser cela.

57
00:04:39,110 --> 00:04:46,790
Vous pourriez dire mon site Web incroyable et vous pouvez voir la mise à jour de l'aperçu en temps réel.

58
00:04:47,060 --> 00:04:54,710
Et vous pouvez changer cela pour dire que mon slogan qui change la vie va ici.

59
00:04:54,710 --> 00:04:55,010
Cool.

60
00:04:55,010 --> 00:04:57,210
Et nous voyons cela mis à jour à la volée.

61
00:04:57,440 --> 00:05:02,990
L'idée est donc que pendant que vous progressez dans le cours, gardez les yeux ouverts pour ces

62
00:05:03,010 --> 00:05:06,110
démo et stylo code et suivez les liens.

63
00:05:06,320 --> 00:05:13,380
Je les ai configurés pour la grande majorité des leçons du cours non seulement vous pouvez les trouver si vous

64
00:05:13,380 --> 00:05:21,010
faites défiler le plan du cours, mais même si vous regardez une vidéo, vous pouvez cliquer sur cette icône en haut à

65
00:05:21,010 --> 00:05:25,610
gauche de la vidéo actuelle que vous regardez sera mis en évidence.

66
00:05:25,610 --> 00:05:29,010
Et ici, vous pouvez voir les ressources associées.

67
00:05:29,060 --> 00:05:29,450
Cool.

68
00:05:29,450 --> 00:05:35,610
Ainsi, vous êtes toujours à un seul clic d'une démonstration interactive et vous pouvez suivre.

69
00:05:35,840 --> 00:05:41,280
Maintenant, je tiens à souligner que vous n'avez pas besoin d'utiliser un stylo code si vous ne le souhaitez pas.

70
00:05:41,450 --> 00:05:48,710
Et dans la toute prochaine leçon, je vais vous montrer comment trouver un véritable programme d'édition de texte sur votre ordinateur afin

71
00:05:49,190 --> 00:05:55,260
de pouvoir créer des fichiers de page de messagerie HTL comme je l'ai fait dans la leçon précédente.

72
00:05:55,460 --> 00:06:02,460
Donc, que vous utilisiez le stylo code un véritable programme d'édition de texte ou les deux, ce choix vous appartient.

73
00:06:02,690 --> 00:06:07,860
Mais en ce moment, je vais vous dire une chose à propos du stylo code pour vous éviter la frustration.

74
00:06:07,860 --> 00:06:12,300
Le stylet code ne vous permet pas d'accéder aux fichiers de votre ordinateur.

75
00:06:12,470 --> 00:06:19,040
Donc, dans les leçons où je vous montre comment ajouter des photographies ou des images à vos pages Web à partir

76
00:06:19,040 --> 00:06:25,490
de photos du disque dur de votre ordinateur, vous voudrez utiliser un véritable programme d'édition de texte sur votre ordinateur

77
00:06:25,490 --> 00:06:26,820
pour ces leçons.

78
00:06:27,050 --> 00:06:33,050
OK, la peinture de code est un outil d'apprentissage incroyable, mais à la fin de la journée, vous voudrez

79
00:06:33,050 --> 00:06:35,930
toujours un programme d'édition de texte sur votre ordinateur.

80
00:06:36,140 --> 00:06:39,030
Et c'est exactement ce avec quoi je vais vous montrer comment travailler.

81
00:06:39,090 --> 00:06:43,970
Et notre toute prochaine leçon alors continuons de rouler et je vous verrai alors.