Diplomado HTML 5 y CSS 3

Name: Diplomado HTML 5 y CSS 3
Rating: 4.6 (54 reviews)

Conoce y Aprende HTML 5 y CSS 3 a fondo, SIN CONOCIMIENTOS PREVIOS

Created byMarco A. Sánchez J.

Last updated 6/2023

Spanish

What you'll learn

Diplomado HTML y CSS 2021 en el cual te llevaré de la mano sin que tengas conocimientos previos, SE INCLUYE CODIGO COMPLETO DEL PROYECTO FINAL
Crearás una página Web real usando todas las habilidades de forma paulatina una vez que las hayas adquirido
Aprenderás HTML5 y CSS3, crearemos la estructura y contenido de una página web
Conocerás y aprenderás a utilizar HTML A FONDO CON TODAS sus ETIQUETAS
Conocerás y aprenderás a utilizar CSS3 A FONDO hasta tener un nivel medio-avanzado
Le brindarás interactividad a tu página web con CSS puro
Conocerás cómo establecer un entorno de desarrollo DESDE CERO SIN CONOCIMIENTOS PREVIOS
Aprenderás qué es un IDE (Integrated Development Environment/Entorno de Desarrollo Integrado) y para qué sirve
Te mostraré alternativas TOTALMENTE GRATIS en el mercado para que tu elijas el que mejor se adapta a tus gustos
Te recomendaré el IDE que utilizo yo y te diré las razones
Te enseñaré ténicas y tips muy interesantes y super útiles en un entorno de programación (IDE)
Aprenderás a usar tu teclado como nunca lo habías hecho, esto te volverá más eficiente al momento de trabajar

Course content

6 sections • 101 lectures • 40h 9m total length

Introducción y Bienvenida4:25
Introducción y Bienvenida a este Diplomado HTML 5 y CSS 3
Preparando nuestro entorno de Desarrollo11:17
Preparación del entorno de desarrollo, desacarga, instalacion y puesta en marcha de XAMMP y pequeña muestra de una alternativa a la solución propuesta.
Conoce lo que son los Editores de Texto para Programación8:58
Introducción a lo que son los editores de texto para programación, muestra de algunas alternativas gratuitas y con costo y pequeña charla acerca de su origen, algunas fortalezas y aceptación de los mismos.

