fbpx
4.68 de 5
4.68
479 reseñas sobre Udemy

Desarrollo web desde cero: HTML5, CSS3, Javascript

Aprende los lenguajes que dan vida a la web desde cero a un nivel avanzado. Aprenderás HTML5, CSS3, Javascript.
Instructor:
Jorge Durand
1.771 estudiantes matriculados
Spanish [Auto]
Conceptos generales del desarrollo web.
HTML5, CSS3, Javascript y Responsive Desing.
Elementos y propiedades de cada lenguaje nuevos y actualizados.
Diseñar cualquier sitio web con HTML y CSS
Darle animaciones a fondo en tus páginas web.
Crear sitios adaptables a dispositivos moviles
Darle funcionalidades y dinamismo a paginas web mediante Javascript
Desde lo más básico a lo más avanzado en la creación de un sitio web profesional.

¿Quieres iniciar en el mundo del desarrollo web y no sabes el camino a seguir?

Cuando iniciamos en este mundo no se sabe el camino que se debe elegir. Es el problema principal de quien quiere iniciar en el desarrollo web, por tal motivo, creé este curso, para darte los tips y consejos necesarios y puedas adentrarte en el mundo del desarrollo web.

La linea de aprendizaje creada en este curso es ideal para una persona que no tenga ningún conocimiento previo, no importa si no sabes nada sobre la programación; iremos desde los conceptos más básicos y lograremos, con conceptos y prácticas, que tú puedas desarrollar cualquier página web. La metodología de aprendizaje es la ideal:

  • Cada concepto explicado desde cero, paso a paso.
  • Casi 20 horas de contenido.
  • Breve teoría y muchos ejercicios prácticos.
  • Linea de aprendizaje y orden progresivo desarrollado con detalle para que cada vez que avances de nivel sientas la progresión del curso.
  • Lo que aprendiste no lo olvidarás; por el contrario en cada sección aplicaremos más ejercicios para que refresques lo aprendido y lo pongas en práctica.
  • Pruebas de contenido al finalizar cada sección que refrescaran y agudizarán tus conocimientos.

 

Desarrollo web desde cero abarca muchísimo,es empezar desde conceptos básicos hasta crear tu propia página web.

Nuestra primera sección iremos desde el concepto más básico del desarrollo web y abarcaremos cada una de las tecnologías, te introducirás en el mundo de la programación.

La estructura de nuestra web es importante, por tal motivo comenzaremos a darle estructura y contenido a nuestras  páginas web aprendiendo el lenguaje de marcado HTML5.

Al dominar nuestro contenido y estructura, empezará la magia; porque eso es CSS3, magia pura para aplicarle presentación y estilos a nuestras páginas web; lo que imagines, lo puedes hacer con CSS3.

Nuestra evolución en este punto, es adaptar todo lo que sabemos al mundo actual; los diferentes tamaños de pantalla. Actualmente, tenemos una gran variedad de dispositivos con diferentes tamaños de pantalla, y queremos que nuestros elementos se adapten con el Responsive Desing.

Ya nuestras web tienen estructuras y estilos, pero les falta vida; para eso llega nuestro Javascript, el que es considerado el mejor lenguaje y el que mayor oportunidades laborales ofrece, ademas de que su sintaxis y fácil comprensión lo hacen ideal como nuestro primer lenguaje de programación.

A este punto, con nuestros conocimientos adquiridos, ya podemos realizar cualquier página web y lo pondremos a prueba desarrollando desde cero una página web para una empresa de comida rápida.

Ademas, tendrás soporte y ayuda para que puedas comprender todos los conceptos explicados y siempre tendrás una comunicación directa para resolver tus dudas.

 

Esto es más que un curso, es el inicio de una carrera en el desarrollo web; vas a aprender lo que se necesita para crear cualquier página web.

Únete al curso, te estoy esperando; ¡iniciemos el camino del desarrollo web!

 

 

Introducción: Empecemos en el desarrollo web.

1
Introducción al desarrollo web
2
Introducción HTML5, CSS3, Javascript
3
Recursos que utilizaremos
4
Visual Studio Code: Configuración y extensiones.

HTML5: Estructura y contenido

