1
00:00:01,090 --> 00:00:03,220
‫Jonas: Repasemos ahora muy rápidamente

2
00:00:03,220 --> 00:00:06,120
‫los fundamentos absolutos de Git, y esto

3
00:00:06,120 --> 00:00:10,140
‫de ninguna manera es una descripción general completa de Git.

4
00:00:10,140 --> 00:00:12,410
‫Todo lo que quiero hacer

5
00:00:12,410 --> 00:00:14,730
‫aquí es comenzar con Git lo más

6
00:00:14,730 --> 00:00:18,297
‫rápido posible para que luego podamos implementar nuestro proyecto en Heroku.

7
00:00:19,760 --> 00:00:21,790
‫Y como mencioné en el último

8
00:00:21,790 --> 00:00:25,460
‫video, comenzaré a usar Git en la línea de comando ahora, ¿de acuerdo?

9
00:00:25,460 --> 00:00:27,100
‫Y de hecho estoy usando

10
00:00:27,100 --> 00:00:29,290
‫el terminal aquí mismo en VS Code nuevamente.

11
00:00:29,290 --> 00:00:33,320
‫Así que abandonemos el proceso actual aquí, ¿de acuerdo?

12
00:00:33,320 --> 00:00:35,770
‫Y ahora aquí en nuestra carpeta

13
00:00:35,770 --> 00:00:37,950
‫de proyecto local, cree

14
00:00:37,950 --> 00:00:42,750
‫un nuevo repositorio, y lo hacemos escribiendo git init, ¿de acuerdo?

15
00:00:42,750 --> 00:00:45,640
‫Presiona Enter y eso es todo.

16
00:00:45,640 --> 00:00:48,650
‫Así que simplemente inicializamos un repositorio Git vacío,

17
00:00:48,650 --> 00:00:50,990
‫o también podemos llamarlo simplemente repositorio.

18
00:00:50,990 --> 00:00:53,290
‫Entonces eso es un poco más fácil de decir.

19
00:00:53,290 --> 00:00:56,470
‫Entonces, nuevamente, para crear un nuevo repositorio, o

20
00:00:56,470 --> 00:00:58,530
‫repositorio, para su proyecto,

21
00:00:58,530 --> 00:01:01,080
‫debe navegar a esa carpeta del

22
00:01:01,080 --> 00:01:04,790
‫proyecto, que aquí en VS Code ocurre de manera automática.

23
00:01:04,790 --> 00:01:07,837
‫Así que automáticamente estamos aquí en

24
00:01:07,837 --> 00:01:10,970
‫la carpeta de Inicio y luego allí escribes

25
00:01:10,970 --> 00:01:14,350
‫git init, y entonces se activa este nuevo repositorio.

26
00:01:14,350 --> 00:01:16,170
‫Y aquí en mi línea de

27
00:01:16,170 --> 00:01:19,480
‫comando, puedes ver esta parte amarilla ahora aquí del indicador,

28
00:01:19,480 --> 00:01:22,330
‫y probablemente en tu terminal no la tendrás, y

29
00:01:22,330 --> 00:01:23,670
‫realmente no importa.

30
00:01:23,670 --> 00:01:26,290
‫Entonces, todo lo que eso significa aquí

31
00:01:26,290 --> 00:01:31,100
‫es que ahora mismo tenemos un repositorio con una rama llamada master, ¿de acuerdo?

32
00:01:31,100 --> 00:01:34,950
‫Y un poco más sobre la rama maestra más adelante.

33
00:01:34,950 --> 00:01:37,600
‫De todos modos, antes de hacer cualquier

34
00:01:37,600 --> 00:01:40,770
‫otra cosa, creemos un archivo especial llamado gitignore, y

35
00:01:40,770 --> 00:01:42,863
‫allí agregaremos todos los

36
00:01:42,863 --> 00:01:45,703
‫archivos que no queremos tener en nuestro repositorio.

37
00:01:47,630 --> 00:01:50,080
‫Así que es una especie de

38
00:01:50,080 --> 00:01:53,423
‫archivo de configuración como esta configuración más bonita o eslint.

39
00:01:54,420 --> 00:01:58,883
‫Entonces puedo crear uno nuevo aquí.

