1
00:00:00,240 --> 00:00:04,340
Siempre he creído que se aprende más cuando construyes proyectos del mundo real.

2
00:00:04,380 --> 00:00:10,140
Y desde ya estaremos construyendo un proyecto es decir no necesitas terminar todo el curso para tener

3
00:00:10,140 --> 00:00:11,850
proyectos finalizados.

4
00:00:11,850 --> 00:00:14,880
Estaremos poniendo en práctica todo desde el inicio.

5
00:00:14,880 --> 00:00:18,780
Estaremos creando este proyecto de bienes raíces después del que tenemos por ejemplo aquí el logotipo

6
00:00:19,110 --> 00:00:24,180
el menú de navegación del lado derecho y un pequeño eslogan con una imagen de fondo bastante grande

7
00:00:24,180 --> 00:00:30,680
y que hace que se vea bien seamos un poco más sobre nosotros un patrón muy común en muchas páginas hoy

8
00:00:30,680 --> 00:00:38,030
en día es más sobre nosotros cierta información algunas imágenes y esta empresa se dedica a vender casas

9
00:00:38,030 --> 00:00:39,140
y departamentos de lujo.

10
00:00:39,140 --> 00:00:45,440
Por lo tanto aquí tenemos tres diferentes anuncios con diferentes características precios estos iconos

11
00:00:45,440 --> 00:00:51,720
de aquí y estos botones que nos permiten ir a ver más sobre esta propiedad ahora este proyecto está

12
00:00:51,720 --> 00:00:54,030
hecho con HTML CSS.

13
00:00:54,150 --> 00:01:00,600
Es decir este archivo o todo lo que está aquí es código que está escrito en el html usualmente un proyecto

14
00:01:00,930 --> 00:01:06,480
de este tipo sería con PHP pero va a ser el primer proyecto que te va a permitir en el futuro construir

15
00:01:06,480 --> 00:01:10,150
proyectos que sí obtengan todos desde la base de datos.

16
00:01:10,240 --> 00:01:14,860
Si das click aquí puede ser que te lleva a cada una de las casas o si das clic en Ver todas puedes ver

17
00:01:14,880 --> 00:01:21,080
que te lleva a las demás casas sean más escrutadas del que tenemos esta sección encuentra la casa de

18
00:01:21,080 --> 00:01:26,780
tus sueños con un botón para contactarlos formulario de contacto bastante completo veremos todo sobre

19
00:01:26,780 --> 00:01:32,060
formularios en este capítulo y seremos más esclavos del que tenemos nuestro blog.

20
00:01:32,060 --> 00:01:38,750
Tenemos un par de entradas aquí con cierta información y testimoniales que tenemos este gráfico el texto

21
00:01:38,750 --> 00:01:44,270
y la persona que escribe el testimonial así como un fuhrer la mayoría de los sitios web que construyas

22
00:01:44,270 --> 00:01:50,030
tendrán uno o muchos de estos elementos es decir lo que viene siendo el menú de navegación lo que viene

23
00:01:50,030 --> 00:01:56,330
siendo esta sección de nosotros algún anuncio producto que vendan testimoniales formularios de contacto

24
00:01:56,900 --> 00:01:58,530
entre muchas cosas más.

25
00:01:58,730 --> 00:02:03,140
Si damos clic en nosotros puede ser que tenemos más información sobre ellos una imagen de este lado

26
00:02:03,140 --> 00:02:10,530
un poco de texto sobre esta empresa anuncios lo vimos anteriormente ser que aparece el listado de anuncios.

27
00:02:10,580 --> 00:02:15,320
Tenemos un blog con algunas entradas y si das click en alguna entrada te lleva a lo que viene siendo

28
00:02:15,320 --> 00:02:20,810
la entrada de blog y finalmente por ejemplo el contacto puedes ver que tenemos este formulario.

29
00:02:20,840 --> 00:02:25,600
Este es el primer proyecto que estaremos construyendo lo realizaremos en los primeros capítulos.

30
00:02:25,670 --> 00:02:31,700
Hay muchos más proyectos que serán construidos a lo largo de todo el curso muy importante en el siguiente

31
00:02:31,700 --> 00:02:38,510
capítulo vas a encontrar un archivo de descarga con lo que viene siendo los diseños es decir las imágenes

32
00:02:38,690 --> 00:02:43,240
para poder lograr este diseño o las imágenes de los diseños finalizados.

33
00:02:43,240 --> 00:02:49,990
Tenemos las imágenes que se utilizan a lo largo de todo este proyecto y finalmente si tienes algún problema

34
00:02:50,380 --> 00:02:56,110
también se encuentra el código fuente agregado en caso de que encuentres un problema con tu código que

35
00:02:56,110 --> 00:02:58,900
no se ve exactamente igual a lo que está en pantalla.

36
00:02:58,900 --> 00:03:03,930
Puedes revisar lo que son esos archivos para encontrar el error.

37
00:03:04,030 --> 00:03:10,060
Este será el primer proyecto puedes verlo y vamos a comenzar a trabajar con él en el siguiente vídeo.