1
Introducción HTML5: ¿Que es? ¿Cómo se usa?
2
Etiquetas y estructura básica
3
Etiquetas de texto
4
Enlaces de navegación y tipos de enlaces.
5
Rutas en HTML explicadas a detalle
6
Creación de Listas
7
Creación de Tablas
8
Creación de Formularios
9
Tipos de Input en un formulario
10
Validación de datos con HTML5
11
Contenido Multimedia: Imagenes, audio, videos.
12
Etiquetas de Maquetado HTML
13
Video-Prueba de contenido HTML5
14
Recursos de la seccion

CSS3: Presentación y estilos

1
Introducción CSS3: ¿Qué es? ¿Cómo se usa?
2
Sintaxis básica
3
Selectores avanzados
4
Propiedades de Fonts CSS
5
Propiedades para textos
6
Unidades de medida en CSS
7
Como aplicar Colores
8
Contenedores: Box model
9
Contenedores: Aplicamos Sombras
10
Contenedores: Desbordamiento del contendio
11
Contenedores: Propiedades de Background
12
Contenedores: Nueva propiedad Background-Blend-Mode
13
PRACTICA: Aplicar estilos a Tablas
14
PRACTICA: Aplicar estilos a listas para convertirlo en un menú vertical
15
PRACTICA: Aplicar estilos a enlace para convertirlo en un botón
16
Posicionamiento CSS
17
Flexbox: Introducción
18
Flexbox: Ejes/Direcciones
19
Flexbox: Alineación de elementos
20
Flexbox: Alineación de elementos multilinea
21
Flexbox: Alineación individual
22
Flexbox: Propiedades elementos hijo
23
PRACTICA: Creación de un menú de navegación con Flexbox
24
PRACTICA: Aplicar estilos a un formulario con Flexbox
25
Grid: Introducción
26
Grid: Fundamentos
27
Grid: Posicionamiento
28
Grid: Areas
29
Grid: Alineación de elementos
30
Grid: Alineación en grupos de elementos
31
Grid: Implícita y Explícita
32
Grid: Fill y Fit
33
PRACTICA: Creación de estructura de una página web con Grid
34
Transformaciones con CSS
35
Transiciones CSS
36
Animaciones con CSS
37
PRACTICA: Creación de un Preloader con CSS
38
Variables
39
Propiedad Clip Path
40
Video-Prueba de contenido CSS3
41
Recursos de la seccion

Responsive Desing: Adaptable a dispositivos móviles

1
Introducción: ¿Qué es? ¿Cómo funciona?
2
Etiqueta Meta Viewport
3
Trabajando con Media Query
4
PRACTICA: Creación de un sitio web básico adaptable a dispositivos móviles
5
Video-Prueba de contenido Responsive Desing
6
Recursos de la sección

Javascript: Interacción y dinamismo.

1
Introducción Javascript: ¿Qué es? ¿Cómo se utiliza?
2
Variables
3
Tipos de datos
4
Arreglos
5
Métodos más utilizados para trabajar con Arreglos
6
Condicionales
7
Ciclo For
8
Ciclo While
9
Funciones
10
Scope de Javascript
11
Métodos para cadenas de texto
12
DOM: Introducción
13
DOM: Crear elementos de forma dinámica
14
DOM: Crear elemento de forma dinámica y manipular su contenido
15
DOM: Editar elementos
16
DOM: Trabajar con atributos
17
DOM: Aplicar estilos de forma dinámica
18
PRACTICA: Modificando elementos del DOM
19
Eventos
20
PRACTICA: Creación de una calculadora simple con Javascript
21
PRACTICA: Aplicando validación a campos de un formulario
22
Timers
23
Tiempo y fecha
24
PRACTICA: Creación de un reloj con Javascript
25
Local storage y Session storage
26
Video-Prueba de contenido Javascript
27
Recursos de la sección

PRACTICA: Página web de restaurante de comida rápida

1
Introducción: Mostrando nuestro sitio web
2
Creación de archivos y carpetas necesarias
4.7
4.7 de 5
Calificaciones 479

Calificación Detallada

5 estrellas
294
4 estrellas
153
3 estrellas
17
2 estrellas
2
1 estrellas
0
39345165ba02a2467f5da1626e02f758
Garantía de devolución de dinero de 30 días

Incluye

19 horas de video a pedido
5 artículos
Acceso completo de por vida
Acceso en el móvil y en la televisión
Certificado de finalización
Desarrollo web desde cero: HTML5, CSS3, Javascript
Precio:
$29.99 $22
bubble_bg_popup.png

Descarga las Herramientas Gratis