1
00:00:00,270 --> 00:00:00,980
Dar una buena acogida.

2
00:00:01,000 --> 00:00:03,720
En este video, quiero ejecutar todo el plan de estudios.

3
00:00:03,730 --> 00:00:09,090
Por supuesto, no vamos a hablar de las cosas con mucho detalle, pero sí quiero presentarles todo sobre lo

4
00:00:09,090 --> 00:00:10,210
que vamos a hablar.

5
00:00:10,320 --> 00:00:16,350
Y hay bastante como se puede ver, este es un curso muy largo, un montón de material muy

6
00:00:16,350 --> 00:00:17,370
completo para comenzar.

7
00:00:17,430 --> 00:00:20,020
Hacemos nuestros conceptos básicos del curso, que es donde estás ahora mismo.

8
00:00:20,100 --> 00:00:23,190
Definitivamente es la unidad menos importante en todo este curso.

9
00:00:23,200 --> 00:00:28,740
Descubre cosas sobre el plan de estudios y cómo funciona el curso y te da algunos consejos y luego

10
00:00:28,740 --> 00:00:30,820
realmente avanzamos con la introducción al front-end.

11
00:00:30,960 --> 00:00:35,210
Así que hablamos sobre qué desarrollo de front-end es lo que se remonta al desarrollo es cómo

12
00:00:35,260 --> 00:00:38,130
son diferentes qué HDMI es qué CSSA es lo que javascript es.

13
00:00:38,190 --> 00:00:43,170
Pero todavía no escribes una gran cantidad de código hasta esta unidad cuando hablamos de él.

14
00:00:43,710 --> 00:00:49,560
Entonces, hay dos unidades en cada equipo, todas las presentaciones y el intermedio lo eliminaron y luego, cuando hayas terminado y

15
00:00:49,560 --> 00:00:54,650
sigas adelante para ver cómo podemos hacer que las cosas se vean bien, añadimos un poco de estilo.

16
00:00:55,080 --> 00:00:57,820
Entonces es cuando los proyectos comienzan a ser un poco más emocionantes.

17
00:00:57,960 --> 00:01:03,180
¿Ha creado una galería de imágenes para el sitio de portafolio de fotografía y también le hacemos crear un sitio de

18
00:01:04,020 --> 00:01:06,690
blog para unidades en la introducción de CSSA y avanzada?

19
00:01:06,720 --> 00:01:13,140
Hablamos de cosas como fuentes de tipografía, incluidas fuentes personalizadas que usan formularios de Google,

20
00:01:13,440 --> 00:01:14,550
validaciones, muchos temas.

21
00:01:14,670 --> 00:01:20,160
Luego hablamos de Bootstrap, que es un marco de C S S y Javascript que ayuda a crear sitios web agradables

22
00:01:20,160 --> 00:01:22,120
de una manera muy rápida y fácil.

23
00:01:22,320 --> 00:01:28,800
Y en esa unidad hacemos algunos proyectos, incluido un sitio de cartera y una página de inicio o una página

24
00:01:28,800 --> 00:01:30,350
de inicio para una startup.

25
00:01:30,540 --> 00:01:34,890
Luego accedemos a javascript y es ahí donde las cosas, en mi opinión, al menos comienzan a ser

26
00:01:34,890 --> 00:01:35,810
realmente interesantes y emocionantes.

27
00:01:35,820 --> 00:01:41,340
Comenzamos a hablar de nuestro primer javascript de lenguaje de programación real, así que comenzamos con los conceptos básicos y

28
00:01:41,440 --> 00:01:47,040
hay mucho de qué hablar con javascript para que pueda ver prácticamente todo lo que lleva de aquí hasta el

29
00:01:47,040 --> 00:01:47,360
final.

30
00:01:47,460 --> 00:01:53,070
Todo implica javascript y ser justo Todo lo que implica montajes H-2 también evalúa pero javascript se

31
00:01:53,070 --> 00:01:54,260
convierte en el foco.

32
00:01:54,270 --> 00:01:59,130
Así es como comenzamos a hacer aplicaciones web robustas, no solo sitios web simples.

33
00:01:59,140 --> 00:02:01,270
Y expandiré esa diferencia en la próxima unidad.

34
00:02:01,470 --> 00:02:02,700
Pero sigamos moviéndonos.

35
00:02:03,030 --> 00:02:04,330
Entonces trabajos para lo básico.

36
00:02:04,350 --> 00:02:10,160
Luego hablamos sobre algo llamado flujo de control, que es cómo agregamos la lógica básica en nuestras aplicaciones con los

37
00:02:10,170 --> 00:02:11,070
scripts de Job.

38
00:02:11,340 --> 00:02:16,560
Y luego, algo llamado funciones javascript arrays y objetos para diferentes estructuras de datos.