40
00:02:00,990 --> 00:02:01,910
‫La salida aquí.

41
00:02:01,910 --> 00:02:04,617
‫Tan . gitignore, así, ¿de acuerdo?

42
00:02:09,370 --> 00:02:11,220
‫Y VS Code, de

43
00:02:11,220 --> 00:02:13,110
‫hecho, una vez más, ya reconoció

44
00:02:13,110 --> 00:02:15,700
‫este archivo y le agregó este bonito símbolo.

45
00:02:15,700 --> 00:02:17,630
‫Y la primera carpeta

46
00:02:17,630 --> 00:02:20,633
‫que realmente queremos ignorar por completo es la

47
00:02:21,870 --> 00:02:24,733
‫carpeta node_modules, así que escribimos node_modules, ¿de acuerdo?

48
00:02:27,720 --> 00:02:30,040
‫Dale un segundo y luego

49
00:02:30,040 --> 00:02:32,690
‫también querrás ignorar el archivo de configuración.

50
00:02:32,690 --> 00:02:34,970
‫Entonces, todos los archivos de variables de entorno.

51
00:02:34,970 --> 00:02:39,970
‫Y entonces podemos decir todos los. env archivos, ¿de acuerdo?

52
00:02:40,260 --> 00:02:43,130
‫Entonces, la carpeta node_modules, realmente no

53
00:02:43,130 --> 00:02:46,980
‫la queremos en nuestro repositorio porque simplemente no es necesaria.

54
00:02:46,980 --> 00:02:49,840
‫Entonces, por ejemplo, si vamos a cargar

55
00:02:49,840 --> 00:02:54,050
‫nuestro repositorio en GitHub, entonces no queremos cargar todas estas decenas

56
00:02:54,050 --> 00:02:57,030
‫de miles de archivos porque una vez que

57
00:02:57,030 --> 00:02:59,120
‫descarguemos el proyecto de

58
00:02:59,120 --> 00:03:02,060
‫GitHub en otro lugar, podemos obtener fácilmente

59
00:03:02,060 --> 00:03:05,770
‫la carpeta node_modules de nuevo escribiendo npm install, ¿verdad?

60
00:03:05,770 --> 00:03:09,630
‫Y tenga en cuenta que Git también se trata de compartir,

61
00:03:09,630 --> 00:03:13,610
‫no solo de guardar su código con instantáneas a lo largo del

62
00:03:13,610 --> 00:03:17,240
‫tiempo, sino que también se trata de toda esta colaboración.

63
00:03:17,240 --> 00:03:19,670
‫Ahora, aquí en VS Code en este

64
00:03:19,670 --> 00:03:22,250
‫lado izquierdo, en realidad tenemos esta integración con Git.

65
00:03:22,250 --> 00:03:24,520
‫Entonces, si hace clic aquí,

66
00:03:24,520 --> 00:03:27,720
‫verá todos los archivos que están marcados como modificados.

67
00:03:27,720 --> 00:03:29,810
‫Bueno, en este momento no

68
00:03:29,810 --> 00:03:34,030
‫vemos ninguno aquí, así que recarguemos, pero todavía no aparecen aquí, y

69
00:03:34,030 --> 00:03:36,250
‫creo que eso se debe a

70
00:03:36,250 --> 00:03:38,840
‫que inicialmente teníamos demasiados archivos en node_modules, por

71
00:03:38,840 --> 00:03:42,540
‫lo que ahora VS Code está un poco confuso con ese.

72
00:03:42,540 --> 00:03:43,910
‫Revisemos nuestros problemas.

73
00:03:43,910 --> 00:03:47,160
‫No, no tiene nada que ver con eso, ¿de acuerdo?

74
00:03:49,680 --> 00:03:52,423
‫Pero, de todos modos, eso realmente no importa, ¿de acuerdo?

75
00:03:53,300 --> 00:03:55,940
‫Lo que importa es que ahora también

76
00:03:55,940 --> 00:03:59,033
‫podemos ver todos estos archivos modificados escribiendo git status.

77
00:04:01,170 --> 00:04:03,010
‫Así, ¿de acuerdo?

78
00:04:03,010 --> 00:04:06,550
‫Y aquí están ahora todos los archivos y carpetas que

