El curso de Desarrollo Web FrontEnd; HTML 5 y JavaScript; está dirigido a estudiantes y profesionales en general, que deseen conocer a fondo los fundamentos del Desarrollo FrontEnd, con uso del Lenguaje de Programación JavaScript y el lenguaje de etiquetado HTML 5 con CSS 3 y el framework Jquery.
Objetivo Principal:
El alumno estará capacitado para crear aplicaciones Web básicas con un deploy FrontEnd
Calendario y Costo:
Duración: 40 horas, 4 semanas
Horario: Martes y Jueves 18:00 a 22:00 hrs. UTC-5 (Lima/Bogotá/Quito)
Inicio: 05/07/2022
Lugar: Videoconferencia en vivo con Jitsi Meet y asistencia continua al alumno por WhatsApp.
Costo del Curso:
S/ 1200
Válido solo para personas naturales.
Por empresa contactarse a informes@aulautil.com para solicitar su cotización.
Informes e Inscripciones:
informes@aulautil.com
Puede realizar sus pagos por medio de PayPal o Western desde nuestro portal
Requisitos Previos:
Conocer como mínimo un lenguaje de programación
Materiales:
– Videoconferencia con Jitsi Meet
– Asistencia en tiempo real con AnyDesk
– Asistencia Online (foros) en campus virtual de forma permanente
– Todas las clases se graban y se comparten por YouTube Private
– Incorporación gratis al WhatsApp exclusivo del grupo del curso
– Certificado con valor curricular
– 1 Servidor VPS con Ip pública para cada alumno.
Syllabus del curso de Desarrollo Web FrontEnd:
1.- HTML
– Introducción
– Editores
– Documento HTML básico
– Elementos
– Atributos
– Encabezados
– Párrafos
– Estilos
– Formato
– Citas
– Comentarios
– Colores
– CSS
– Enlaces
– Imágenes
– Tablas
– Listas
– Bloques
– Clases
– Identificadores
– Iframes
– Frangmentos javaScript
– Rutas de archivos.
– El contenedor Head
– Crear un layout
– Crear un layout responsive
– Computercodes
– Entities
– Symbols
– Charset
– URL Encode
– XHTML
– Formularios en HTML
- Elementos de formulario
- Tipos de Input
- Atributos de input
2.- HTML 5
– Introducción
– Soporte
– Nuevos elementos
– Semántica
– Migración
– Guía de estilos
– Elementos de Media en HTML5
- Video
- Audio
- Plug-ins
- YouTube
– APIs en HTML 5
- Geolocalización
- Web Storage
- Web Workers
– Sintaxis
– How To
– Colores
– Backgrounds
– Bordes
– Margenes
– Padding
– Alto/Ancho
– Modelo de caja
– Outline
– Textos
– Fuentes
– Iconos
– Enlaces
– Listas
– Tablas
– Propiedad Display
– Propiedad Max-width
– Propiedad Position
– Propiedad Overflow
– Propiedad Float
– Inline-block
– Propiedad Align
– Selectores
– Pseudo-clases
– Pseudo-elementos
– Propiedad Opacity
– Demo: Barra de navegación
– Dropdowns
– Demo: Galería de imágenes
– Sprites de imágenes
– Selectores de atributos
– Formularios
– Contadores
– Plantilla de sitio web
– Unidades de medida
– Especificidad de CSS
4.- CSS 3 Avanzado
– Bordes redondeados
– Bordes de imágenes
– Fondos
– Colores
– Gradientes
– Sombras
– Efectos de texto
– Web fonts
– Transformaciones 2D
– Transformaciones 3D
– Transiciones
– Animaciones
– Tooltips
– Estilo sobre imágenes
– object-fit
– Botones
– Paginación
– Múltiples columnas
– Interfaces de usuario
– Variables
– Box Sizing
– Flexbox
– Media Queries
– Ejemplo de Media Queries
5.- Responsive Web Design
– Introducción
– Viewport
– Grid View
– Media Queries
– Imagenes
– Videos
– Frameworks
– Templates
– Grid Layout
- Introducción
- Grid Layout Container
- Grid Layout Item
6.- JavaScript
– Introducción
– Dónde empezar
– Salida de información
– Declaraciones
– Sintaxis
– Comentarios
– Variables
– Ámbito de las variables
– Operadores
– Asignaciones
– Tipos de datos
– Funciones
– Objetos
– Eventos
– Strings
– Métodos Strings
– Números
– Métodos de Números
– Arrays
– Métodos de Arrays
– Ordenamiento de Arrays
– Interación de Arrays
– Fechas
– Formato de fecha
– Obtener métodos de fecha
– Establecer fechas
– Objeto Math
– Objeto Random
– Booleanos
– Comparaciones
– Condicionales
– Declaración Switch
– Bucle For
– Bucle While
– Break y Continue
– Conversión de tipo
– Expresiones regulares
– Errores
– Hoisting
– Modo Stricto
– Palabra clave this
– Palabra clave Let
– Palabra clave Const
– Debugging
– Guía de estilos
– Mejores prácticas
– Errores comunes
– Rendimiento
– Palabras reservadas
– Versiones ES5 y ES6
– Notación JSON
– Formularios
– Objetos
- Definición de objetos
- Propiedades de objetos
- Métodos de objetos
- Getters y Setters para Objetos
- Constructores
- Prototipos
- Objetos en ECMAScript 5
– Funciones
- Definición de funciones
- Parámetros de funciones
- Invocación de funciones
- Método Call
- Método Apply
- Closures
– Objeto DOM
- Métodos del DOM
- Objeto Document
- Elementos del DOM
- DOM HTML
- DOM CSS
- Animaciones sobre el DOM
- Eventos del DOM
- Escuchando eventos del DOM
- Navegar por el árbol del DOM
- Nodos del DOM
- Colecciones del DOM
- Listado de nodos del DOM
7.- Ajax
– Introducción
– El objeto XMLHttpRequest
– Enviar Request al servidor
– Recibir Response del servidor
– Interactuando con aplicación PHP
8.- JQuery
– Introducción
– Sintaxis
– Selectores
– Eventos
– Effects
– Ocultar/Mostrar elementos
– Efectos usando Fade
– Efectos usando Slide
– Animaciones
– Detener animaciones con stop()
– Callbacks en jQuery
– Encadenando métodos
– Obtener datos
– Configurar datos
– Añadir elementos
– Remover elementos
– Clases CSS
– Método css()
– Dimensiones de elementos
– Atravezando elementos HTML
– Antecesores
– Descendientes
– Hermanos
– Filtros
– AJAX en JQuery
- Método Load
- Métodos Get/Post
– Miscelaneos
– método noConflict()
– Filtros
