Curso corto de Programación en JavaScript, HTML y CSS

Duración: 50 horas ONLINE  |  Ref (4836)

Consulte becas o como hacer el curso sin coste.
ID Curso
CURSO ID
4836
Modalidad
MODALIDAD
ONLINE
Familia
FAMILIA
VVE
Horas
HORAS
50 horas
Inicio
INICIO
INMEDIATO
Duración
DURACIÓN
11 semanas

Características:


Módulo de Programación con Javascript
.
1.- JavaScript
¿Qué es JavaScript?
Integrar JavaScript en una página web
Primer programa en JavaScript
Instrucciones
Tipos de datos
Literales
Conversión de tipos
Operadores
Uso de variables
Trabajo con variables
Comentarios en JavaScript
Sentencia if
Sentencia switch-case
Bucle while
Bucle do-while
Bucle for
Sentencia break y continue
Matrices
Video ejercicio – JavaScript
Autopráctica – Estructura if
Autopráctica – Uso de variables y sentencia if
Test – JavaScript

2.- Funciones JavaScript
Declaración de funciones
Definición de Parámetros
Valores de retorno
Ámbito de las variables
Función Number
Función String
Función isNaN
Función isFinite
Función parseInt
Función parseFloat
Función escape
Función unescape
Función eva
Video ejercicio – Funciones JavaScript
Autopráctica – Función parseInt
Autopráctica – Función par o impar
Test – Funciones JavaScript

3.- Objetos de JavaScript
Objeto envoltorio
Objeto Array
Objeto Date
Objeto Math
Objeto RegExp
Objetos del navegador
Objeto Window
Objeto navigator
Objeto screen
Objeto history
Objeto location
Objeto document
Objeto anchor
Objeto link
Objeto image
Video ejercicio – Objetos de JavaScript
Autopráctica – Función palíndromo
Autopráctica – Función de nueva página web
Test – Objetos de JavaScript

4.- DOM
Árbol de nodos
Tipos de nodos
Acceso directo a los nodos
Creación y eliminación de nodos
Video ejercicio – DOM
Autopráctica – Utilizando las funciones DOM
Autopráctica – getElementById
Test – DOM

5.- Trabajar con JavaScript y CSS
DOM para CSS
Atributo Style
Manipular clases de CSS
Manipular reglas de CSS
Manipular hojas de estilo
Activar y desactivar hojas de estilo
Incluir o importar hojas de estilo
Embeber hojas de estilo
Video ejercicio – Trabajar con JavaScript y CSS
Autopráctica – El atributo style
Autopráctica – Cambio de regla del contenedor
Test – Trabajar con JavaScript y CSS

6.- Eventos
Eventos en JavaScript
Eventos en una página HTML
Trabajar con eventos
Manejadores como atributos HTML
Trabajar con eventos en JavaScript
El objeto event
Propiedades
Video ejercicio – Eventos
Autopráctica – onmouseover y onmouseout
Autopráctica – onmousemove
Test – Eventos

7.- Formularios en JavaScript
Definir formulario
Cabecera del formulario
Elementos del formulario
Eventos de formulario
Submit
Focus
Blur
Click
Change
Enfoque de un campo
Deshabilitar campos de un formulario
Ocultar campos de un formulario
Validación de formularios
Añadir reglas de validación
Mensajes de error avanzados
Validación básica
Validación avanzada
Validación de casillas de selección y botones de opción
Dar formato a los mensajes de error
Video ejercicio – Formularios en JavaScript
Autopráctica – Elementos de tipo checkbox
Autopráctica – Crea un formulario
Test – Formularios en JavaScript

Módulo de HTML5: Programación
.
1. .- HTML5
¿Qué es HTML5?
La plantilla de HTML5
DOCTYPE
El elemento HTML
El elemento HEAD
El elemento body
El elemento meta
El elemento title
El elemento link
Funciona HTML5 en navegadores antiguos
Cierre de etiquetas en HTML5
Video ejercicio – HTML5
Autopráctica – Código fuente
Autopráctica – Crea una página web
Test – HTML5

2. .- Estructura de página HTML5
El esquema de documento
Elemento header
Elemento nav
Elemento section
Elemento aside
Elemento footer
Elemento article
Elemento Hgroup
Elemento figure
Elemento figcaption
Elemento mark
Elemento progress y meter
Elemento time
Elemento dialog
Elemento embed
Video ejercicio – Estructura de página HTML5
Autopráctica – Estructura de página HTML5
Autopráctica – Insertando contenido a la página
Test – Estructura página HTML5

3. .- Nuevas características
Elementos eliminados en HTML5
Atributos eliminados en HTML5
Elementos de bloque dentro de vínculos
Cambios en el texto
Negrita
Cursiva
Tamaño del texto
Elemento cite
Listas de descripción
Elemento details
Listas ordenadas personalizadas
Estilos con scoped
Video ejercicio – Nuevas características
Autopráctica – Realizando cambios
Autopráctica – Listas
Test – Nuevas características

4. .- Vídeo y Audio con HTML5
El video con HTML5 en los navegadores
Elemento video
Atributos del elemento video
Formatos de video
El atributo autoplay
El atributo loop
El atributo preload
El atributo poster
Elemento audio
Crear controles personalizados
Video ejercicio – Vídeo y Audio con HTML5
Autopráctica – Video y audio
Autopráctica – Atributos de Video
Test – Vídeo y Audio con HTML5

