Udemy

Platform

Español

Language

Web Development

Category

Curso completo: aprende HTML, CSS y JS desde cero con JB

Aprende las tecnologías web necesarias para hacer tus propias páginas web para ti y tus clientes desde cero

4.69 (259 reviews)

Curso completo: aprende HTML, CSS y JS desde cero con JB

Students

22 hours

Content

Jan 2020

Last Update
Regular Price

BLUE HOST
Blue Host
Fast, easy, and secure WordPress hosting in minutes + 1 free domain name
65%OFF : $2.95/month

What you will learn

Conocerás las etiquetas más importantes de HTML5, desde el header hasta el body de la web.

Aprenderás a crear páginas web desde cero con los lenguajes de marcas de HTML, CSS y Javascript

Estilizar tus propias webs gracias al CSS y a Bootstrap

Crear lógica de cliente para validar entradas de usuario como un profesional gracias a JavaScript


Description

¿Qué vas a aprender con Juan Gabriel?

Hoy en día todo diseñador gráfico y programador que se quiera dedicar al mercado web debe conocer los lenguajes de marcas más modernos cómo HTML, CSS y Javascript. Conocer este trío de lenguajes nos permite transformar los diseños e ideas de páginas web en experiencias interactivas, fundamental para que nuestros clientes se encuentren a gusto con lo que les hemos desarrollado.

HTML 5 nos permite maquetar sitios web a través de su sistema de etiquetas con atributos, los cuales podemos hacerlos visualmente atractivos con CSS e interactivos con Javascript. En particular, con Juan Gabriel Gomila, uno de los instructores más queridos por sus estudiantes aquí, en Udemy aprenderás a escribir muchas de las etiquetas que existen en HTML5, cómo se clasifican y se usan así como cuáles son sus funciones. A la vez y gracias a las propiedades de CSS les daremos una apariencia estética a nuestros sitios web y finalmente con Javascript podremos obtener datos de los usuarios y dar una respuesta acorde a sus preferencias.

Estructurado para aprender desde cero hasta ser un master del HTML, juntos estudiaremos las etiquetas más importantes de HTML5, desde el header hasta el body del sitio web, pasando por las etiquetas de encabezados, meta-datos, enlaces, estilos, listas ordenadas y no ordenadas, crear una barra de navegación, columnas, secciones, imágenes, video, audio y pie de página.

A la vez estilizaremos todos los elementos anteriores en base a las propiedades CSS y finalizaremos obteniendo datos de formularios con Javascript para poder hacer las webs más interactivas con los tres lenguajes de tecnologías cliente.

Además, podrás descargarte desde buen inicio el repositorio Github donde está todo el material necesario y el código de las clases para que puedas usarlo y compararlo con el tuyo por si te equivocas.


Content

Introducción

Introducción

Temario del curso

Conoce a tu instructor, Juan Gabriel Gomila

Sobre las tecnologías de front end y back end

Acerca de la valoración prematura del curso en Udemy

Repositorio Git con todos los proyectos del curso

HTML5, el lenguaje de etiquetas de web

Acerca de HTML5

Un editor de texto para gobernarlos a todos

Mi primer fichero HTML

Un recorrido histórico por HTML4.01 y XHTML

El estándar del siglo XXI: HTML 5

Cómo comentar nuestro código en HTML

Las meta etiquetas de la cabecera y los buscadores web

Las marcas principales de texto en HTML

Las divisiones lógicas y spans

Más etiquetas de HTML 5

Formas de cambiar el color

Las formas de declarar un CSS

Decoradores de los textos

Diferentes formatos en el texto

Ejercicio final: donde quiero viajar y qué quiero comer

Organización y estilo en HTML5

Acerca de la organización en base a etiquetas

Listas ordenadas

Listas sin ordenar

Estilizando las listas

Ejercicio: compañías tecnológicas y medios de transporte

Links externos

Links internos

Creando anclas dentro de nuestras páginas

Estilizando los links

Más sobre links

Más sobre listas

Ejercicio final: mis lugares favoritos y empresas tecnológicas (parte 2)

¿Te gusta el curso de HTML5?

Recursos multimedia en las webs

Las webs con recursos multimedia