Introducción y Alcance del Diplomado9:24
Bienvenida a la sección e introducción al Diplomado, qué es HTML y CSS, qué significan sus siglas, cuál es su propósito y finalmente, sus alcances en este Diplomado.
Instalando mi editor de texto preferido - (Opcional pero Altamente Recomendado)8:10
En este video instalaremos mi editor de texto preferido y te mostraré una pequeña forma inicial de comenzar a personalizarlo.
Cambiando el idioma del editor de texto - (Opcional pero Altamente Recomendado)3:01
Explicación y demostración de como cambiar el idioma de la interfaz del editor de texto.
El Servidor Web, la carpeta de proyecto y vinculación al editor de texto6:31
Recordamos que es y como iniciar nuestro servidor Web, identificamos nuestra carpeta de proyecto, directorio raiz y como enlazar dicha carpeta a nuestra editor de textos.
Uso de Notas en los Videos de Udemy6:25
Descripción de las notas en el repdroductor de video de Udemy, sus usos y funcionalidades para poder establecer puntos específicos en un video y poder retomarlo desde ahí.
Las bases del HTML7:00
Exploramos las base del HTML, la definicion del tipo de documento, las etiquetas html y body, así como un par de tips acerca de nuestro editor de textos.
Combinaciones y Teclas Rápidas básicas (Opcional pero Altamente recomendado)1:29:21
Explicación y contexto de varias teclas en el teclado físico de una computadora y convencionalidades para entender la notación de combinaciones de teclas rápidas, así como más de 25 teclas rápidas básicas que brindan un increible poder a todo desarrollador para trabajar de manera muchísimo más eficiente en esta nueva travesía que comienza.
Elementos, Elementos vacíos, Etiquetas, Anidamiento e Indentación11:34
Que son los elementos, los elementos vacíos, las etiquetas, que es el anidamiento, la jerarquía y por que es importante la indentación en nuestro código.
Visualizando nuestro archivo HTML en un navegador por primera vez5:53
Visualizando nuestro archivo HTML en un navegador por primera vez, demostración de forma muy breve el uso de 3 etiquetas (<h1>, <p> y <br >) y uso de caracteres especiales para dar pie al concepto del set de caracteres.
Encabezado de Página, Título, Etiqueta meta, Atributos, Set de carácteres8:28
Enseñanza de las etiquetas de Encabezado (<head>), Título (<title>) y Metadatos (<meta>), introducción a lo que son los atributos y definicion del set de caracteres en nuestro documento.
Etiquetas de Encabezados, Párrafos y texto preformateado10:17
Enseñanza acerca de las etiquetas de encabezados, párrafo y texto preformateado
Etiquetas de Formato16:06
Enseñanza de todas las etiquetas de formato
Etiquetas para definición de Citas, Dirección, Abreviaturas y Atribución18:08
Vista a detalle de las Etiquetas de Citas, Dirección, Abreviatura y Atribución
Los Atributos más a fondo, definiendo el idioma de nuestra página y comentarios10:40
Muestra de qué son los Atributos un poco más a fondo, como definir el idioma de nuestra página, los códigos de idioma y pais y cómo escribir comentarios y para que sirven
Mejorando nuestro editor - Extensión para mejores comentarios (Opcional)16:13
Video Opcional donde explicamos como mejorar el editor de texto para agregar una mejora en la funcionalidad de los comentarios.
El atributo de Estilo y "Breve introducción a CSS - parte 1"15:01
El atributo de estilo en las etiquetas HTML y una probadita de lo que es CSS
Los Colores en HTML29:29
Detallada explicación de las distintas formas (notaciones) para la definición, selección, modificación y asignación de colores en HTML y CSS además de mejorar un poco más nuestro editor de texto con otra extensión.
Imágenes en HTML33:09
Amplia y Concisa explicación acerca de las imágenes en HTML, Formatos, Atributos y algunas sugerencias acerca del editor de texto.
Rutas24:27
Explicación en detalle acerca de las rutas Absolutas, Relativas, Directorios, Niveles, Accesos y definición de estos en los elementos HTML además de algunos tips de nuestro editor de textos.
Enlaces y Marcadores36:53
Enseñanza acerca de los enlaces HTML, tanto locales como externos, uso de imágenes como enlace, explicación de los Marcadores y demostración de su uso.
Introducción a CSS - parte 230:41
Segunda parte de la introducción a CSS donde hablamos acerca de las hojas de estilo, las distintas formas de aplicar reglas y clases css a elementos HTMl y más.
Listas en HTML21:31
Que son las listas, cuales tipos de listas hay, que características presentan y para que se usan primordialmente.
Marcos en HTML12:45
Definición y enseñanza acerca de los marcos en HTML, y aunque ya no es recomendado su uso, quisimos ver este punto pues para algunos desarrolladores sigue siendo algo útil.
Elementos de bloque (div) y en línea (span)18:45
Explicación de qué son los elementos de Bloque y En línea, mencionas cuales hemos visto hasta el momento y hablamos de 2 de los más importantes, el Div y el Span
Tablas - 1 - Etiquetas y estructura22:13
Explicación de qué son las tablas, para que se utilizan y sus etiquetas principales
Tablas - 2 - Formateo con CSS35:48
Agregando formato y vista a las tablas con CSS
Tablas - 3 - Agrupamiento de secciones y Últimos toques10:38
Explicación y muestra de las etiquetas de agrupación de secciones y toques finales a la tabla de datos a través de CSS
Formularios - 1 - Definición, Etiquetas, Atributos iniciales39:11
Que son y para que sirven, los atributos action(destino), target y method (GET y POST), explicación de estos 2 últimos, Breve explicación del elemento input (text y submit), Agrupamiento de elementos de un formulario con el elemento fieldset y definición del títuolo del formulario con el elemento legend.
Formularios - 2 - Elemento Label y mejora inicial de nuestro formulario26:00
La etiqueta Label, el atributo "for" de esta y el "id" de los campos trabajando en conjunto, mejoramiento del aspecto de nuestro formulario con CSS, uso de los selectores de atributo y breve muestra de que puede haber múltiples formularios en la misma página.
Formularios - 3 - Elementos Input(Password y Reset) y Select37:42
Elementos del formulario, Input (Password y Reset) y Select
Formularios - 4 - Elementos Text Area, Button, Eventos CSS y HTML y Javascript26:01
Elementos del formulario, Text Area, Button, estilizado inicial de los botones y muestra básica de los eventos CSS y HTML e implementación de pequeño código de Javascript
Formularios - 5 - Elementos Datalist, Output, Input(Number) y Javascript29:01
Elementos del formulario, Datalist y Output, El tipo "Number" para Input y un poco más de Javascript básico
Formularios - 6 - Tipos de input restantes50:21
Explicación de los tipos de input: button, checkbox, radio, email, color, range, search, date, datetime-local, month, week, time, file, hidden, image, tel, url
Formularios parte 7 - Elementos Meter y Progress17:48
Explicación y muestra de los elementos Meter y progress además de su uso.
Elemento head y meta más a fondo, primera vista del elemento script25:55
Recordando lo que hemos visto del elemento Meta hasta el momento más sus demás usos, definición y base de que es la responsividad y explicación de algo esencial para hacer uso de ella así como usando por primera vez el elemento script para definir nuestro código de javascript.
Layout y Rresponsividad - 1 - Diseño y Estructura con elementos html12:50
Principios para la definición del diseño y estructura de un sitio o aplicación web, establecimiento de un bosquejo y traslado a código a través de los elementos de diseño y estructura HTML
Layout y Responsividad - 2 - El modelo de caja en CSS16:08
Explicación y demostración de lo que se conoce como el modelo de caja en CSS, sus caractrísticas, propiedades CSS que lo definen y más.
Layout y Responsividad - 3 - Tamaño real de los elementos y Box-sizing15:06
Explicación del cálculo real de ancho y alto de los elementos HTML a través de CSS y demostración de uno de los errores/problemáticas más comunes al implementar la propiedad padding, de igual forma explicamos como solucionarlo de una forma muy elegante a través del mismo CSS
Layout y Responsividad - 4 - Float y Clear31:08
Explicación y demostración de las propiedades float y clear en CSS, ademas de esto, vimos como hacer zoom in y out en el visor de imágenes de VS Code y tambien como aplicar comentarios de linea y bloque a través de combinaciones de teclas rápidas en VS Code
Layout y Responsividad - 5 - Breve introducción a Media Queries13:04
Enseñanza de lo que son las "media queries", ademas de lo anterior, vimos como instalar una extension para colorear nuestras llaves y parentesis en VSCode
Layout y Responsividad - 6 - Uso del elemento aside e imágenes responsivas28:10
Demostración del uso del elemento aside para efectos estrictos de los elementos HTMl de diseño y estructura, muestra de como hacer que las imágenes tengan responsividad y algunos trucos importantes
Layout y Responsividad - 7 - Texto responsivo y elementos picture y source21:18
Muestra de la unidad de medida vw para ser aplicada a texto y obtener cierta responsividad además de explicar y demostrar el uso y alcance básico de los elementos picture y source para la muestra de distintas imágenes según el tamaño de la pantalla del dispositivo que las visualice.
Validando el soporte de elementos, atributos HTML y demás en los navegadores6:15
Como validar el soporte de los elementos, tipos y atributos en los distintos navegadores de una manera simple a través de un sitio web.