5. .- Formularios Web con HTML5: Atributos
El atributo required
El atributo autofocus
El atributo min
El atributo max
El atributo pattern
El atributo placeholder
El atributo step
El atributo accept
El atributo readonly
El atributo multiple
El atributo form
El atributo autocomplete
El atributo datalist
El atributo list
Video ejercicio – Formularios Web con HTML5: Atributos
Autopráctica – Formulario Web HTML5. Atributos
Autopráctica – Formulario Web HTML5. Atributos II
Test – Formularios Web con HTML5: Atributos

6. .- Formularios Web con HTML5: Elementos
Nuevas entradas de datos en formularios
El elemento output
El elemento keygen
El elemento form
El elemento optgroup
El elemento textarea
Video ejercicio – Formularios Web con HTML5: Elementos
Autopráctica – Formulario Web HTML5. Elementos
Autopráctica – Formulario Web HTML5. Elementos II
Test – Formularios Web con HTML5: Elementos

7. .- Canvas de HTML5
La etiqueta Canvas de HTML5
Para qué sirve Canvas
Preparando el lienzo
Canvas de HTML5 y JavaScript
Dibujo de figuras con Canvas de HTML5 I
Dibujo de líneas y combinación
Dibujo de líneas y combinación II
Dibujo de líneas y combinación III
Dibujo de líneas y combinación IV
Procesando imágenes
Video ejercicio – Canvas de HTML5
Autopráctica – elemento.rect
Autopráctica – Curvas bezier
Test – Canvas de HTML5

Módulo de Hojas de Estilo CSS3
.
1. – Introducción a CSS3
¿Qué es CSS3?
Selectores CSS3
Selectores relacionales
Selectores de atributo
Pseudo-clases
Pseudo-clases estructurales
Pseudo-elementos y contenido generado
Contenido generado
Video ejercicio – Introducción a CSS3
Autopráctica – Selectores
Autopráctica – Pseudo-elementos
Test – Introducción a CSS3

2. – Colores y texto en CSS3
Colores HSL
Colores HSLA
Colores RGBA
Opacidad
Text-shadow
Text-overflow
Rotura de palabras largas
Web Fonts
Border-Radius
Sombras
Video ejercicio – Colores y texto en CSS3
Autopráctica – Página web formulario
Autopráctica – Border-Radius y sombras
Test – Colores y texto en CSS3

3. – Degradados en CSS3
Degradados lineales
Degradados radiales
Degradados lineales de repetición
Degradados radiales de repetición
Múltiples imágenes de fondo
Tamaño de fondo
Video ejercicio – Degradados en CSS3
Autopráctica – Creando degradados I
Autopráctica – Creando degradados II
Test – Degradados en CSS3

4. – Transformaciones y Transiciones
Transiciones
Transition-property
Transition-duration
Transition-timing-function
Transition-delay
La propiedad abreviada transition
Múltiples transiciones
Transformaciones
Traslación
Escalar
Rotación
Inclinación
Cambiar el origen de la transformación
Video ejercicio – Transformaciones y Transiciones
Autopráctica – Estilos de transición
Autopráctica – Estilo de transformación
Test – Transformaciones y transiciones

5. – Animaciones en CSS3
Animaciones
Fotogramas clave
Propiedad animation-name
Propiedad animation-duration
Propiedad animation-timing-function
Propiedad animation-iteration-count
Propiedad animation-direction
Propiedad animation-delay
Propiedad animation-fill-mode
Propiedad animation-play-state
Propiedad abreviada animation
Video ejercicio – Animaciones en CSS3
Autopráctica – Crear una animación I
Autopráctica – Crear una animación II
Test – Animaciones en CSS3

6. – Fuentes y Diseño multicolumna en CSS3
Importar fuentes tipográficas mediante Font-face
Aplicar la fuente
Tipos de fuentes y navegadores
La propiedad column-count
La propiedad column-gap
La propiedad column-width
La propiedad abreviada columns
Columnas y la propiedad height
Propiedad column-rule
Salto de columna
Inserción de imágenes
Textos multicolumna
Video ejercicio – Fuentes y Diseño multicolumna en CSS3
Autopráctica – Texto multicolumnas
Autopráctica – Mofidicar un texto multicolumnas
Test – Fuentes y Diseño multicolumna en CSS3

Objetivos del curso

  1. Comprender los fundamentos del desarrollo web front-end.

  2. Aprender a estructurar páginas con HTML.

  3. Aplicar estilos y diseño visual mediante CSS.

  4. Dominar la programación básica en JavaScript para añadir interactividad.

  5. Desarrollar páginas web adaptables y bien estructuradas.

  6. Integrar HTML, CSS y JavaScript en proyectos reales.

  7. Adquirir buenas prácticas de codificación y organización del código.

Este curso está pensado para personas interesadas en iniciarse en el desarrollo web, ya sean estudiantes, profesionales de otras áreas que quieran reorientar su carrera hacia la programación, o desarrolladores que deseen reforzar su base en tecnologías como JavaScript, HTML5 y CSS3.

Descripción

Da vida a tus ideas web: ¡Domina el código ahora!

Información adicional

Modalidad

ONLINE

Tipo formación

Curso online

Valoraciones

No hay valoraciones aún.

Sé el primero en valorar “Curso corto de Programación en JavaScript, HTML y CSS”

    Para enviarte información sobre este curso, por favor, rellena los siguientes datos:

    Nombre (requerido)

    Teléfono: (requerido)

    Correo electrónico: (requerido)

    Acepto la Política de privacidad