79
00:04:06,550 --> 00:04:10,063
‫básicamente aún no están comprometidos con nuestro repositorio.

80
00:04:11,220 --> 00:04:14,320
‫Entonces, Git tiene que ver con la confirmación, por lo que

81
00:04:14,320 --> 00:04:17,310
‫ahora aprendamos cómo podemos enviar archivos al repositorio, y eso es

82
00:04:17,310 --> 00:04:19,590
‫una especie de proceso de dos pasos.

83
00:04:19,590 --> 00:04:23,550
‫Primero tenemos que agregar los archivos a un área de prueba, y

84
00:04:23,550 --> 00:04:26,030
‫solo después de que estén en esta

85
00:04:26,030 --> 00:04:27,700
‫área, podemos enviar todos

86
00:04:27,700 --> 00:04:31,380
‫los archivos que están allí para una nueva confirmación, ¿de acuerdo?

87
00:04:31,380 --> 00:04:32,533
‫Así que hagámoslo.

88
00:04:33,800 --> 00:04:38,680
‫Entonces, git add, y luego, si quiero

89
00:04:38,680 --> 00:04:43,680
‫agregar todos los archivos, simplemente puedo escribir -A, ¿verdad?

90
00:04:43,910 --> 00:04:45,880
‫Eso está tomando un

91
00:04:45,880 --> 00:04:47,890
‫poco de tiempo ahora porque hay

92
00:04:47,890 --> 00:04:50,363
‫muchos archivos, y ahora si escribo git

93
00:04:51,360 --> 00:04:54,543
‫status nuevamente, veamos, ahora todos son en realidad verdes.

94
00:04:55,980 --> 00:04:59,050
‫Entonces, aquí puede ver todas las toneladas de estos

95
00:05:01,050 --> 00:05:04,610
‫archivos que ahora se agregarán a nuestro git commit, ¿de acuerdo?

96
00:05:04,610 --> 00:05:07,600
‫Ahora, en realidad, no quiero estos archivos en caché

97
00:05:07,600 --> 00:05:09,150
‫en esta carpeta de

98
00:05:09,150 --> 00:05:11,513
‫caché, así que eliminemos rápidamente esta carpeta.

99
00:05:14,330 --> 00:05:18,623
‫Bien, espero que ahora también se hayan ido de esto.

100
00:05:19,580 --> 00:05:22,850
‫Así que esperemos que también se hayan ido de aquí ahora.

101
00:05:22,850 --> 00:05:25,340
‫Y elimine, ahora se eliminan, por lo que ya

102
00:05:25,340 --> 00:05:26,713
‫no están aquí, pero

103
00:05:27,700 --> 00:05:30,143
‫veamos si todos los demás todavía están aquí.

104
00:05:31,300 --> 00:05:34,790
‫Bien, entonces verá que estos no están preparados para su

105
00:05:34,790 --> 00:05:36,350
‫confirmación, pero todos

106
00:05:36,350 --> 00:05:39,570
‫estos otros archivos, ahora se confirmarán en el repositorio.

107
00:05:39,570 --> 00:05:42,010
‫Ahora probablemente le suene un poco confuso por

108
00:05:42,010 --> 00:05:45,210
‫qué primero tenemos que agregar estos archivos al área de preparación,

109
00:05:45,210 --> 00:05:47,480
‫y solo entonces se pueden confirmar.

110
00:05:47,480 --> 00:05:50,310
‫Y la razón rápida de esto es que

111
00:05:50,310 --> 00:05:53,860
‫es posible que desee agregar diferentes archivos para diferentes confirmaciones, ¿de acuerdo?

112
00:05:53,860 --> 00:05:56,470
‫Así que imagina que cambias 10 archivos pero

113
00:05:56,470 --> 00:05:59,200
‫solo quieres comprometer cinco de ellos en una determinada confirmación.

114
00:05:59,200 --> 00:06:01,670
‫Y así, con la puesta en escena, puedes hacer eso.

115
00:06:01,670 --> 00:06:05,070
‫Pero solo queremos que sea muy simple aquí, por lo que simplemente

116
00:06:05,070 --> 00:06:06,830
‫agregamos todos los archivos a

117
00:06:06,830 --> 00:06:09,640
‫esta área de preparación y luego los confirmamos todos.