Proyecto HTML - 1 - Definiendo el alcance del proyecto con un diagrama12:10
Definición inicial del alcance del proyecto y diagramación de estructura básica esperada del mismo.
Proyecto HTML - 2 - Creando carpeta de Proyecto Estandares y Convencionalidades12:52
Hablando un poco acerca de Estandares y Convencionalidades en cuanto a lo que se refiere a directorios de proyecto y archivos, definición de estos en una nueva carpeta de proyecto, generación de un área de trabajo(esto último solo para usuarios de VSCode) y breve demostración de sus capacidades.
Proyecto HTML - 3 - Estableciendo el tema del proyecto e imagen corporativa24:26
Explicación de la importancia del estableciendo el tema del proyecto e imagen corporativa, charla breve acerca de la importancia del uso de vectores e imágenes de alta calidad/resolución, muestra del logotipo que usaremos, paletas de colores y codigos de color de estas, además recomendaré el uso de algunas aplicaciones para el diseño de vectores, edición fotográfica y finalmente proveemos vinculos a 3 sitios que ayudarán grandemente en la realización de cualquier proyecto (Aservo de vectores y fotografías gratuitas así como un generador de paletas de colores).
Proyecto HTML - 4 - Generando nuestro menú de navegación27:01
Creación de nuestro archivo index.html, estilos.css dentro de la estructura correcta del proyecto, inicialización del archivo principal del proyecto y de su hoja de estilos, además de declaración de la barra de navegacion, sus enlaces, reglas CSS y funcionalidad inicial de responsividad.
Proyecto HTML - 5 - Mejorando nuestro menú - Uso de los sets de íconos24:53
Mejoramos nuestra barra de navegación, iniciamos con el concepto de proveedores de código y como agregar elementos de uno de estos a nuestro proyecto como FontAwseome, definimos el uso y razón de una carpeta vendor y posteriormente descargamos y utilizamos en nuestro menú los iconos de este increible proveedor.
Proyecto HTML - 6 - Creando nuestra area Hero parte 133:32
Defnición y explicación de lo que se conoce como un área de "Hero"/Heroe, establecimiento de la estructura HTML y estilizado a través de reglas CSS, donde mencionaremos algunas propiedades nuevas para el manejo de imágenes y el fondo, una unidad de medida vertical nueva y una mención inicial y básica de reglas Flexbox.
Proyecto HTML - 7 - Creando nuestra area Hero parte 224:18
Adición del logotipo de la empresa, Mejoramiento de la tipografía a través de la Integración y uso de Google Fonts, mejoramiento del menu aún un poco más a través de CSS para aplicarle una sombra y mantenerlo fijo en la parte superior.
Proyecto HTML - 8 - Mejora extra al menú y uso del desplazamiento suavizado8:17
Segunda mejora estética a la barra de navegación(menú) a través de la incorporación de una transparencia y una sombra, además de definir nuestro elemento div que contendrá la siguiente sección de nuestro sitio, finalmente establecimos el tipo de desplazamiento en nuestro sitio a algo llamado "suavizado".
Proyecto HTML - 9 - Responsividad en área "Hero" y Creación del área Conócenos24:25
Mejora al área de "Hero" para que luzca bien en distintos tamaños de pantalla a través de nuestra "media query", también creamos la nueva sección donde ponemos un texto muy simple pero descriptivo acerca de la empresa y le aplicamos estilo con CSS.
Mensaje del Futuro - pequeño ajuste por omisión9:03
Video de mi "Yo del futuro" donde te explico una pequeña omisión en el código que tuve y que uno de los alumnos que tomó el diplomado me lo hizo ver, por cierto, te agradezco muchísimo por tus comentarios, de modo que el pequeño ajuste que te pido que hagas en este video te ayudará para no sufrir un poquito en el video siguiente, pero creeme, es algo super super simple, así que no esperes más, a ver el video y a continuar aprendiendo.
Proyecto HTML - 10 - Mejora a "Conóncenos" y Creación área Productos y Servicios32:32
Aplicamos unas mejoras al área de Conócenos para que luzca aún mejor y definimos nuestra área de Productos y Servicios de una forma muy sencilla pero eficaz sin dejar de ser elegante y acorde a la imagen de nuestro sitio.
Proyecto HTML - 11 - Finalizando el área de productos y servicios15:20
Completamos el área de productos y servicios a través de refinarla con unos toques adicionales de CSS y responsividad.
Proyecto HTML - 12 - Creación área "Call to Action"/Instar a Actuar16:01
Ajuste final al área de productos y servicios, así como la definición del área de "Call to Action"/Instar a Actuar a través de la reutilización de reglas CSS.
Proyecto HTML - 13 - Creación del área de Contacto con Formulario48:46
Creamos nuestra penúltima área, la de contacto a través de la codificación de un formulario con distintos tipos de campos y le damos vista a través de nuestras reglas de estilo con CSS.
Proyecto HTML - 14 - Creación área Footer - Parte 1 - Estructura25:10
Definición de todos los elementos HTML para establecer la estructura de nuestra sección footer/pie de página y todo lo que esta contendrá.
Proyecto HTML - 15 - Creación área Footer - Parte 2 - Estilo52:15
Creación de las reglas CSS para darle el estilo a nuestro pie de página.
Proyecto HTML - 16 - Apendice - Compatibilidad en los Navegadores4:41
Demostración y breve explicación acerca de la compatibilidad de nuestro sitio en 4 de los 5 navegadores más populares, Google Chrome, Mozilla Firefox, Microsoft Edge y Opera