39
00:02:16,920 --> 00:02:22,590
Y luego pasamos a mi tema favorito, que es la emulación dominante, que es la forma en que

40
00:02:22,590 --> 00:02:25,290
realmente interactuamos con cada equipo para evaluar usando javascript.

41
00:02:25,290 --> 00:02:29,790
Entonces, algunos de ustedes podrían ser solo un montón de palabras aleatorias que nunca han escuchado en su vida o de

42
00:02:29,790 --> 00:02:31,070
las que realmente no tienen sentido.

43
00:02:31,290 --> 00:02:33,800
Básicamente es cómo comenzamos a hacer las cosas emocionantes.

44
00:02:33,840 --> 00:02:38,910
Cuando hago clic en una página algo sucede, podemos comenzar a cambiar los colores animando cosas que mueven cosas a

45
00:02:38,910 --> 00:02:39,930
través de la pantalla.

46
00:02:39,930 --> 00:02:41,870
Es muy visual y divertido.

47
00:02:42,000 --> 00:02:47,430
Luego tenemos otra unidad en Dom events que es otra manipulación tonta en la que podemos enfocarnos.

48
00:02:47,700 --> 00:02:53,220
Y luego tenemos un proyecto de juego de color que es un juego sustancial y bastante complejo que hacemos juntos.

49
00:02:53,520 --> 00:02:56,360
Es una unidad completa, son ocho o nueve videos que crean este juego.

50
00:02:56,370 --> 00:02:58,610
Entonces es un proyecto bastante legítimo.

51
00:02:58,770 --> 00:03:03,350
Y luego pasamos a una biblioteca muy popular llamada Jay Querrey y nos centramos en

52
00:03:03,360 --> 00:03:09,540
la introducción de tres unidades a la consulta avanzada de Jay Querrey Jay y luego construimos una respuesta muy bonita

53
00:03:09,540 --> 00:03:12,770
para hacer este proyecto juntos para que Sokoto también lo haga.

54
00:03:12,820 --> 00:03:15,970
Es una unidad entera de siete u ocho videos allí también.

55
00:03:16,380 --> 00:03:22,410
gran cambio, así que todo hasta este punto, excluyendo la unidad básica del primer curso, habla sobre el desarrollo web front-end,

56
00:03:22,680 --> 00:03:28,140
de lo que hablamos sobre lo que eso significa y las diferencias de frente y atrás y de stack completo.

57
00:03:28,140 --> 00:03:29,370
Y luego tenemos un

58
00:03:29,370 --> 00:03:31,220
Todas esas cosas en la próxima unidad.

59
00:03:31,650 --> 00:03:34,670
Pero solo señalaré que esto es todo front end.

60
00:03:34,950 --> 00:03:37,420
Esto es todo de vuelta.

61
00:03:37,890 --> 00:03:41,140
Así que aquí hay una gran línea donde las cosas cambian.

62
00:03:41,250 --> 00:03:46,430
Así que retrocedimos y comenzamos hablando de los conceptos básicos tal como lo hicimos para el frente.

63
00:03:46,800 --> 00:03:50,370
Entonces, ¿qué es la parte de atrás y cuáles son las diferentes cosas que están involucradas?

64
00:03:50,460 --> 00:03:55,290
el back-end está configurado en algunos sitios web populares y luego hablamos sobre la línea de comandos.

65
00:03:55,290 --> 00:04:00,120
Hablamos de que teníamos algunos diagramas, sacamos algunas cosas y le mostramos algunos ejemplos de sitios y cómo

66
00:04:00,150 --> 00:04:02,670
¿Cómo navegas por la línea de comando o la terminal?

67
00:04:02,670 --> 00:04:04,560
¿Cuáles son los diferentes comandos que ingresas?

68
00:04:04,560 --> 00:04:07,640
Definitivamente la cosa más tacker buscando que cubrimos.

69
00:04:07,740 --> 00:04:12,720
Si alguna vez has visto una escena estereotipada de piratas informáticos en una película, generalmente escriben cosas en la

70
00:04:12,720 --> 00:04:13,520
línea de comandos.

71
00:04:13,560 --> 00:04:17,030
Entonces hablaremos de eso y lo usaremos para el resto del curso.

72
00:04:17,190 --> 00:04:20,640
Luego hablamos de no G-S y esta es una introducción al no.

73
00:04:20,670 --> 00:04:21,370
Sí.

74
00:04:21,510 --> 00:04:26,970
Y luego, una introducción para expresar cuál es un framework de nodos que usaremos nuevamente y no, eso es

75
00:04:26,970 --> 00:04:31,710
solo un montón de palabras, pero se utilizará un framework de nodos para crear nuestras aplicaciones web.

76
00:04:31,890 --> 00:04:34,620
Y continuamos con esas dos cosas para el resto del curso.

