Ofrecido Por

HTML y CSS en detalle

Acerca de este Curso

3395 vistas recientes

En este curso, utilizará herramientas de desarrollo de software como HTML para construir páginas web atractivas que funcionen bien y utilizará datos semánticos estructurados para controlar la apariencia de los sitios web para el usuario final. 
A continuación, profundizará en CSS aplicando estilos cada vez más específicos a diversos elementos. Aprenderá a utilizar el sistema de cuadrícula de Bootstrap para crear diseños y trabajar con componentes y temas. Por último, explorará la depuración y aprenderá cómo se puede utilizar para desterrar los errores comunes del front-end.

Al final de este curso, podrá:

•	crear un formulario simple con un diseño sensible usando HTML5 y CSS
•	crear un diseño de respuesta con CSS
•	crear una UI con Bootstrap
•	implementar herramientas de depuración

Se trata de un curso de iniciación para alumnos que quieran prepararse para una carrera en el desarrollo de front-end. Para poder hacer este curso y lograr resultados satisfactorios, no es necesario tener experiencia previa en desarrollo, sino solo conocimientos básicos de navegación por Internet y ganas de iniciarse en la codificación.

Fechas límite flexibles

Restablece las fechas límite en función de tus horarios.

Certificado para compartir

Obtén un certificado al finalizar

100 % en línea

Comienza de inmediato y aprende a tu propio ritmo.

Laboratorios de Coursera

Incluye proyectos de aprendizaje prácticos.

Obtén más información sobre los laboratorios de Coursera

Nivel principiante

None! Learners do not need prior web development experience. Only basic internet navigation skills and an eagerness to get started with coding.

Aprox. 28 horas para completar

Español (Spanish)

Qué aprenderás

Crear un formulario sencillo con un diseño responsivo con HTML5 y CSS
Crear un diseño responsivo con CSS
Crear una interfaz de usuario mediante Bootstrap
Implementar herramientas de depuración

Fechas límite flexibles

Restablece las fechas límite en función de tus horarios.

Certificado para compartir

Obtén un certificado al finalizar

100 % en línea

Comienza de inmediato y aprende a tu propio ritmo.

Laboratorios de Coursera

Incluye proyectos de aprendizaje prácticos.

Obtén más información sobre los laboratorios de Coursera

Nivel principiante

None! Learners do not need prior web development experience. Only basic internet navigation skills and an eagerness to get started with coding.

Aprox. 28 horas para completar

Español (Spanish)

Instructor

Taught by Meta Staff

288.480 alumnos

58 cursos

Ofrecido por

Programa - Qué aprenderás en este curso

Semana1

Semana 1

13 horas para completar

HTML en detalle

13 horas para completar

23 videos (Total 88 minutos), 20 lecturas, 12 cuestionarios

23 videos

Introducción al programa2mIntroducción a HTML y CSS en detalle3m¿Cómo se utilizan HTML y CSS en el mundo real?3mResumen: lo que sabe sobre HTML y CSS2mEtiquetas semánticas y por qué las necesitamos4mEtiquetas semánticas en acción4mMetadatos5mDiseño básico3mUX con metaetiquetas3mCreación de una tarjeta para redes sociales3mFormularios y validación3mCrear un formulario7mAprovechar al máximo la validación del lado del cliente4mBotones de radio4mUso de elementos de formulario interactivos5mPresentación de formularios3mDiferencias de los navegadores3mVideo y audio2mReproductores integrados3miFrames2miFrame como imagen3mEl elemento canvas3mResumen del módulo: análisis detallado de HTML2m

20 lecturas

Programa del curso10mCómo tener éxito en este curso10mTrabajar con laboratorios en este curso10mHoja de trucos de HTML semántico15mHoja de referencia de metadatos15mDiseño de la disposición15mTarjetas para redes sociales15mRecursos adicionales10mTipos de entrada15mVisual Studio Code en Coursera10mCrear y probar un formulario (solución)10mHoja de referencia: elementos de formulario interactivos15mEnviar15mGlosario: elementos de formulario HTML20mCrear un formulario complejo (solución)10mRecursos adicionales10mCalificar los medios (solución)10mImágenes10mHoja de referencia de sandbox de iFrame20mRecursos adicionales10m

12 ejercicios de práctica

Comprobación de conocimientos: práctica del uso de etiquetas semánticas21mComprobación de conocimientos: metadatos18mComprobación de conocimientos: protocolo Open Graph18mComprobación de conocimientos: semántica y metaetiquetas24mAutoevaluación: crear y probar un formulario10mComprobación de conocimientos: declaración de los elementos del formulario18mComprobación de conocimientos: presentación de formularios24mAutoevaluación: crear un formulario complejo10mComprobación de conocimientos: entrada de usuarios y formularios18mAutoeevaluación: calificar los medios10mComprobación de conocimientos: elementos de los medios18mResumen del módulo: análisis detallado de HTML30m

