TRABAJA EN DISEÑO, MAQUETACIÓN O PROGRAMACIÓN WEB

PRÁCTICAS EN EMPRESAS DE 12 PAÍSES - OCUPACIÓN CON PLENO EMPLEO

Próxima promoción: 26 de septiembre - MATRÍCULA ABIERTA

En España mensualmente se contratan más de 500 diseñadores web y social media junior con retribuciones que oscilan entre los 1.200€ / 1.500€ mensuales

Te convertimos en el profesional 360º que las empresas solicitan

Ten en cuenta…

Perfil de acceso:
  • Jóvenes estudiantes, graduados, licenciados, diplomados o formación profesional en Comunicación audiovisual, Publicidad, Marketing.
  • Motivados a conseguir su primer trabajo o tener más oportunidades laborales.
  • Emprendedores que deseen crear su propia empresa constituyendo una Sociedad o de forma autónoma.

Trabaja en diseño, maquetación o programación web

Próxima edición online:
  • 26 de noviembre de 2018 al 5 de julio de 2019 (navidades periodo no lectivo).
  • 25 semanas + 3 meses de prácticas.
Precio: *Consulta las BECAS de descuento para recién titulados/as y/o desempleados/as.

Matricúlate hasta el 30 de Octubre. Infórmate

NO SON PALABRAS, SON HECHOS

325 JÓVENES UNIVERSITARIOS Y 85 EMPRESAS DE 12 PAÍSES han apostado por nuestros programas de incorporación de TALENTO JOVEN EN EMPRESAS.
Fomentamos el “MOVING INTERNATIONAL”: el 27% DE NUESTRO ALUMNADO ha optado por realizar prácticas en empresas radicadas en otro país o continente.
TÚ ELIGES DÓNDE REALIZAR TUS PRÁCTICAS: ¿En tu país? ¿En Europa? ¿En Latinoamérica?

PLAN DE ESTUDIOS

El programa más práctico del mercado

Semana 0. Presentación.

  • ¡Conozcámosnos! Nos presentaremos todos los participantes del curso: equipo docente y alumnado. Cuéntanos tus inquietudes y motivaciones. Te contaremos de forma breve como será el día a día del curso. Explicaremos los dos especialidades del curso para que puedes ir viendo si te gusta una u otra, pero tranquilo no tendrás que decidir hasta finalizar el módulo 2 (día 60).