77
00:04:34,830 --> 00:04:40,020
Entonces hablamos de intermedia express básicamente algunos temas más avanzados y luego llegamos a

78
00:04:40,020 --> 00:04:40,590
algo diferente.

79
00:04:40,830 --> 00:04:47,110
Yotam, los principios básicos de UPCAT, ya sabe la persistencia de los datos del campamento, sabe que el campamento comenta que tiene un

80
00:04:47,120 --> 00:04:53,090
campamento de arte y sabe que hay que limpiarlo y sabe que el campamento definitivamente suena raro después de repetir lo suficiente

81
00:04:53,330 --> 00:04:57,050
Los aspectos básicos de Yo Camp y notará que hay varias instancias diferentes de

82
00:04:57,230 --> 00:05:02,660
Pero lo que es es una aplicación compleja que creamos juntos y es una que seguimos revisando.

83
00:05:02,760 --> 00:05:08,810
Entonces, en lugar de uno solo de pequeños proyectos en los que es realmente difícil llegar a algo importante con

84
00:05:08,810 --> 00:05:14,990
solo una unidad o solo unos pocos videos, este es un gran proyecto que revisamos continuamente y no nos preocupemos, tenemos

85
00:05:14,990 --> 00:05:16,730
muchos proyectos más pequeños y cortos.

86
00:05:16,730 --> 00:05:22,070
Creo firmemente que debes comenzar por ver una pequeña instancia de algo que funciona haciendo un

87
00:05:22,070 --> 00:05:26,890
pequeño proyecto y luego aplicarlo a algo grande para que ambos terminen en ese espectro.

88
00:05:26,960 --> 00:05:31,660
gran proyecto, sino que tampoco te quedas atascado haciendo estos pequeños juguetes durante todo tu recorrido.

89
00:05:31,730 --> 00:05:34,130
No solo te lanzan al abismo haciendo un

90
00:05:34,160 --> 00:05:38,540
Quiero que tengas algo de lo que puedas estar orgulloso y algo realmente complejo para

91
00:05:38,540 --> 00:05:39,680
el final del curso.

92
00:05:39,740 --> 00:05:47,450
Así que tu campamento es un clon de gritos para campings y actividades al aire libre para que puedas crear sitios para acampar. Las

93
00:05:47,450 --> 00:05:52,070
fotos dejan comentarios y todo tipo de cosas divertidas. Inicia sesión en la autenticación.

94
00:05:52,070 --> 00:05:57,650
Hablamos de autorización y cada vez que aprendemos una nueva característica, la agregamos a UPCAT.

95
00:05:58,190 --> 00:06:00,020
Así que comenzamos allí, sabes lo básico del campamento.

96
00:06:00,020 --> 00:06:04,170
Esa es la primera vez que vemos la aplicación y configuramos la estructura básica.

97
00:06:04,370 --> 00:06:09,680
Luego hablamos de bases de datos y hablamos de Mongo DB, que es la base

98
00:06:09,680 --> 00:06:17,330
de datos particular que usaremos, hacemos un pequeño proyecto allí y luego volvemos al campamento y agregamos Mangu DB para que ahora

99
00:06:17,330 --> 00:06:23,120
tengamos una base de datos conectada a Brokamp. y luego hablamos sobre un tema realmente importante llamado

100
00:06:23,120 --> 00:06:23,870
enrutamiento tranquilo.

101
00:06:23,900 --> 00:06:29,600
Esta es una arquitectura, es una forma de planificar nuestras aplicaciones, un patrón que llamamos

102
00:06:29,960 --> 00:06:35,630
descanso y construimos una aplicación de blog atractiva utilizando rutas tranquilas y un nuevo marco

103
00:06:35,620 --> 00:06:42,470
CSSA javascript llamado UI semántica, que es similar al arranque que aprendimos anteriormente en el curso. aquí.

104
00:06:43,000 --> 00:06:46,240
Y la idea es solo exponerlo a otra tecnología.

105
00:06:46,250 --> 00:06:47,920
Otro marco popular.

106
00:06:48,050 --> 00:06:52,280
Es de esperar que comiences a ver algunas de las similitudes y hacer algunas comparaciones allí.

107
00:06:52,430 --> 00:06:56,400
Luego pasamos a una de las asociaciones de bases de datos de Unix más importantes.

108
00:06:56,420 --> 00:07:01,580
Entonces, ¿cómo tenemos varias cosas en nuestra base de datos que están conectadas como usuarios y comentarios

109
00:07:01,610 --> 00:07:07,370
o publicaciones de blog y comentarios y etiquetas y votos, y cómo están interrelacionados y conectados entre sí?

110
00:07:08,300 --> 00:07:11,620
Y luego volvemos al campamento y agregamos comentarios.