Semana2

Semana 2

12 horas para completar

CSS interactivo

12 horas para completar

22 videos (Total 108 minutos), 20 lecturas, 8 cuestionarios

22 videos

Disposición web CSS4mFlexbox básico5mGráficos de Flex7mCuadrículas CSS5mPresentación de cuadrícula8mEstudio de caso: cómo Meta crea compilaciones adaptables2mSelectores muy utilizados5mSelectores de combinación7mPseudoclases4mUso práctico de pseudo4mQué es un efecto4mEfectos de texto4mTransformaciones y transiciones CSS5mAnimación CSS3mEjemplos de animación4mErrores comunes5mGestión de errores4mHerramientas de depuración3mCSS específico del navegador5mPruebas de interfaz de usuario3mEstudio de caso: cómo Meta realiza las pruebas de front-end3mResumen del módulo: CSS interactivo2m

20 lecturas

Comprensión de FlexBox20mUnidades de medida CSS10mHoja de referencia de cuadrículas y flexbox15mÁrea de plantilla de cuadrícula20mCrear un diseño de cuadrícula (solución)15mRecursos adicionales10mTodos los selectores y su especificidad20mCSS específico (solución)15mPseudoelementos20mHoja de referencia CSS Pseudo15mRecursos adicionales10mHoja de referencia sobre efectos de texto15mTransformación y transición de elementos (solución)10mFotogramas clave CSS20mHoja de referencia de animación y efectos15mPreprocesadores: sass, scss, Stylus20mRecursos adicionales10mInstalar un Linter de terceros en VS Code15mDepuración del front-end20mRecursos adicionales10m

8 ejercicios de práctica

Autoeevaluación: crear un diseño de cuadrícula12mVerificación de conocimientos: creación de diseños24mAutoevaluación: CSS específico10mComprobación de conocimientos: selectores CSS18mAutoevaluación: transformación y transición de elementos15mComprobación de conocimientos: efectos CSS18mComprobación de conocimientos: depuración18mCuestionario del módulo: CSS interactivo30m

Semana3

Semana 3

4 horas para completar

Evaluación calificada

4 horas para completar

6 videos (Total 19 minutos), 5 lecturas, 2 cuestionarios

6 videos

Resumen del curso3mSelección del tema y elaboración de la maqueta2mColocación de elementos, creación de marcadores de posición5mPlanificación de la experiencia del usuario2mEjemplar: hasta ahora todo bien3m¡Felicitaciones! Ha completado HTMLS y CSS en detalle.2m

5 lecturas

Acerca del proyecto de portafolio5mSelección de temas10mConfiguración del entorno de desarrollo local10mCreación de temas10mSiguientes pasos2m

1 ejercicio de práctica

Comprobación de preparación: ¿Ha completado la configuración inicial?5m

Preguntas Frecuentes

¿Cuándo podré acceder a las lecciones y tareas?
El acceso a las clases y las asignaciones depende del tipo de inscripción que tengas. Si tomas un curso en modo de oyente, verás la mayoría de los materiales del curso en forma gratuita. Para acceder a asignaciones calificadas y obtener un certificado, deberás comprar la experiencia de Certificado, ya sea durante o después de participar como oyente. Si no ves la opción de oyente:
es posible que el curso no ofrezca la opción de participar como oyente. En cambio, puedes intentar con una Prueba gratis o postularte para recibir ayuda económica.
Es posible que el curso ofrezca la opción 'Curso completo, sin certificado'. Esta opción te permite ver todos los materiales del curso, enviar las evaluaciones requeridas y obtener una calificación final. También significa que no podrás comprar una experiencia de Certificado.
¿Qué recibiré si compro el Certificado?
Cuando compras un Certificado, obtienes acceso a todos los materiales del curso, incluidas las tareas calificadas. Una vez que completes el curso, se añadirá tu Certificado electrónico a la página Logros. Desde allí, puedes imprimir tu Certificado o añadirlo a tu perfil de LinkedIn. Si solo quieres leer y visualizar el contenido del curso, puedes participar del curso como oyente sin costo.
¿Hay ayuda económica disponible?
Sí. En ciertos programas de aprendizaje, puedes postularte para recibir ayuda económica o una beca en caso de no poder costear los gastos de la tarifa de inscripción. Si hay ayuda económica o becas disponibles para tu selección de programa de aprendizaje, verás un enlace para postularte en la página de descripción.

¿Tienes más preguntas? Visita el Centro de Ayuda al Estudiante.

HTML y CSS en detalle

HTML y CSS en detalle

Acerca de este Curso

Qué aprenderás