Centro Privado Autorizado de Artes Plásticas y Diseño INUTEC

      Boostrap & JQuery

      Centro Privado Autorizado de Artes Plásticas y Diseño INUTEC
      En Bilbao
      • Centro Privado Autorizado de Artes Plásticas y Diseño INUTEC

      Curso gratis
      subvencionado por el Estado
      CURSO PREMIUM
      ¿Quieres hablar con un asesor sobre este curso?
      ¿Quieres hablar con un asesor sobre este curso?

      Información importante

      Tipología Subvencionado
      Lugar Bilbao
      Inicio 11/09/2019
      • Subvencionado
      • Bilbao
      • Inicio:
        11/09/2019
      Descripción

      Hoy en día los dispositivos móviles son los más empleados para navegar por internet, es por ello que es fundamental conocer el enfoque mobile first y dominar las técnicas del diseño responsive o adaptativo.

      Casi todos los sitios web utilizan JavaScript para integrar funcionalidades, el diseño de interacción es uno de los valores que ayuda a diferenciar una web y a conseguir la satisfacción de sus usuarios.

      JQuery, es la librería javascript más utilizada en el desarrollo de entornos interactivos.
      Aprenderemos a generar contenido interactivo de una manera ágil y sencilla, sin necesidad de profundizar en conceptos de programación javascript, utilizando técnicas y herramientas que te permitirán extender la funcionalidad de tus sitios web.
      Con Bootstrap aprenderemos a utilizar el framework de diseño web más popular para crear páginas webs adaptables a dispositivos móviles, generando interfaces funcionales y atractivas de una manera sencilla.

      Instalaciones (1) y fechas
      Dónde se imparte y en qué fechas
      Inicio Ubicación
      11 sep 2019
      Bilbao
      PUENTE DE DEUSTO,7, 48014, Vizcaya, España
      Ver mapa
      Inicio 11 sep 2019
      Ubicación
      Bilbao
      PUENTE DE DEUSTO,7, 48014, Vizcaya, España
      Ver mapa

      A tener en cuenta

      · ¿Cuáles son los objetivos de este curso?

      Hoy en día los dispositivos móviles son los más empleados para navegar por internet, es por ello que es fundamental conocer el enfoque mobile first y dominar las técnicas del diseño responsive o adaptativo. Casi todos los sitios web utilizan JavaScript para integrar funcionalidades, el diseño de interacción es uno de los valores que ayuda a diferenciar una web y a conseguir la satisfacción de sus usuarios. JQuery, es la librería javascript más utilizada en el desarrollo de entornos interactivos. Aprenderemos a generar contenido interactivo de una manera ágil y sencilla, sin necesidad de profundizar en conceptos de programación javascript, utilizando técnicas y herramientas que te permitirán extender la funcionalidad de tus sitios web.

      · Titulación

      Diploma de la realizacion del curso

      · ¿Qué pasará tras pedir información?

      el centro se pondra en contacto contigo para enviarte informacion sobre los pasos a seguir parar apuntarse al curso

      Preguntas & Respuestas

      Plantea tus dudas y otros usuarios podrán responderte

      ¿Qué aprendes en este curso?

      Eventos
      Sitios web
      Dispositivos móviles
      jQuery
      Funcionalidad web
      Ultizar el framework
      Formularios
      Javascript
      HTML
      Galerias
      CSS
      Árbol de nodos
      Operadores
      Tipos de datos
      Vectores
      Estructuras de control
      Selección de elementos
      Trabajar con selecciones
      Manipulación de elementos
      Vincular eventos a elementos

      Profesores

      Equipo Docente
      Equipo Docente
      Profesorado

      Temario

      Introducción a JavaScript

      · ¿Qué es JavaScript?

      · Especificaciones oficiales

      · Cómo incluir JavaScript en documentos HTML

      · Glosario básico

      · Sintaxis básica

      Conceptos Básicos de Programación

      · Operadores

      · Tipos de datos

      · Vectores

      · Objetos

      · Variables, propiedades

      · Funciones, métodos

      · La palabra clave this

      · Alcance

      Estructuras de control

      · Estructura if...else

      · Estructura switch

      · Estructura while

      · Estructura for

      · Estructura for...in


      DOM

      · Árbol de nodos

      · Tipos de nodos

      · Acceso directo a los nodos

      · Creación y eliminación de nodos

      · Acceso directo a los atributos XHTML

      · Ejercicios sobre DOM


      Conceptos Básicos de JQuery

      · $(document).ready()

      · Selección de elementos

      · Trabajar con selecciones

      · CSS, estilos, y dimensiones

      · Atributos

      · Recorrer el DOM

      Manipulación de Elementos

      · Obtener y establecer información en elementos

      · Mover, copiar y remover elementos

      · Crear nuevos elementos

      · Manipulación de atributos

      Eventos

      · Introducción a eventos

      · Vincular eventos a elementos

      · Métodos de eventos

      · El objeto del evento

      · Funciones auxiliares de eventos

      Efectos

      · Introducción a efectos

      · Efectos incorporados en la biblioteca

      · Cambiar la duración de un efecto

      · Callbacks

      · Efectos personalizados

      · Easing

      · Control de efectos


      Optimización y componentes

      · Organización del código

      · Mejores prácticas para aumentar el rendimiento

      · Trabajo con componentes, plugins y widgets de JQuery UI

      Práctica Final

      Durante este módulo se elaborará un ejercicio práctico personal, en el que se pondrán en marcha y desarrollarán los conocimientos adquiridos, a través de un proyecto de implementación de interactividad en una web real.



      Qué es Bootstrap

      · Crear de forma sencilla webs de diseño adaptable

      Grid de Bootstrap

      · La rejilla mágica

      · El sistema de columnas

      · Diseño adaptable a todos los dispositivos

      · El concepto Mobile First


      Elementos de Bootstrap

      · Las tipografías, estilos para uso directo

      · Las imágenes adaptables

      · Tablas visibles en cualquier dispositivo

      · Opciones de diseño: alineaciones, listas…


      Flexbox

      · El sistema de elementos flexibles

      · Alinear el contenido dentro de los elementos


      Componentes de Bootstrap

      · Los botones y sus estados

      · Etiquetas, tarjetas, encabezados…

      · Componentes interactivos: pestañas, desplegables, ventanas emergentes…

      · Menús interactivos

      · Cards, contenedores extensibles de contenido


      Formularios

      · Diseño adaptable de formularios

      · Casillas de verificación, desplegables, campos de introducción…

      · Configurar según el estado de los campos

      · Validación, estilos personalizados

      Utilidades de Bootstrap

      · Bordes, colores, sombras… elementos de estilo

      · Utilidades de diseño adaptable