Semana 01. Crear un archivo HTML con los elementos esenciales de una web - 10h.

  • Webinar: (50') Elegimos nuestro editor de código y creamos nuestra primera página HTML.
  • Píldora formativa:
    1. ¿Qué es el lenguaje HTML?
    2. Estructura y partes de una página web.
  • Actividad:
    1. Crear el archivo HTML con la estructura base de un página web.
    2. Despiezar la estructura de la web (header, menú, body, sidebar, footer).
  • Píldora formativa: Añadir encabezados y párrafos.
  • Actividad: Incluir en el archivo HTML los encabezados y los párrafos.
  • Píldora formativa: Añadir listas: ordenadas, desordenadas y de definición.
  • Actividad: Incluir en el archivo HTML las listas.
  • Píldora formativa: Añadir imágenes y enlaces.
  • Actividad: Incluir en el archivo HTML imágenes y enlaces.
  • Píldora formativa: Dibujar tablas. Combinar filas y columnas.
  • Actividad: Crear una tabla en el archivo HTML y valida el código de tu plantilla.
  • Ponte a prueba: Entrega la maqueta de la web con los elementos esenciales.

Semana 02. Aplica estilos a los textos y organiza los elementos en bloques - 10h.

  • Webinar: (50') Estilos: vamos a poner guapa a nuestra web.
  • Píldora formativa:
    1. Estilos en etiquetas HTML.
    2. Color de la fuente.
    3. Color de fondo.
  • Actividad: Añadir estilos en línea para cambiar el color de fuente del archivo HTML.
  • Píldora formativa: Tipografía en la web.
  • Actividad: Dar estilos a los textos del archivo HTML.
  • Píldora formativa: Formularios.
  • Actividad: Insertar el formulario en la web.
  • Webinar: (50') Modelo de cajas.
  • Píldora formativa: Capas y maquetas con el modelo de cajas.
  • Actividad: Agrupar los elementos del archivo HTML en capas y otros y modificar la estructura del archivo HTML hacia el modelo de cajas.
  • Píldora formativa: Flotar elementos.
  • Actividad: Flotar los bloques del archivo HTML para posicionarlos.
  • Ponte a prueba: Entrega la maqueta de la web con estilos para los textos y los elementos organizados en bloques flotados.

Semana 03. Aplica estilos a los bloques - 10h.

  • Píldora formativa: Separar estilos y añadir clases.
  • Actividad: Pasar todos los estilos del archivo HTML a la etiqueta 'style'.
  • Píldora formativa: Asignar y editar propiedades de capas.
  • Actividad: Sobre el archivo HTML modificar esos atributos acordes al modelo dado.
  • Píldora formativa: Hojas de estilo.
  • Actividad: Pasar los estilos a una hoja CSS.
  • Píldora formativa: Selección de elementos con CSS
  • Actividad: Sobre el archivo CSS mejorar la selección de elementos acorde a un modelo dado.
  • Píldora formativa: Tabular y comentar el código HTML.
  • Actividad: Tabular y comentar el archivo HTML creado.
  • Ponte a prueba: Entrega la maqueta de la web con la hoja de estilos.

Semana 04. Actualiza la maqueta a HTML5 y CSS3 - 10h.

  • Webinar: (50') La web semántica. HTML5.
  • Píldora formativa: HTML5.
  • Actividad: Organiza los bloques en etiquetas semánticas.
  • Píldora formativa: Formularios HTML5 y más elementos HTML5.
  • Actividad: Actualiza el formulario de la web usando HTML5.
  • Píldora formativa:
    1. Transparencias, sombras, bordes con imágenes y esquinas redondeadas.
    2. Texto en columnas y dividir palabras.
  • Actividad:
    1. Redondear esquinas de los botones de la maqueta.
    2. Crear un texto en columnas y con separación de palabras.
  • Píldora formativa: Animaciones y transiciones.
  • Actividad: Añadir una transición de color al hover (cuando el cursos del ratón está encima) de los botones.
  • Píldora formativa: Pseudoselectores, after y before e iconos en fuentes.
  • Actividad: Añade iconos a los botones mediante pseudoselectores.
  • Ponte a prueba: Entrega la maqueta de la web actualizada a HTML5 y CSS3.

Semana 05. Añade interactividad a la web - 10h.

  • Webinar: (50') Añadir interactividad a la web. Si te gusta este tema, podrás aprender más si te decides por la especialización en programación.
  • Píldora formativa: jQuery y JavaScript.
  • Actividad: Insertar jQuery en la web.
  • Videotutorial: Crear un carrusel.
  • Actividad: Implementa un carrusel en la zona superior de tu web.
  • Videotutorial: Crear un galería de imágenes.
  • Actividad: Implementa una galería de imágenes para la ficha de proyecto de tu portfolio.
  • Videotutorial: Mover el scroll suave.
  • Actividad: Añade el efecto de movimiento suave del scroll a todos los enlaces a anclas de la misma página.
  • Videotutorial: Igualar columnas.
  • Actividad: Iguala las columnas de las diferentes secciones del portfolio.
  • Ponte a prueba: Entrega la maqueta de la web con elementos interactivos.

Semana 06. Adapta la web a todos los tamaños de dispositivos (responsive design) y súbela a internet - 10h.

  • Webinar: Diseño web responsive.
  • Píldora formativa: Media queries.
  • Actividad: Adapta la hoja de estilos para que la home de tu portfolio sea responsive en versión smartphone.
  • Píldora formativa: Menús responsives.
  • Actividad: Haz el menú de tu portfolio responsive en versión smartphone.
  • Píldora formativa: Sliders responsives.
  • Actividad: Haz los sliders de tu portfolio responsives en versión smartphone.
  • Píldora formativa: Portrait y landscape.
  • Actividad: Adapta la hoja de estilos para que la home de tu portfolio sea responsive en versión tablet.
  • Píldora formativa: Dominios y hostings.
  • Videotutorial: Conectar el editor de código al FTP para trabajar online.
  • Actividad: Contratar un dominio y un hosting.
  • Ponte a prueba: Subir la web al FTP.

Semana 07. Utiliza Bootstrap para maquetar ágil en un sistema de columnas - 10h.

  • Píldora formativa: Bootstrap.
  • Actividad: Modificar la estructura de tu portfolio para utilizar Bootstrap.
  • Píldora formativa: Retículas: sistemas de columnas.
  • Actividad: Crear la retícula de la web.
  • Píldora formativa: Estilos predefinidos: tipografía, tablas, botones e imágenes.
  • Actividad: Modificar el marcado de los elementos de tu portfolio para utilizar los estilos predefinidos de Bootstrap.
  • Píldora formativa: Componentes.
  • Actividad: Modificar el marcado de los elementos de tu portfolio para utilizar los estilos predefinidos de Bootstrap.
  • Píldora formativa: Formularios en Bootstrap.
  • Actividad: Modifica los formularios de tu portfolio para utilizar los estilos predefinidos de Bootstrap.
  • Ponte a prueba: Sube al FTP tu portfolio maquetado con Bootstrap.

Semana 08. Utiliza los componentes de Bootstrap para maquetar ágil - 10h.

  • Píldora formativa: Menús en Bootstrap.
  • Actividad: Adapta el marcado de tu menú a Bootstrap.
  • Píldora formativa: Acordeón (accordion).
  • Actividad: Convierte en un acordeón la sección de tu portfolio donde muestras tus competencias.
  • Píldora formativa: Pestañas (tabs).
  • Actividad: Crea dos pestañas, una con un formulario de contacto y otra con tus datos de contacto.
  • Píldora formativa: Ventanas modales (modal windows).
  • Actividad: Crea una ventana modal para el envío del formulario.
  • Píldora formativa: SASS.
  • Actividad: Adapta la hoja de estilos a SASS y compílala.
  • Ponte a prueba: Sube al FTP la última versión de la maqueta de tu portfolio.

Semana 09. Instala y configura WordPress. Crea los archivos esenciales de tu plantilla - 10h.

  • Webinar: (50') Gestores de contenido. ¿Qué son? ¿Por qué WordPress?
  • Videotutorial: Instalar y configurar WordPress.
  • Actividad: Instalar WordPress y configuración esencial.
  • Píldora formativa: Diferencias entre entradas y páginas, categorías y etiquetas.
  • Videotutorial: Asociar entradas a categorías.
  • Infografía: Crea un árbol de contenidos funcional.
  • Actividad:
    1. Identifica los diferentes elementos que componen tu árbol de contenidos.
    2. Crear categorías, entradas y páginas.
    3. Crea las entradas asociadas a las categorías.
  • Videotutorial: ¿Qué archivos forman parte de mi plantilla de WordPress? Archivo functions.php
  • Actividad: Añade a tu archivo functions.php los elementos que contendrá tu plantilla (menú, campos personalizados,categorías, etc.)
  • Videotutorial: Crear la página principal (front-page.php) y crear la cabecera y el pie de página (header.php y footer.php)
  • Actividad: Crear el archivo front-page.php, header.php y footer.php.
  • Videotutorial: Crear menús en WordPress y asociarlos a una posición en el theme.
  • Actividad: Crea los menús de tu portfolio en WordPress e inclúyelos en el theme.
  • Ponte a prueba: En tu dominio ya debe estar funcionando la frontpage de WordPress.

Semana 10. Crea las plantillas para entradas, categorías y páginas. Añade formularios – 20h.

  • Webinar: (50') ¿Por qué crear una plantilla personalizada?
  • Píldora formativa: Herencia de plantillas.
  • Videotutorial: Crear la herencia de plantillas.
  • Actividad: Crear plantillas padre e hijo (herencia) en tu sitio web.
  • Videotutorial: Personaliza la página de categorías.
  • Actividad: Crea las diferentes páginas para las categorías de tu plantilla.
  • Videotutorial: Plantillas personalizada para páginas.
  • Actividad: Crea las diferentes plantillas para las páginas de tu tema.
  • Videotutorial: Uso de Sidebar en WordPress.
  • Actividad: Crea los Sidebar de la plantilla.
  • Videotutorial: Formularios de contacto e implementación.
  • Actividad: Crea el formulario de contacto de tu web.
  • Ponte a prueba: Las categorías y páginas de tu WordPress ya deben ser funcionales.

Semana 11. Instala plugins, añade campos y tipos de entradas personalizados en tu plantilla - 20h.

  • Webinar: (50') Plugins esenciales y plantillas en WordPress.
  • Píldora formativa: Plugins esenciales en WordPress.
  • Actividad: Instala en WordPress los principales plugins usados.
  • Videotutorial: Crear campos personalizados con WordPress.
  • Actividad: Crea los campos personalizados de tu plantilla.
  • Videotutorial: Entradas personalizadas (Custom Post Types).
  • Actividad: Crear entradas personalizadas para tu plantilla.
  • Videotutorial: Cómo crear un landing de página en construcción.
  • Actividad: Instala y configura el plugin Under Construction.
  • Webinar: Trabajar en local. Una buena práctica.
  • Videotutorial: Base de datos en WordPress.
  • Actividad: Descargar la web, instalarla en local, modificarla y volverla a subir.
  • Ponte a prueba: Tu primera plantilla de WordPress ya está lista. Páginas personalizadas, entradas asociadas, campos y entradas personalizadas.

Semana 12. Crea una tienda online con WordPress - 20h.

  • Webinar: Convirtiendo mi WordPress en una tienda online.
  • Videotutorial: Instalación de Woocommerce.
  • Actividad: Instala el plugin de Woocommerce y configura los parámetros.
  • Videotutorial: Cómo personalizar la plantilla de la ficha de producto.
  • Actividad: Crea la plantilla de la ficha de producto.
  • Píldora formativa: Filtros en las categorías.
  • Videotutorial: Cómo personalizar las plantillas para las categorías de productos.
  • Actividad: Crea las plantillas de listados de productos.
  • Videotutorial: Cómo personalizar las plantillas del proceso de compra.
  • Actividad: Crea las plantillas del carrito de la compra.
  • Píldora formativa: Indexación de WordPress.
  • Videotutorial: ¿Cómo enlazo mi web con Google Analytics y Google Adwords?
  • Actividad: Optimiza tu web para su indexación con el plugin Yoast SEO.
  • Ponte a prueba: Tu tienda online debe estar completamente operativa para el cliente.

Semana 13. Crear un archivo PSD imitando el modelo de diseño de portfolio dado – 6h.

  • Videotutorial: El espacio de trabajo.
  • Actividad: Personaliza tu espacio de trabajo en Photoshop para el diseño de webs.
  • Aquellos alumnos que por su perfil académico o profesional carezcan de conocimientos esenciales de diseño se les proporcionará material para que estudien en paralelo los siguientes aspectos:

    • Principios del diseño.
    • Tipos de diseño.
    • El color.
    • Líneas, texturas y formas.
    • Espacios en blanco.
    • Formatos de imagen.
  • Videotutorial: Crear un nuevo documento, abrir una imagen, herramienta mover y, por último, guardar el documento.
  • Actividad: Inserta en tu documento las imágenes del modelo de diseño de portfolio dado.
  • Videotutorial:
    1. Instalar una tipografía de Google Fonts y uso de la herramienta texto.
    2. Uso de reglas y guías.
  • Actividad: Inserta en tu documento los textos del modelo de diseño de portfolio dado.

Semana 14. Crear un archivo PSD imitando el modelo de diseño de portfolio dado – 4h.

  • Videotutorial:
    1. Herramientas de formas, selección y rellenar.
    2. Crear capas y estilos de capas.
  • Actividad: Inserta en tu documento las formas del modelo de diseño de portfolio dado.
  • Videotutorial: Máscaras de recorte y acciones.
  • Actividad: Crear en tu documento las máscaras de recorte necesarias para ajustar tu archivo al modelo de diseño de portfolio dado.
  • Ponte a prueba: En esta primera semana deberás entregar una réplica de un diseño web realizado en Photoshop, ¿serás capaz? ¡Seguro que sí!

Semana 15. Crear un PSD con el diseño de la home de tu portfolio - 6h.

  • Píldora formativa: Inspírate en los mejores diseños web.
  • Infografía: Cómo crear un wireframe (el boceto del esquema de una web).
  • Actividad: Dibuja el wireframe de la home de tu portfolio.
  • Píldora formativa: Cómo elegir una paletas de colores para web.
  • Videotutorial: Agrupar capas, seleccionar colores y añadir muestras de color.
  • Actividad: Añade los colores de la paleta elegida a las muestras y aplica estos colores al diseño de la home de tu portfolio.
  • Píldora formativa: Copywriting: Técnicas para escribir en nuestra web
  • Videotutorial: Párrafos en Photoshop.
  • Actividad: Inserta los textos de la home de tu portfolio.

Semana 16. Crear un PSD con el diseño de la home de tu portfolio - 4h.

  • Webinar: (50') Usabilidad y accesibilidad. Tus webs, además de bonitas, deben ser usables y accesibles, ¡para que llegue a más visitas, se queden más tiempo en ell y vuelvan!
  • Píldora formativa: Decálogo de usabilidad y accesibilidad web.
  • Actividad: Chequea el decálogo de usabilidad y accesibilidad web para que tu diseño lo cumpla.
  • Píldora formativa: Tipos de imágenes.
  • Videotutorial: Optimizar y exportar.
  • Actividad: Optimiza y exporta el diseño de la home de tu portfolio.
  • Ponte a prueba: Finaliza la segunda semana del curso y deberás entregar la página principal (home/inicio) de tu portfolio. ¡Dale rienda suelta a tu creatividad!

Semana 17. Dibujar los wireframe de tu portfolio – 6h.

  • Webinar: (50') Arquitectura de la información y experiencia de usuario. El contenido de tu web debe ser de calidad, pero además debe estar en el sitio adecuado, ¡pónselo fácil a las visitas!
  • Píldora formativa: Cómo crear mapas mentales con Coogle.
  • Actividad: Crear el árbol de contenidos de tu portoflio.
  • Webinar: (50') Responsive design. El móvil ya ha superado al ordenador en visitas a internet, ¡empecemos el diseño pensando en móviles!
  • Píldora formativa: Sistema de columnas.
  • Actividad: Crear los archivos PSD para el diseño de las versiones tablet y smartphone, en portrait y landscape (vertical y apaisado).
  • Videotutorial: Medidas del documento.
  • Actividad: Dibujar los wireframe de todas las páginas en versión smartphone.

Semana 18. Dibujar los wireframe de tu portfolio – 4h.

  • Píldora formativa: Herramientas de wireframing.
  • Actividad: Dibujar los wireframe de todas las páginas en versión tablet.
  • Píldora formativa: Convenciones para el wireframing.
  • Actividad: Dibujar los wireframe de todas las páginas en versión móvil.
  • Ponte a prueba: En esta tercera semana deberás entregar el wireframe de tu web en todas sus versiones (smartphone, tablet y desktop).

Semana 19. Generar los archivos PSD de la versión smartphone del diseño de tu portfolio – 9h.

  • Webinar: (50') Tendencias en diseño web responsive. ¡También queremos que estés a la última en diseño para dispositivos móviles!
  • Píldora formativa: Header y footer.
  • Actividad: Diseñar la cabecera y pie de tu portfolio en versión smartphone.
  • Píldora formativa: Creación de menús en tu web.
  • Videotutorial: Diseñar el menú de tu web.
  • Actividad: Diseñar el menú de tu portfolio en versión smartphone.
  • Píldora formativa: Sidebars (la barra lateral de las web).
  • Videotutorial: Diseño de sidebars.
  • Actividad: Diseñar la sidebar de tu portfolio en versión smartphone.

Semana 20. Generar los archivos PSD de la versión smartphone del diseño de tu portfolio – 6h.

  • Píldora formativa: Call to actions (CTA).
  • Videotutorial: Diseño de botones.
  • Actividad: Diseñar la llamada a la acción de tu portfolio en versión smartphone.
  • Píldora formativa: Formularios.
  • Videotutorial: Diseño de formularios.
  • Actividad: Diseñar el formulario de contacto de tu portfolio en versión smartphone.
  • Ponte a prueba: Diseñar tu portfolio (con todas sus páginas) en versión smartphone. Recuerda, first mobile design.

Semana 21. Generar los archivos PSD de la versión tablet y desktop del diseño de tu portfolio e incluir los diseños de todas las versiones en un mockup - 9h.

  • Webinar: (50') Tendencias en diseño web responsive II. ¡Tenemos tantas cosas que contarte sobre diseño para dispositivos móviles que con un solo webinar se nos queda corto!
  • Actividad: Diseñar la cabecera y pie de tu portfolio en versión tablet y desktop.
  • Actividad: Diseñar el menú de tu portfolio en versión tablet y desktop.
  • Actividad: Diseñar la sidebar de tu portfolio en versión tablet y desktop.

Semana 22. Generar los archivos PSD de la versión tablet y desktop del diseño de tu portfolio e incluir los diseños de todas las versiones en un mockup - 6h.

  • Actividad: Diseñar el menú y el formulario de tu portfolio en versión tablet y desktop.
  • Videotutorial: Diseño de mockups.
  • Actividad: Incrustar los diseños de las versiones smartphone, tablet y desktop en un mockup.
  • Ponte a prueba: Entrega de todos los archivos Photoshop de tu web (todas sus páginas en tres versiones) y prepara un mockup de entrega final.

Semana 13. Vídeos, menús y efectos en textos - 4h.

  • Píldora formativa: Videos como fondo de página.
  • Videotutorial: Insertar videos como fondo de página.
  • Actividad: Crea una página fullscreen con un video de fondo.
  • Píldora formativa: Menús avanzados con CSS3 y jQuery.
  • Videotutorial: Menús avanzados con CSS3 y jQuery.
  • Actividad: Añade un menú chulo a la página del ejercicio anterior.

Semana 14. Vídeos, menús y efectos en textos - 6h.

  • Píldora formativa: Buen uso de efectos en las letras de nuestra web.
  • Videotutorial: Como añadir efectos en las letras.
  • Actividad: Añade una marca en el centro de la página del ejercicio anterior con efecto en las letras.
  • Píldora formativa: Textos en SVG.
  • Videotutorial: Beneficios de usar textos en SVG.
  • Actividad: Convierte las letras del ejercicio anterior en letras SVG.
  • Píldora formativa: Relleno en las letras de imágenes o vídeos.
  • Videotutorial: Añadir relleno a elementos en nuestra web.
  • Actividad: Rellena las letras del ejercicio anterior con una imagen.

Semana 15. Animaciones y efectos con el scroll - 4h.

  • Píldora formativa: Animaciones avanzadas con CSS3.
  • Videotutorial: Principales animaciones avanzadas con CSS3.
  • Actividad: Crea una galería de fotos con efectos en hover.
  • Píldora formativa: Creando profunidad. Efecto Parallax.
  • Actividad: Crea un Parallax con 3 bloques.

Semana 16. Animaciones y efectos con el scroll - 6h.

  • Píldora formativa: Jugando con el scroll: en qué posición estoy.
  • Videotutorial: Cambiar el fondo de tu web haciendo transición de color según el scroll.
  • Actividad:
    1. Crea un menú horizontal que cuando hagas scroll pase a menú hamburguesa
    2. Crea un botón en el pie de la página que indique que se puede hacer scroll y cuando llegues al final desaparezca.
  • Píldora formativa: Jugando con el scroll: cabeceras fijas (sticky header).
  • Videotutorial: Cómo crear una menú fijo al hacer scroll.
  • Actividad: Crea un header (cabecera) de forma que cuando hagas scroll el título de la entrada se fije arriba.
  • Píldora formativa: Igualar columnas.
  • Videotutorial: Igualar columnas según dispositivo.
  • Actividad: Crea 4 columnas con contenido e iguálalas con jQuery.

Semana 17. Efectos e interactividad con jQuery - 4h.

  • Píldora formativa: Combinando acordeones y pestañas.
  • Videotutorial: Anida las categorías en acordeones y las subcategorías en pestañas.
  • Actividad: Crea un acordeón con pestañas dentro.
  • Píldora formativa: Ventanas modales molonas.
  • Videotutorial: Ventanas modales para suscripción a newsletter.
  • Actividad: Crea tooltips para mostrar una ventana modal con imágenes sobre ciertas palabras.

Semana 18. Efectos e interactividad con jQuery. Flexbox: una revolución en el posicionamiento de elementos - 6h.

  • Píldora formativa: Validar formularios con jQuery.
  • Videotutorial: Validar campo email con de un formulario creado con jQuery.
  • Actividad: Crea reglas de validación para un formulario de contacto con jQuery.
  • Píldora formativa: Scroll infinito.
  • Videotutorial: Scroll infinito.
  • Actividad: Aumenta el número de entradas visibles a medida que hagas scroll.
  • Píldora formativa: Posicionamiento con flexbox.
  • Actividad: Crea un menú con 3 elementos y un buscador usando la técnica flexbox para que ocupen todo el ancho, en versión móvil el buscador tendrá que salir como primer elemento.

Semana 19. Profundizando en PHP para WordPress I - 6h.

  • Píldora formativa: Bucles. Bucles. Bucles... Comprender las estructuras de control.
  • Actividad: Modifica el loop de WordPress para cargar los elementos de una categoría concreta.
  • Webinar: Buscando soluciones al loop.
  • Píldora formativa: Si ocurre esto, haz esto. Comprender las estructuras condicionales.
  • Actividad: Salta el loop de WordPress para una categoría concreta, comprobando si su ID es igual a...

Semana 20. Profundizando en PHP para WordPress I - 9h.

  • Píldora formativa: Recortar imágenes con PHP.
  • Actividad: Recorta las imágenes de tu WordPress con la librería Aqua-Resizer a un nuevo tamaño.
  • Píldora formativa: Preparando las etiquetas para compartir en redes sociales.
  • Infografía: Medidas de las imágenes de Facebook y Twitter.
  • Actividad: Crea las etiquetas necesarias para compartir en Twitter y en Facebook las entradas.
  • Píldora formativa: Desgranando los menús de WordPress.
  • Actividad: Modifica el walker del menú de WordPress para adaptarlo a Bootstrap.

Semana 21. Profundizando en PHP para WordPress II - 6h.

  • Píldora formativa: Navegar entre entradas.
  • Actividad: Crea botones para navegar entre las entradas.
  • Píldora formativa: Mostrar los post relacionados.
  • Actividad: Muestra las entradas relacionadas en cada post.

Semana 22. Profundizando en PHP para WordPress II - 9h.

  • Píldora formativa: Mostrar los post más leídos.
  • Actividad: Muestra los post más leídos en la home de tu web.
  • Píldora formativa: Personalizar la página de login del adminsitrador.
  • Actividad: Personaliza la página de login del panel de control.
  • Píldora formativa: Crear Sidebars.
  • Actividad: Crea Sidebars personalizadas para los post relacionados y los post más leídos.

Aprender haciendo

Desde el primer día de curso tendrás asignado un/a tutor/a experto/a que supervisará tus dos proyectos: el portflio y el portal ecommerce. En un seminario semanal de 40 minutos podrás solucionar las dudas sobre el desarrollo de estos trabajos.

Se aprende trabajando

Nuestro equipo de orientación profesional buscará una empresa donde puedas realizar las prácticas. Además, durante el curso, a través de tutorías, te ayudaremos a mejorar tu marca personal, crear y/o optimizar tu perfil en LinkedIn, preparar entrevistas de trabajo…

Webinar: Conoce la actualidad de la forma más interactiva

Profesionales del sector te guiarán en las siguientes materias:

Asignatura

Título

Asignatura maquetación

Elegimos nuestro editor de código y creamos nuestra primera página HTML.

Asignatura maquetación

Estilos: vamos a poner guapa a nuestra web.

Asignatura maquetación

Modelo de cajas.

Asignatura maquetación

Las capas del desarrollo web: separar estilos del código. Hojas de estilo.

Asignatura maquetación

La web semántica. HTML5.

Asignatura maquetación

Añadir interactividad a la web. Si te gusta este tema, podrás aprender más si te decides por la especialización en programación.

Listado completo de Webinar

Conoce a nuestros docentes y equipo técnico

Profesionales en activo en el sector

Te capacitamos para trabajar en los siguientes puestos:

  • Diseñador/a web.
  • Maquetador/a web o programador/a web.
  • Webmaster de una pequeña o mediana empresa.
  • Freelance del desarrollo web.
  • Full-Stack Web Developer.
  • HTML5 developer / Maquetador/a HTML5.
  • UX designer.
  • UI designer.
  • Webmaster.
  • E-Commerce Webmaster.
  • Graphic designer.

GARANTIZAMOS A LAS EMPRESAS, AGENCIAS Y ESTUDIOS QUE EL 100% DE NUESTRO ALUMNADO TENDRÁ LAS SIGUIENTES COMPETENCIAS

  • Saber componer a nivel cromático diferentes diseños para tu web.
  • Conocer los diferentes formatos de imagen.
  • Utilizar herramientas de retoque fotográfico, por ejemplo Photoshop, para la corrección y optimización de imágenes.
  • Adaptar la apariencia de tu web a distintos dispositivos, por ejemplo móviles.
  • Conocer las etiquetas del lenguaje HTML.
  • Aplicar estilos a la maqueta con CSS.
  • Separar el diseño del código a través de hojas estilo.
  • Implementar elementos interactivos con JavaScript y jQuery.
  • Conocer las novedades de HTML5 y CSS3.
  • Utilizar el framework Bootstrap para el desarrollo de páginas web.
  • Utilizar un solo código para mostrar diferentes vistas en cada tamaño de pantalla (responsive design).
  • Conocer los CMS más populares.
  • Diferenciar las distintas funcionalidades de un CMS.
  • Separar las distintas partes de las que se compone una web.
  • Aplicar la metodología de la programación en PHP y Java.
  • Utilizar el framework jQuery para el desarrollo de CMS.
  • Instalar los plugins básicos que complementan la funcionalidad del CMS.
  • Identificar las principales instituciones de Protección de Datos
  • Conocer las infracciones y sanciones aplicables en materia de protección de datos.
  • Tratar adecuadamente un fichero de datos
  • Diferenciar las personas que intervienen en el proceso de tratamiento de datos.
  • Conocer los principios generales en materia de protección de datos.

En Grupo Mainjobs imaginamos un mundo sin desempleo juvenil, para eso trabajamos todos los días y nos comprometemos contigo y las empresas.

Solicita más información