La etiqueta para incluir imágenes en HTML

Imágenes con links

Audios incrustados en HTML

Videos incrustados en HTML

Videos de YouTube y Vimeo con iFrames

Ejercicio final: lugares a los que quiero ir (y ver)

Tablas y datos

La información en tablas

Las tablas en HTML

Los spans y captions de una tabla

Tablas con bordes estilizados y colapsados

Filas con colores alternos en una tabla

Ajustar el tamaño de una tabla y el estilo de sus captions

Otras formas de crear tablas

Ejercicio final: Las acciones de las empresas tecnológicas

Formularios y entrada de datos en HTML

Los formularios en internet

Crear un formulario en HTML 5

La entrada de datos

Los radio buttons

Los check boxes

Nuevos elementos de formulario de HTML5

Desplegables en HTML

Ejercicio final: un formulario de ingreso a un hospital

Distribuciones en el canvas con CSS

El papel del CSS en la distribución de objetos

El modelo de caja del CSS

Bordes y márgenes

Los paddings

Ejercicio sobre márgenes, bordes y paddings

Display block vs inline

Los distintos tipos de overflow

Divisiones fijas vs absolutas

Float left, float right y clear both para hacer dos columnas

Cómo hacer una barra de navegación

Ejercicio final: tu propia web

Un breve repaso de las etiquetas en HTML

Introducción a Javascript

Javascript, el lenguaje de la comunicación

Hola Javascript!

Javascript interno y externo

Las variables en Javascript

Ejercicio: en la granja de Pepito

Solución del ejercicio

Operadores en Javascript

Ejercicio sobre operadores de JS

Las bases de Javascript

Operadores de decisión en Javascript

¿Cómo puede un ordenador tomar decisiones?

Las condiciones más sencillas

Los operadores de comparación

Combinar condiciones booleanas con AND y OR

If y Else

If y Else combinados

Switch y Case

La toma de decisiones

Los diálogos entre usuario y javascript

Acerca de la comunicación usuario y ordenador

Alertas

Confirmaciones

Cuadros de avisos

Ejercicio: la edad perruna

Ejercicio resuelto : la edad perruna

Los diálogos con el usuario

Los operadores de iteración

La potencia de un ordenador y su capacidad de cálculo

Los bucles while

Los bucles do while

Los bucles for

¿Para qué pueden servir los bucles?

Ejercicio: cálculo del interés bancario

Ejercicio resuelto: la criba de Eratóstenes

Los bucles

Las funciones en Javascript

Las funciones en Javascript

Cómo se declara una función

Ejercicio: nuestras propias funciones

Parámetros de entrada de las funciones

Valores de retorno de una función

Llamar a funciones desde eventos

Ejercicio: saludar en varios idiomas y operaciones aritméticas

Ejercicio: una posible solución a la aritmética

El problema del NaN en Javascript

Las funciones

Colecciones de objetos en forma de array

Los arrays y las colecciones de objetos

Formas de instanciar un array

Recorriendo los elementos de un array de forma secuencial

Manipular los elementos de un array

Push y Pop

Sort y Splice

Ejercicio: Los lugares que quiero visitar (otra vez)

Los arrays

Los Strings

La importancia de los Strings

Propiedades y métodos de los Strings

Caracteres y posiciones dentro del String. La codificación en Unicode

IndexOf de un carácter

Ejercicio: Codificando una máquina de Turing

Trim, Replace y Split

Ejercicio: Juan Gabriel, el poeta del siglo XXI

Extraer información del usuario

Cada usuario es diferente

Datos del Navegador del Usuario

Acerca de la Ventana del Navegador

La información de la pantalla del dispositivo

El método Get Element By ID de Javascript

Más acerca del objeto document de Javascript

Más acerca del innerHTML

La consola de Chrome

Ejercicio: Formularios como un profesional

Introducción a las APIs

Las APIs en el mundo web

Creando una plantilla de Bootstrap

Acerca del sistema de Columnas de Bootstrap

Navegando por las alertas de Bootstrap

Insignias y menús de navegación de Bootstrap

El uso de los botones

Las Cards de Bootstrap

Carrousels y formularios en Bootstrap