Bienvenido y Revisión de lo aprendido hasta el momento en cuanto a CSS12:57
Bienvenida a la sección 4 del curso, - CSS parte 2 - y rápida revisión de todo lo aprendido en la sección anterior en términos de CSS.
Preparando nuestro entorno para esta sección4:22
Creación de carpeta de proyecto en directorio raíz de nuestro servidor web, creación de archivo index.html, carpeta CSS y archivo estilos css.
Manejo de Fondos en CSS51:20
Revisión a detalle de todas las propiedades para el manejo de fondos en CSS y pequeño tip de uso de VS Code para búsqueda y reemplazo de cadenas de caracteres.
Los Bordes en CSS39:53
Análisis y demostración de todas las propiedades de borde en CSS y reglas de asignación de valores cuando hay 4, 3, 2 o 1 valor en las propiedades.
Márgenes Exteriores e Interiores31:28
Demostración de las propiedades de los margenes al exterior (margin) y al interior/relleno (padding), así como el mecanismo de aplicación de clases CSS (cuando hay duplicidad de clases) por parte de los navegadores.
Anchos y Altos27:36
Enseñanza de las propiedades de ancho y alto, contemplando sus delimitadores máximo y mínimos, así como su aplicación en unidades y porcentajes tanto para elementos comunes como a imágenes.
El modelo de caja un poco más a detalle12:23
Analisis y demostración del modelo de caja un poco más a detalle donde se muestra como realizan el cálculo de los elementos los navegadores pero a fondo y lo demostramos de una forma muy práctica.
La propiedad de Borde Exterior o Contorno22:45
Explicación de la propiedad Outline/Borde Exterior o Contorno y todas sus propiedades.
El Texto en CSS - Parte 127:12
Explicación de un primer conjunto de propiedades asociadas al tratado del texto en CSS.
El Texto en CSS - Parte 242:29
Finalización de la enseñanza del resto de las propiedades asociadas al tratado del texto en CSS.
Fuentes y tipografía en CSS39:28
Explicamos que son las fuentes, sus categorías, familias, como definirlas, recordamos un lugar de donde conseguir fuentes adicionales y como agregarlas al documento, posteriormente analizamos las propiedades generales asociadas a fuentes, finalmente explicamos el uso de unidades de medida de fuentes absolutas y relativas, pros y contras, y demostramos el uso de varias de estas.
Un poco más acerca de las librearías de Íconos en CSS13:04
Vista un poco más a detalle de la librearía de íconos de FontAwesome y explicación en breve de su documentación en linea y como hacer uso de ella, de igual manera mencionamos de forma somera otros 2 sets de íconos muy grandes, Material y Bootstrap icons.
Enlaces y como estilizarlos13:07
Revisión de los 4 estados de un enlace en CSS y como aplicarles los estilos para ganar un aspecto mucho más profesional, así como también explicamos algunas reglas importantes de como escribir estas líneas de código.
Propiedad Display y como Manipularla22:41
Revisión de la propiedad Display y sus distintos valores, demostración de como manipularla y/o cambiarla a través de CSS y breve demostración de como lograr esto mismo de forma interactiva a través de Javascript.
El misterio del Posicionamiento en CSS32:08
Enseñanza de los diferentes tipos de posicionamiento en CSS y sus ventajas.
Apilando Elementos18:20
Explicación y uso del índice Z para entender el apilamiento de los elementos HTML.
Desbordamiento10:55
Demostración y enseñanza de la propiedad de desbordamiento(overflow) y sus distintos valores, así como las variantes de control específico para el eje horizontal y el vertical.
Combinadores30:01
Explicación de los combinadores en CSS, que son, para que sirven y aplicación de cada uno de ellos.
Pseudoclases parte 147:07
Explicación, demostración y aplicación de las pseudoclases (link, visited, hover, active, focus, checked, enabled, disabled, empty)
Pseudoclases parte 237:10
Explicación, demostración y aplicación de las pseudoclases (optional, required, read-write, read-only, in-range, out-of-range, valid, invalid, not, root, target).
Pseudoclases parte 324:49
Fe de erratas de las pseudoclases read-write y target, además explicamos, demostramos y aplicamos las pseudoclases (first-child, last-child, only-child, first-of-type, last-of-type, only-of-type).
Pseudoclases parte 426:21
Explicación de lo que es el índice interno de los elementos HTML y como explotarlo o sacar ventaja de este con las pseudoclases restantes (nth-child, nth-last-child, nth-of-type, nth-last-of-type).
Pseudoelementos parte 114:38
Explicación de lo que son los pseudoelementos y demostración con aplicación de los siguientes (first-line, first-letter, selection).
Pseudoelementos parte 239:40
Explicación, demostración y aplicación de los pseudoelementos (before y after) así como la aplicación de los siguientes valores de su propiedad content (normal/none, string, open-quote, close-quote, no-open-quote, no-close-quote, url), así como muestra de como integrar íconos de Fontawesome y caracteres ASCII.
Pseudoelementos parte 324:36
Explicación, demostración y aplicación de los últimos 2 valores que puede tener content (counter y attr(attribute)) de los pseudoelementos (before y after).
Selectores de Atributo33:11
Explicamos y demostramos los selectores de atributo cada uno de ellos y sus alcances a través de ejemplos muy prácticos y sencillos.
Transformaciones 2D20:26
Explicamos y demostramos las transformaciones 2D con sus propiedades y valores a través de ejemplos muy sencillos de comprender.
Transiciones37:50
Inicio de las animaciones en CSS, explicamos y demostramos lo que son las transiciones, sus propiedades, valores y unos ejemplos muy entretenidos que dan una idea muy clara de sus usos y alcances.
Animaciones1:10:06
Explicación a detalle de lo que son las animaciones con todas sus propiedades y valores además de codificar algunos ejemplos muy interesantes.

