Curso de HTML y CSS

Curso de HTML y CSS

Instruido por:
Rulótico González
Rulótico González
Básico
4 horas de contenido
Ver la ruta de aprendizaje
Producto digital con botón de pago enlazado a Paypal
Proyecto del curso
Producto digital con botón de pago enlazado a Paypal

Crea una página web que se conecta con PayPal para realizar el proceso de pago de los productos ofrecidos. Haz el proceso completo de creación de un producto digital desde la creación del paper wireframe para definir el flujo de navegación, pasando por el diseño y maquetación, hasta la publicación usando Github.

Curso de HTML y CSS

Curso de HTML y CSS

Progreso del curso:0/40contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/40contenidos(0%)

Internet

Material Thumbnail

¡Bienvenido al Curso!

00:49 min

¿Qué conocimientos me recomiendan para tomar este curso?

01:00 min

Material Thumbnail

¿Cómo se construye la tecnología web?

08:00 min

¿Cómo instalar ATOM?

00:39 min

Material Thumbnail

Comprendamos Internet

05:41 min

Los básicos del web

Material Thumbnail

¿Cómo funciona HTML?

05:11 min

Material Thumbnail

Etiquetas y sus atributos

07:02 min

Reto 1: crea tu fiesta de gifs

00:32 min

Material Thumbnail

¿Cómo funciona CSS?

03:51 min

Material Thumbnail

¿Cómo funciona JavaScript?

05:01 min

Material Thumbnail

Hola mundo y estructura del proyecto

02:39 min

Listado de las etiquetas más usadas

01:42 min

Construcción de un producto digital

¿Cómo instalar XD?

00:51 min

Material Thumbnail

Diseño de interfaces

06:41 min

Material Thumbnail

Maquetación de la NavBar

13:10 min

Material Thumbnail

Maquetación de main_section y agregando estilos CSS

08:22 min

Material Thumbnail

Maquetación de tarjetas de producto

09:07 min

Material Thumbnail

Fuentes personalizadas y variables de CSS

07:46 min

Categorizando etiquetas según nuestra estructura en HTML

00:48 min

Reto 2: Maquetar el home del producto digital

00:39 min

Material Thumbnail

Reglas responsive

07:14 min

Material Thumbnail

Animaciones y transiciones

08:47 min

Integrando otras herramientas

Atributos especiales de las etiquetas para mejorar el funcionamiento de nuestros formularios

02:47 min

Material Thumbnail

Librería vs Framework

05:42 min

Material Thumbnail

Sistema de Grillas

08:05 min

Material Thumbnail

Completando el Sistema de Grillas

04:03 min

Reto 3: implementación del sistema de grillas

00:34 min

Material Thumbnail

Maquetación del formulario

13:03 min

Material Thumbnail

Creación de formulario: inputs

10:39 min

Material Thumbnail

Creación de formulario: botones

08:43 min

¿Cómo crear tu cuenta en Paypal?

01:26 min

Material Thumbnail

Configuración del botón de pago con Paypal

08:02 min

Autofill del formulario de PayPal

01:03 min

Material Thumbnail

Maquetación de pantalla de éxito y error

10:37 min

Deploy

Material Thumbnail

Testing con el Navegador

09:43 min

Cómo crear tu cuenta en Github

00:23 min

Material Thumbnail

Subiendo nuestro proyecto a Internet con Github

08:33 min

Conclusión

Bonus

nuevosmás votadossin responder
IndhiraTejada
IndhiraTejada
Estudiante

no entiendo como poner los colores y los Ag.

1
Francisco Tulcan
Francisco Tulcan
Estudiante

No me quiere dejar por separado los productos

.products{
  background-image: url("../imagenes/curve.png");
  max-height: 120px;
  background-size: cover;
  background-position: center top;
  padding:10%;

¿Qué tengo mal?

0
IndhiraTejada
IndhiraTejada
Estudiante

Cómo muestro en el screen, la imagen en moviento?

1
Francisco Tulcan
Francisco Tulcan
Estudiante

¿un paper wireframe es igual a un mockup? Perdón la ignorancia.

0
Francisco Tulcan
Francisco Tulcan
Estudiante

¿Me pueden enseñar como subir una imagen aquí en los aportes? ¡Gracias!

1
Edson Palomino Santillan
Edson Palomino Santillan
Estudiante

Que otras alternativas existen a Paypal hoy 2021, y si alguna de ellas es mucho mejor por diversos aspectios a Paypal…los leo…gracias.

0
Mauricio Tabares
Mauricio Tabares
Estudiante

Hola, ¿Cómo hago para que el texto en la parte de menciones me quede centrado y la imagen me quede sin margenes?

2
Edson Palomino Santillan
Edson Palomino Santillan
Estudiante

cual es la funcionalidad de agregar el normalize.css al proyecto???

0
Edson Palomino Santillan
Edson Palomino Santillan
Estudiante

Queda claro que debemos seguir una estructura semantica en la estructura de nuestro web site, pero siempre tuve la duda si se mantiene igual de semantico si ya dentro de estas etiquetas semanticas comenzamos a crear div’s¿? se pierde algo de semantica…¿?

0
Juan Sebastian Lopez Diaz
Juan Sebastian Lopez Diaz
Estudiante

Alguno me podrí explicar más a fondo para que funciona la etiqueta <base>, por favor.

No entiendo del todo para que se usa, o cuál es su utilidad a la hora de las URLs

0