Las barras de navegación de Bootstrap

Ejercicio final: crear un clon de Udemy con Bootstrap!

BONUS: Un regalo para ti

¡Espero que te haya gustado el curso!

BONUS: Un regalo para ti


Reviews

A
Alejandro24 September 2020

Está muy bien, pero estaría mejor si hiciera las cosas tal y como las explica. Es decir, si las css son para aplicar estilos, deja de aplicarlos sobre la página html

E
Excellentiam17 August 2020

excelente. He aprendido desde la nada y mi progreso a sido muy bueno. Todo se entiende a la perfección y siento que están pendientes de mi aun cuando no me conocen

T
Tomas4 August 2020

Muy bueno, pensaba que iba a ser un curso mas, pero me abrio las puertas a este mundo y la verdad que con muchos mas conocimientos de los que creia que me iban a enseñar.

C
Camilo20 July 2020

me gusta las clase pero yo quiero aprender que el formulario se enlase con mysql y me muestre los dato que los usarios y sobre scrist

A
Aitor24 May 2020

Muy buen curso y muy bien explicado por parte de Juan Gabriel. Fácil de seguir y con varios ejercicios para afianzar los conocimientos. También destacar que contesta rápido a las dudas.

J
Jordi5 February 2020

No había tocado nunca el tema de programación, y tengo interés en ella desde hace tiempo, no sólo html, css y js como en este curso, sino mucho más allá con data learning, python, c#, etc. Siendo sinceros, el curso es muy entendible y una verdadera joya, lo recomiendo a cualquiera y personalmente, voy a seguir con este profesor en varias otras aventuras.

A
Anne14 October 2019

Genial! un curso muy completo para una persona que está empezando de cero y no tiene ningún conocimiento previo

A
Alexis19 July 2019

Actualizo mi comentario, hasta ahora todo marcha bien, ya voy en el 50%, y me sigue gustando la forma de impartir el curso, al final del curso actualizare nuevamente mi reseña. Saludos a todos.

A
Alejandro22 June 2019

El curso fue justo lo que esperaba, esta estructurado de manera muy didactica y el profesor es muy bueno, los ejercicios te permiten aplicar lo aprendido y te incitan a investigar mas sobre el tema. Lo recomiendo.

J
Julian22 March 2019

Recomendadisimo, he aprendido mucho, la dificultad va aumentando gradualmentede de manera sana. Siento mucha satisfaccion cada vez que practico temas y veo como cada vez mis paginas mejoran. Ademas, que una vez se empieza a comprender la sintaxis todo cobra sentido como por ejemplo, leer paginas de programadores, en secciones de preguntas y respuestas, respecto a html, css, javascript etc. He leido que hay algunas personas que no les gusta que se hable mucho, porque "sí "El profesor habla bastante, pero la verdad me parece algo muy bueno porque se hace el curso menos denso, y más ameno.

M
Mauricio20 March 2019

Principalmente tiene una buena introducción porque te va planteando como se maneja y como se compone explicándote para que es cada objeto

A
Alejandro12 February 2019

está recién arrancando con información general, todavía no entramos en materia que es lo que me interesa

A
Andrés23 January 2019

Para una persona que sabe sobre tecnologias y hardware, pero que se quiere adentrar en el mundo del software de 10 puntos.

R
Rafael21 January 2019

Para mi es un curso muy bien explicado.Paso a paso.Con ejercicios sencillos que ayudan en ir asimilando el contenido

D
Diego13 December 2018

He terminado el curso y me hubiera gustado que también tuviera otro curso para complementar el diseño web con jquery, php entre otras tecnologías y lenguajes para complementar lo de diseño web, sin embargo en este curso en efecto aprendes las bases suficientes para seguir buscando por tu cuenta y así, sin embargo me gustaría que lo complementara con lo ya mencionado antes en esta misma reseña, ya que es un muy buen profesor y bastante carismático, no te aburre y te mantiene en el video sin dormirte, muy recomendado este curso.


Coupons

DateDiscountStatus
6/23/202192% OFFExpired
7/9/202192% OFFValid

1531272

Udemy ID

1/29/2018

Course created date

11/23/2019

Course Indexed date
Bot
Course Submitted by