Proyecto HTML y CSS - 17 - Agregando Logo y Formulario de acceso al encabezado38:32
Mejorando nuestro proyecto de sitio web con el conocimiento de CSS adquirido, en este video agregaremos el logotipo de la compañía para mantener la presencia de la marca en todo momento, de igual forma, agregaremos un formulario de acceso al área administrativa (Aún no desarrollado) del sitio.
Proyecto HTML y CSS - 18 - Animación Flecha en Hero y ajuste a campo contraseña10:38
Pequeño ajuste al campo de contraseña del video anterior y adición de una animación en el área del "Hero" que le brinde a nuestros visitantes un poco de retroalimentación visual.
Proyecto HTML y CSS - 19 - Creación de Barra Anclada Animada y Flotante de Redes52:19
Creación de una barra vertical anclada en la parte lateral derecha del sitio que contenga accesos a las distintas redes sociales con un toque de animación a través del uso de transiciones.
Proyecto HTML y CSS - 20 - Ajustes en el área del pie de página (footer)14:29
Eliminacion del área de redes sociales en el pie de página ya que se cuenta con nuevos accesos a través de la barra lateral, en consecuencia de esto crearemos una nueva área que hable acerca de la Pasión de los dueños del negocio.
Proyecto HTML y CSS - 21 - Mejorando nuestra área de productos44:35
Mejora considerable del área de productos a través de múltiples técnicas aprendidas.
Proyecto HTML y CSS - 22 - Soporte para más dimensiones de pantalla Parte 147:56
Definición de lo que son los "Puntos de control"/"Break points" y para que sirven, adicionalmente, agregaremos el primero para darle soporte en dispositivos móviles en formato vertical, también agregaremos una interesante funcionalidad a nuestro menú en este punto de control, para todo esto aprenderaz a utilizar el emulador de dispositivos de Google Chrome a través de sus herramientas de desarrollador y comenzarás a introducirte en el concepto de "Depuración".
Proyecto HTML y CSS - 23 - Soporte para más dimensiones de pantalla Parte 234:38
Completaremos todos nuestros puntos de control con las reglas CSS respectivas y las probaremos con nuestras herramientas de desarrollador de Chrome y su emulación de dispositivos.