111
00:07:11,660 --> 00:07:18,260
Entonces aprenderemos sobre las asociaciones de bases de datos en un proyecto más pequeño y luego lo

112
00:07:18,250 --> 00:07:24,140
agregaremos en UPCAT, luego pasaremos a la autenticación del usuario, inicie sesión y cierre todo.

113
00:07:24,200 --> 00:07:25,650
Usando una herramienta llamada pasaporte.

114
00:07:25,690 --> 00:07:28,700
Sí, y lo agregamos a nuestra propia aplicación.

115
00:07:28,700 --> 00:07:34,220
Hacemos una aplicación con el inicio de sesión en una aplicación más pequeña y luego al igual que antes de

116
00:07:34,370 --> 00:07:40,630
regresar a su campamento y agregamos la autenticación para que ahora tenga que iniciar sesión y cerrar sesión para usar UPCAT o

117
00:07:40,630 --> 00:07:42,390
al menos para usar algunas funciones.

118
00:07:42,680 --> 00:07:47,480
Y luego tenemos otra unidad de nuestro campamento donde en este punto hemos cubierto tanto que tenemos

119
00:07:47,480 --> 00:07:53,690
que volver atrás y limpiar algunas cosas para refactorizar, lo que básicamente significa mover algún código para reescribir algún código para que

120
00:07:53,840 --> 00:07:58,660
sea más limpio y más modular, así que Veré exactamente lo que quiero decir en esa unidad.

121
00:07:58,750 --> 00:08:04,630
Pero está dedicado a reorganizar esta aplicación grande porque en ese punto se ha vuelto muy grande

122
00:08:04,630 --> 00:08:10,470
y luego hablamos de autorización, que es otro tema importante que básicamente son los permisos del usuario.

123
00:08:10,630 --> 00:08:13,530
Diferentes niveles de cosas que los usuarios pueden hacer.

124
00:08:13,580 --> 00:08:16,580
Entonces la autenticación solo permite que la gente inicie sesión.

125
00:08:16,700 --> 00:08:24,110
La autorización es asegurarme de que cuando estoy conectado solo puedo eliminar fotos que me pertenecen o editar comentarios que he creado. No

126
00:08:24,110 --> 00:08:29,690
puedo atornillarme con los comentarios de otra persona o las publicaciones de otra persona a menos que

127
00:08:29,690 --> 00:08:30,790
tenga permiso para hacerlo.

128
00:08:30,880 --> 00:08:32,180
Entonces hablamos de cómo funciona eso.

129
00:08:32,300 --> 00:08:33,970
Y agregamos en nuestro campamento.

130
00:08:34,190 --> 00:08:37,700
Definitivamente hay muchas cosas que cubrimos muchas tecnologías.

131
00:08:37,750 --> 00:08:42,740
Pero el punto clave es que pasamos por esto en un orden muy lógico y bien pensado.

132
00:08:42,760 --> 00:08:47,980
Enseñé todas estas tecnologías varias veces a toneladas diferentes clases diferentes estudiantes.

133
00:08:48,250 --> 00:08:53,330
Es mucho menos intimidante que parezca que no tienes que estar pensando todo el tiempo.

134
00:08:53,480 --> 00:08:58,690
Pero lo que haré en lugar de seguir adelante y simplemente hacer una unidad a la vez.

135
00:08:58,850 --> 00:09:04,430
Tenemos ciertas conferencias que son opcionales estas lecciones que miran hacia el futuro y miran hacia atrás.

136
00:09:04,580 --> 00:09:09,790
está lo que hemos cubierto, aquí está el destino, para que comiences a tener un mapa mental de dónde estamos.

137
00:09:09,790 --> 00:09:14,160
Así que, básicamente, en ciertos momentos del curso, me tomaré un momento para decir que aquí

138
00:09:14,180 --> 00:09:19,430
A menudo descubrí que los estudiantes se pierden a veces y que no tienen una gran visión visual en su cabeza

139
00:09:19,420 --> 00:09:20,200
de dónde están.

140
00:09:20,270 --> 00:09:23,440
Simplemente bajan la cabeza y se concentran en lo que está inmediatamente frente a ellos.

141
00:09:23,720 --> 00:09:28,300
Así que eso es importante, pero también es importante salir a tomar aire ocasionalmente y hablar de

142
00:09:28,310 --> 00:09:32,260
dónde hemos venido y cuánto más tenemos que avanzar y, básicamente, dibujar esa línea.

143
00:09:32,300 --> 00:09:32,640
DE ACUERDO.

144
00:09:32,650 --> 00:09:36,550
Entonces, si podemos, hay muchos proyectos realmente divertidos y divertidos.

145
00:09:36,640 --> 00:09:40,430
Sigamos adelante y comencemos hablando sobre una introducción al desarrollo web y de desarrollo