118
00:06:09,640 --> 00:06:11,180
‫Y, de hecho, hagámoslo de

119
00:06:11,180 --> 00:06:13,270
‫nuevo porque ahora borré todos estos archivos.

120
00:06:13,270 --> 00:06:18,270
‫Así que hagamos git add -A de nuevo, ¿de acuerdo?

121
00:06:19,240 --> 00:06:21,800
‫Y ahora estamos listos para

122
00:06:21,800 --> 00:06:24,603
‫confirmar los archivos escribiendo git commit -m,

123
00:06:26,680 --> 00:06:29,710
‫y luego especificamos un mensaje de confirmación.

124
00:06:29,710 --> 00:06:32,250
‫Y este mensaje debería ser realmente descriptivo

125
00:06:32,250 --> 00:06:34,490
‫de los cambios que hizo.

126
00:06:34,490 --> 00:06:37,920
‫Ahora, por lo general, la primera confirmación se llama confirmación inicial,

127
00:06:37,920 --> 00:06:39,620
‫así que hagámoslo aquí también.

128
00:06:41,550 --> 00:06:46,480
‫Entonces Confirmación inicial, presione Retorno, y eso es todo.

129
00:06:46,480 --> 00:06:48,580
‫Entonces, con esta confirmación,

130
00:06:48,580 --> 00:06:51,550
‫guardamos todas las modificaciones en el repositorio y,

131
00:06:51,550 --> 00:06:54,610
‫de nuevo, una confirmación es como una instantánea

132
00:06:54,610 --> 00:06:58,380
‫de todo el código en un momento determinado, ¿de acuerdo?

133
00:06:58,380 --> 00:07:02,170
‫Y el tipo de filosofía es crear un nuevo compromiso cada

134
00:07:02,170 --> 00:07:05,633
‫vez que haces cambios significativos en tu base de código.

135
00:07:06,481 --> 00:07:10,870
‫Entonces, el concepto de compromiso es realmente el punto central de Git.

136
00:07:10,870 --> 00:07:14,880
‫Entonces todo gira en torno a comprometerse, ¿de acuerdo?

137
00:07:14,880 --> 00:07:17,893
‫Y ahora intentemos modificar algún archivo aquí.

138
00:07:18,900 --> 00:07:20,350
‫Entonces podemos cerrar todos estos.

139
00:07:20,350 --> 00:07:25,163
‫Ahora abramos la aplicación. js aquí, ¿de acuerdo?

140
00:07:26,240 --> 00:07:27,563
‫Cierra esto un poco más.

141
00:07:29,070 --> 00:07:34,070
‫Y aquí solo digamos Iniciar aplicación express.

142
00:07:35,220 --> 00:07:38,070
‫Guárdelo y verá de inmediato en

143
00:07:38,070 --> 00:07:41,260
‫VS Code cómo obtenemos esta línea verde.

144
00:07:41,260 --> 00:07:42,540
‫Y eso significa

145
00:07:42,540 --> 00:07:45,810
‫que había algo nuevo insertado en este punto.

146
00:07:45,810 --> 00:07:47,510
‫Ahora también puede hacer

147
00:07:47,510 --> 00:07:50,500
‫clic en él y ver básicamente cómo se veía

148
00:07:50,500 --> 00:07:53,730
‫antes, y también puede, aquí mismo, retroceder en el tiempo.

149
00:07:53,730 --> 00:07:55,343
‫Así que revierte el cambio.

150
00:07:56,630 --> 00:07:59,330
‫Y lo mismo cuando borras algo.

151
00:07:59,330 --> 00:08:01,500
‫Así que eliminemos esta línea de código.

152
00:08:01,500 --> 00:08:03,900
‫Y aquí ves que antes,

153
00:08:03,900 --> 00:08:06,130
‫básicamente, había algo.

154
00:08:06,130 --> 00:08:08,340
‫Entonces, nuevamente, puede hacer clic

155
00:08:08,340 --> 00:08:11,740
‫en eso y básicamente ver lo que había antes.

156
00:08:11,740 --> 00:08:13,560
‫Puede retroceder en el

157
00:08:13,560 --> 00:08:16,123
‫tiempo, así que hagámoslo para recuperarlo.