También encontrarás como parte de los recursos de este video un archivo ZIP con todo el proyecto completo para que revises y corrobores todo, pero No lo vayas a ver antes de tiempo, te recomiendo que lo dejes solo para el final.

Permíteme servirte en otras áreas1:11
En este video te doy las gracias por haber completado el Curso y te hablo acerca de otras áreas en las cuales me pongo a tus servicios y me sentiré honrado de poder servirte.
Dos Increibles Extras que no querras perderte1:56
En este último video te otrogo 2 Increibles Extras que no querras perderte, la verdad es que te encantarán, y esto lo hago a manera de Agradecimiento por habernos dado la oportunidad de Instruirte todo este tiempo.

Así que nuevamente muchas gracias y hasta la próxima

Requirements

Saber instalar programas en el sistema operativo de tu elección
Es necesaria una conexón a internet
No es necesaria ningún tipo de experiencia previa de programación pero si ya conoces algo, te será de gran utilidad

Description

En este Diplomado HTML y CSS 2021 que CONSTA de prácticamente 40 HORAS te llevaré de la mano sin que tengas conocimientos previos, (Incluyendo el Código COMPLETO DEL PROYECTO FINAL), sin embargo, una ves que lo hayas completado, No sólo tendrás un conocimiento pleno y profundo de estos 2 lenguajes sino que podrás Crear SIN NINGÚN PROBLEMA una página Web real RESPONSIVA usando las habilidades adquiridas.