158
00:08:17,409 --> 00:08:19,583
‫Ahora intentemos cargarlo rápidamente aquí,

159
00:08:20,600 --> 00:08:23,870
‫pero por alguna razón los archivos modificados no aparecen aquí.

160
00:08:23,870 --> 00:08:27,960
‫Entonces, idealmente, ahora app. js estaría aquí en esta

161
00:08:27,960 --> 00:08:32,580
‫lista porque ese es el archivo que acabo de editar, ¿de acuerdo?

162
00:08:32,580 --> 00:08:35,270
‫Pero, de nuevo, de todos modos, eso no es realmente importante.

163
00:08:35,270 --> 00:08:37,900
‫También debería aparecer aquí en este árbol

164
00:08:37,900 --> 00:08:42,530
‫de archivos con un color diferente tan pronto como lo edite, ¿de acuerdo?

165
00:08:42,530 --> 00:08:44,623
‫Ahora, si volvemos a decir

166
00:08:46,280 --> 00:08:51,280
‫git status, verá aquí modificado: app. js, ¿de acuerdo?

167
00:08:51,730 --> 00:08:54,160
‫Entonces, esa es la única salida que tenemos

168
00:08:54,160 --> 00:08:56,420
‫aquí, y también ve que los

169
00:08:56,420 --> 00:08:59,770
‫cambios aún no están preparados para el compromiso, ¿de acuerdo?

170
00:08:59,770 --> 00:09:02,670
‫Y ahora, de nuevo, agreguemos todos.

171
00:09:02,670 --> 00:09:05,810
‫Entonces, git add y luego -A, o

172
00:09:05,810 --> 00:09:09,313
‫también podríamos simplemente agregar este único archivo al add.

173
00:09:10,300 --> 00:09:14,440
‫Así que app. js, ¿de acuerdo?

174
00:09:14,440 --> 00:09:18,430
‫Intentemos git status de nuevo, y ahora es verde.

175
00:09:18,430 --> 00:09:21,940
‫Y eso significa que los cambios se confirmarán tan

176
00:09:21,940 --> 00:09:24,300
‫pronto como hagamos un nuevo compromiso.

177
00:09:24,300 --> 00:09:27,743
‫Así que hagámoslo, git commit -m.

178
00:09:29,820 --> 00:09:34,820
‫Para el mensaje, agregó un comentario, y eso

179
00:09:36,810 --> 00:09:38,550
‫es todo.

180
00:09:38,550 --> 00:09:41,000
‫Entonces, ya ves, el mensaje agregó el comentario.

181
00:09:41,000 --> 00:09:43,850
‫Un archivo ha cambiado y hubo una inserción.

182
00:09:43,850 --> 00:09:45,450
‫Entonces esa es esta línea aquí.

183
00:09:45,450 --> 00:09:49,150
‫Y ahora esa barra verde que teníamos aquí se ha ido,

184
00:09:49,150 --> 00:09:52,600
‫y eso significa que ahora todo está limpio nuevamente.

185
00:09:52,600 --> 00:09:55,640
‫Ahora también ves que este maestro aquí, también lo

186
00:09:55,640 --> 00:09:57,030
‫ves aquí, y

187
00:09:57,030 --> 00:10:00,040
‫eso significa que estamos en la rama maestra.

188
00:10:00,040 --> 00:10:04,180
‫Entonces, las ramas son otro concepto muy importante en Git, pero realmente

189
00:10:04,180 --> 00:10:07,070
‫no entraré en eso en este punto.

190
00:10:07,070 --> 00:10:10,750
‫Por ahora, siempre trabajaremos en la rama maestra.

191
00:10:10,750 --> 00:10:14,140
‫Genial, ahora tienes un repositorio local con

192
00:10:14,140 --> 00:10:16,920
‫todo tu código comprometido.

193
00:10:16,920 --> 00:10:19,000
‫Y así, en el siguiente

194
00:10:19,000 --> 00:10:22,480
‫video, empujemos esta rama a una rama remota en GitHub.

195
00:10:22,480 --> 00:10:25,170
‫Básicamente, alójelo en la cuenta de GitHub que

196
00:10:25,170 --> 00:10:26,960
‫acabamos de crear antes.

197
00:10:26,960 --> 00:10:28,560
‫Así que espero verte pronto.