ADEMÁS DE LO ANTERIOR, al completar el curso RECIBIRÁS UNA INSIGNIA de BADGR emitida directamente por JullGreen, la cual cuenta con reconocimiento oficial y la puedes portar con orgullo en tu Curriculum Viate/Hoja de Trabajo, Mostrar en tu perfil de LinkedIn y prácticamente donde quieras. Nosotros, en conjunto con Badgr avalamos dicha insignia, y esta te será otorgada al finalizar el Diplomado.

En el Diplomado aprenderás HTML5 y CSS3 A FONDO y crearás la estructura y contenido de una página web con menú y distintas secciones de la mano de múltiples funcionalidades LISTA PARA SER OFRECIDA A CUALQUIER CLIENTE y obtener ingresos de forma inmediata.

De la mano de lo anterior brindarás interactividad a tu página web con CSS puro haciendo de esta una página super rápida en términos de carga en los navegadores.

También conocerás cómo establecer UN ENTORNO DE DESARROLLO DESDE CERO SIN CONOCIMIENTOS PREVIOS, aprenderás qué es un IDE (Integrated Development Environment/Entorno de Desarrollo Integrado) y para qué sirve y te mostraré alternativas TOTALMENTE GRATIS en el mercado para que tu elijas el que mejor se adapta a tus gustos.

Adicional a todo esto, aprenderás las bases de un increible pseudolenguaje llamado EMMET, con el cual podrás codificar a velocidades ridiculamente rápidas, ahorrándote tiempo y dándote la posibilidad de concluir tus proyectos mucho más velozmente para así ganar dinero de forma acelerada.

Por supuesto a lo largo de todo este curso yo te haré recomendaciones en muchos aspectos basadas en mi experiencia de prácticamente 22 años:

Desde el IDE que utilizo yo
El navegador que recomiendo de pruebas
Algunos complementos adicionales indispensables paral el IDE
Ténicas y tips super útiles en un entorno de programación
...y si esto fuera poco, aprenderás a usar tu teclado como nunca lo habías hecho, sí, tu teclado, aunque te parezca sorprendente, está comprobado que aquellos que usan su teclado de forma eficiente aprovechan su tiempo de formas más redituables, al final del día eso se traduce en ingreso de una forma más acelerada.

Who this course is for:

Aquellos que desean aprender a desarrollar páginas Web con un conocimiento pleno de HTML y CSS
Aquellos que están interesados en un cambio de carrera que puede darles grandes beneficios económicos
Aquellos que desean agregar un conjunto adicional de habilidades para así tener un ingreso extra
Aquellos que desean mejorar sus conocimientos de programación o solidifcarlos

Diplomado HTML 5 y CSS 3

What you'll learn

Explore related topics

Course content

Bienvenido3 lectures • 25min

HTML y CSS - Parte 1 - El Reto Comienza43 lectures • 15hr 14min

Proyecto - Sitio Web - Parte 117 lectures • 6hr 36min

HTML y CSS - Parte 2 - Nuestro kit de Hojalatería y Pintura29 lectures • 13hr 48min

Proyecto - Sitio Web - Parte 27 lectures • 4hr 3min

Algunas cosas finales2 lectures • 3min

Requirements

Description

Who this course is for: