HTML. TOOLS para DISEÑADORES WEB.

Transcripción

1 TOOLS NOV 2016 HTML. TOOLS para HTML / CSS / JAVASCRIPT / WORDPRESS SEDE EN LA INDUSTRIAL DIRECCIÓN: C/ SAN ANDRÉS 8, MADRID INFO: DINOS@MRMARCELSCHOOL.COM C O L A B O R A N :

2 MrMarcel School es una escuela del Siglo XXI, una nueva manera de hacer formación basada en el compromiso con las personas y con la profesión, que apuesta por la excelencia, la autonomía intelectual del alumno y su razonamiento independiente como herramientas esenciales. Dirigida a comunicadores visuales en cualquiera de sus ámbitos. Las profesiones creativas son en esencia una fuente de satisfacción y de desarrollo personal. Este sector se caracteriza por vivir en constante cambio, por lo que los profesionales del futuro deberán tener una gran capacidad de adaptación y un perfil claramente visionario, innovador y multidisciplinar para ser competitivos, enriqueciendo así su trayectoria y garantizando su crecimiento personal y profesional. MrMarcel School, es una escuela pequeña por creencia y grande por ambición. Pequeña, para poder atender de una forma cercana las necesidades de cada alumno y para que estudiar en ella sea un valor añadido, por su calidad y exclusividad (sólo 30 alumnos al año por promoción). Grande, porque nuestro objetivo es desarrollar el mejor futuro posible, mediante una enseñanza tan selecta y cuidada, que facilite su incorporación al mundo profesional en la mejor de la condiciones posibles. Perseguimos que nuestros alumnos disfruten de lo que hacen, además de ser valorados por ello. 1

3 HTML. TOOLS PARA HTML / CSS / JAVASCRIPT / WORDPRESS UNA NUEVA GENERACIÓN DE DISEÑADORES. El mundo del diseño está evolucionando a una velocidad vertiginosa. Aparecen nuevos dispositivos que nos obligan a cambiar el paradigma de la interacción con el usuario. Nuevas técnicas, como el Responsive Web Design que nos obligan a pensar en layouts cambiantes y adaptables y dejar atrás las medidas fijas que usábamos antes. Tipografía escalable, wireframes y prototipos, animaciones con significado, UX, responsive grids frameworks, preprocesadores CSS Si el diseño web nació como una extensión del diseño tradicional, este ya ha alcanzado su emancipación y ha seguido su propio camino. Tiene sus propias técnicas y sus campos de estudio son ya muy diferentes. Durante mucho tiempo los diseñadores se han estado adaptando a la era de internet convirtiendo sus antiguos conocimientos a los nuevos paradigmas, pero la evolución del medio a llegado a un punto donde el concepto de diseñador web, digital u online, como se quiera llamar, se está redefiniendo. Ya no vale con manejar los códigos de colores, los equilibrios visuales y las estrategias de comunicación tradicionales. Esta nueva generación de diseñadores, que ya han nacido en el medio online, tienen que saber cómo funciona el diseño desde los wireframes hasta la publicación online de la página. Se les pide conceptualización en wireframes, diseño de interacción y experiencia de usuario (UX). Saber diseñar una página en una herramienta de diseño, ya sea Photoshop, Illustrator o Sketch no es suficiente. Hay que saber materializarla en HTML y CSS. Esto ha dejado de ser terreno de programadores para ser terreno de diseñadores. Mira las ofertas de trabajo de la industria y te darás cuenta de ello rápidamente. Por otra parte, si quieres volar solo y tener la capacidad de hacer una web con componentes interactivos solo lo vas a poder hacer usando Javascript. Este curso está pensado para que una persona sin conocimientos pueda adquirir la pericia necesaria para desenvolverse en los casos más comunes. Es un Javascript pensado para no-programadores, pasando por alto inicialmente los aspectos más ásperos del lenguaje y enfocándolo lo máximo posible a casos prácticos. de contenidos, y que tus clientes sean capaces de cambiarlos sin tener que llamarte. Algo qué es muy demandado. Eso si, siempre siendo capaz de implementar tus propios diseños y plantillas. A QUIÉN VA DIRIGIDO EL CURSO Y REQUISITOS. Este curso está dirigido a diseñadores. Tanto a los que acaban de terminar su formación en diseño como a los que llevan tiempo trabajando y necesitan adaptarse a este nuevo cambio de paradigma en las indústrias creativas. Requisitos: -No es necesario conocimientos previos de HTML o CSS. -Control en un nivel medio de Photoshop y/o Sketch. -Ordenador portatil propio. La escuela dispone de portatiles en alquiler para los interesados. Además incluimos un módulo de Wordpress para que puedas hacer webs que utilicen este famoso gestor 2

4 HTML. TOOLS PARA HTML / CSS / JAVASCRIPT / WORDPRESS CÓMO ES EL CURSO Y QUÉ QUEREMOS CONSEGUIR. EL PROYECTO TRANSVERSAL. Es un curso orientado a técnicas. Con esto queremos decirte que no se trata de saber todas las etiquetas HTML o las propiedades CSS, para eso ya está Google. Se trata de la metodología necesarias para poder trabajar de manera eficaz y profesional. La finalidad es que salgas del curso con los conocimientos suficientes para poder hacer un website desde 0 con las últimas técnicas del momento. Sabrás de semántica HTML, de maquetación Responsive y hacer animaciones y transiciones con CSS entre otras muchas cosas. Paralelamente a las clases magistrales, el curso cuenta con un proyecto transversal en el que se aplicaran todos los conocimientos adquiridos durante el curso, de una forma práctica. Una vez finalizadas las clases magistrales de cada módulo, se trabajará exclusivamente en dicho proyecto durante tres semanas en el primer módulo y dos semanas en el segundo módulo. En estás semanas se realizará un seguimiento constante del proyecto, hasta su conclusión, mediante tutorías semanales. Para eso todas las clases se complementan con ejercicios prácticos, que el alumno tendrá que realizar durante el curso. Ten en cuenta de que esto te va a llevar tiempo extra, por eso, aunque las clases son tres días a la semana, piensa que vas a tener que organizarte como si fueran cinco. Nosotros tenemos una cosa muy clara: la mejor forma de aprender es haciendo, por ello la metodología del curso esta totalmente basada en este principio. El profesor estará ahí para ayudarte y acompañarte en todo momento. BREVE DESCRIPCIÓN DEL DOCENTE Y TUTOR DEL PROYECTO TRANSVERSAL. Joseba Alonso es el encargado de la parte técnica de la productora digital Refr3sh. Cuenta en su haber con más de 12 años de experiencia como docente y 15 años en el sector del diseño y desarrollo digital. Ha escrito varios libros para Anaya y dado varias conferencias para Adobe, así como trabajado para todas las grandes agencias de publicidad del país. Programador de vocación nació en los CDs multimedia y las BBS preinternet y ha ido evolucionando con la tecnología y las nuevas formas de comunicación hasta manejar las últimas tecnologías web y mobile. 3

5 HTML. TOOLS PARA HTML / CSS / JAVASCRIPT / WORDPRESS MÓDULO 1 (68H). MÓDULO 3 (26H). MAQUETACIÓN HTML + CSS WORDPRESS PARA PARA Este módulo está pensado para adquirir los conocimientos necesarios para maquetar páginas web usando las últimas actualizaciones HTML y CSS. Son mayormente clases orientadas a técnicas específicas que se utilizan en el mundo profesional. Con lo aprendido durante este módulo, el alumno, tendrá los conocimientos para maquetar cualquier tipo de website de una manera independiente y que funcione en cualquier tipo de dispositivo usando técnicas de Responsive Web Design. MÓDULO 2 (42H). JAVASCRIPT PARA En este módulo lo que se pretende es dar una introducción a la programación con Javascript para personas que nunca han programado nada y tampoco quieren hacer de ello su principal función. Es un curso de programación atípico en el que la intención no es que el usuario aprenda todo el lenguaje y se convierta en un programador sino que sepa utilizarlo de manera práctica para a añadir interacciones en las páginas web que desarrolle y en la creación de elementos de interface comunes. Es muy dificil hoy en día encontrarse websites que no permitan la actualización de contenidos por parte del propietario. Las webs de contenido dinámico están a la orden del día. El crear gestores de contenidos (CMS) requiere de conocimientos avanzados de lenguajes de servidor y bases de datos. Es por esto que Wordpress ha tenido tanto éxito (casi un 30% de internet es Wordpress). Wordpress te permite crear este tipo de entornos de una manera relativamente sencilla y además cuenta con una amplia comunidad que desarrolla plugins y temas. En este módulo te enseñamos cómo implementarlo de manera profesional, adaptando tus propios diseños para que no tengas que utilizar plantillas. PRECIO DEL CURSO. El curso puede realizarse por módulos o de forma integra + proyecto transversal. con un descuento del 5%. Modulo 1 (68h). Maquetación HTML + CSS, para diseñadores web. Precio Modulo 2 (42h). Javascript para diseñadores web. Precio 714. Modulo 3 (26h). WordPress para diseñadores web. Precio 442. Curso HTML para diseñadores web (136h). Maquetación HTML5 + CSS3, Javascript + WordPress. Precio Duración del curso: noviembre 2016 / junio Nivel del curso: básico/avanzado. 4

6 138H DE CLASES MAGISTRALES, PRÁCTICAS Y PROYECTO TRANSVERSAL CONVOCATORIA: NOV 2016 DOCENTE JOSEBA ALONSO (REFR3SH). MÓDULO 1 (68h): MAQUETACIÓN HTML Y CSS. TOOLS PARA UNES / 20h00 a 22h00 MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h00 1. QUÉ ES HTML5 Y DE DÓNDE VIENE. INTRODUCCIÓN A ATOM. 7. USO DE VIDEO Y AUDIO EN HTML MAQUETACIÓN BÁSICA EN CSS: EL BOX MODEL III. MARTES / 20h00 a 22h00 JUEVES / 20h00 a 22h00 JUEVES / 20h00 a 22h00 2. CREACIÓN DE DOCUMENTOS HTML: ESTRUCTURA Y ETIQUETAS I. 8. CREACIÓN DE UNA WEB. DEL CONCEPTO AL DESPLIEGUE. TUTORÍA PROYECTO (I): PLANTEAMIENTO. 14. MAQUETACIÓN BÁSICA EN CSS: POSICIONAMIENTO. LUNES / 20h00 a 22h00 LUNES / 20h00 a 22h00 LUNES / 20h00 a 22h00 3. CREACIÓN DE DOCUMENTOS HTML: ESTRUCTURA Y ETIQUETAS II. 9. INTRODUCCIÓN A CSS: SELECTORES Y CASCADA. 15. MAQUETACIÓN BÁSICA EN CSS: FLUIDS LAYOUTS. MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h00 4. CREACIÓN DE DOCUMEN- 10. USO DE TIPOGRAFÍA Y DISTRIBUCIÓN DE FUENTOS HTML: ESTRUCTURA Y TES. ETIQUETAS III. JUEVES / 20h00 a 22h00 JUEVES / 20h00 a 22h00 5. CREACIÓN DE DOCUMEN- 11. MAQUETACIÓN BÁSICA EN CSS: EL BOX TOS HTML: ESTRUCTURA Y MODEL I. ETIQUETAS IV. 16. MAQUETACIÓN BÁSICA EN CSS: CASO PRÁCTICO. JUEVES / 20h00 a 22h TUTORÍA PROYECTO (II): PRESENTACIÓN DE WIREFRAMES. LUNES / 20h00 a 22h00 LUNES / 20h00 a 22h00 LUNES / 20h00 a 22h00 6. FORMULARIOS. 12. MAQUETACIÓN BÁSICA EN CSS: EL BOX MODEL II. 18. RECURSOS GRÁFICOS CSS. 5

7 138H DE CLASES MAGISTRALES, PRÁCTICAS Y PROYECTO TRANSVERSAL CONVOCATORIA: NOV 2016 DOCENTE JOSEBA ALONSO (REFR3SH). MÓDULO 1 (68h): MAQUETACIÓN HTML Y CSS. TOOLS PARA MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h ANIMACIONES Y TRANSICIONES EN CSS. 25. BOOTSTRAP. 31. TUTORÍA PROYECTO (V). JUEVES / 20h00 a 22h00 JUEVES / 20h00 a 22h00 MARTES / 20h00 a 22h TRANSFORMACIONES 2D. 26. FLEXBOX I. 32. TUTORÍA PROYECTO (VI). LUNES / 20h00 a 22h00 LUNES / 20h00 a 22h00 MARTES / 20h00 a 22h TRANSFORMACIONES 3D. 27. FLEXBOX II. 33. TUTORÍA PROYECTO (VIII). PRESENTACIÓN MAQUETACIÓN. MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h RESPONSIVE WEB DESIGN I. 28. CSS NINJA TOOLS. JUEVES / 20h00 a 22h00 JUEVES / 20h00 a 22h RESPONSIVE WEB DESIGN II. 29. PRESENTACIÓN DISEÑO TUTORÍA PROYECTO (III). LUNES / 20h00 a 22h00 MARTES / 20h00 a 22h FRAMEWORKS DE MAQUETACIÓN CON GRIDS. 30. TUTORÍA PROYECTO (IV). 6

8 138H DE CLASES MAGISTRALES, PRÁCTICAS Y PROYECTO TRANSVERSAL CONVOCATORIA: NOV 2016 DOCENTE JOSEBA ALONSO (REFR3SH). MÓDULO 2 (42h): JAVASCRIPT. TOOLS PARA LUNES / 20h00 a 22h00 LUNES / 20h00 a 22h00 LUNES / 20h00 a 22h QUÉ ES, PARA QUÉ SIRVE Y CÓMO FUNCIONA JAVASCRIPT. 40. MANEJAR DOCUMENTOS HTML CON DOM II. 46. CREANDO ELEMENTOS INTERACTIVOS DE INTERFACE III. MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h BASES DEL LENGUAJE. 41. MANEJAR DOCUMENTOS HTML CON DOM III. 47. FORMULARIOS. JUEVES / 20h00 a 22h00 JUEVES / 20h00 a 22h00 JUEVES / 20h00 a 22h BASES DEL LENGUAJE II. 42. JQUERY I. 48. DOCUMENTOS DINÁMICOS CON AJAX I. LUNES / 20h00 a 22h00 LUNES / 20h00 a 22h00 LUNES / 20h00 a 22h BASES DEL LENGUAJE III. 43. JQUERY II. 49. DOCUMENTOS DINÁMICOS CON AJAX II. MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h BASES DEL LENGUAJE IV. 44. CREANDO ELEMENTOS INTERACTIVOS DE INTERFACE I. 50. FRAMEWORKS DE JAVASCRIPT. JUEVES / 20h00 a 22h00 JUEVES / 20h00 a 22h00 JUEVES / 20h00 a 22h MANEJAR DOCUMENTOS HTML CON DOM I. 45. CREANDO ELEMENTOS INTERACTIVOS DE INTERFACE II. 51. CÓMO AFRONTAR UNA WEB CON CONTENIDO ALTO CONTENIDO DINÁMICO. 7

9 138H DE CLASES MAGISTRALES, PRÁCTICAS Y PROYECTO TRANSVERSAL CONVOCATORIA: NOV 2016 DOCENTE JOSEBA ALONSO (REFR3SH). MÓDULO 2 (42h): JAVASCRIPT. TOOLS PARA LUNES / 20h00 a 22h TUTORÍA PROYECTO (IX). JUEVES / 20h00 a 22h TUTORÍA PROYECTO (X). LUNES / 220h00 a 22h PRESENTACIÓN FINAL (XI). 8

10 138H DE CLASES MAGISTRALES, PRÁCTICAS Y PROYECTO TRANSVERSAL CONVOCATORIA: NOV 2016 DOCENTE JOSEBA ALONSO (REFR3SH). MÓDULO 3 (26h): WORDPRESS.TOOLS PARA LUNES / 20h00 a 22h00 JUEVES / 20h00 a 22h00 MARTES / 20h00 a 22h QUE ES WORDPRESS, INSTALACIÓN, Y CARACTERÍSTICAS. CMS. 60. CREACIÓN DE UN TEMA PROPIO DESDE UN HTML. 65. CREACIÓN DE GALERÍAS EN WORDPRESS Y COMO IMPLEMENTARLAS EN NUESTRO TEMA. MARTES / 20h00 a 22h00 LUNES / 20h00 a 22h00 JUEVES / 20h00 a 22h CONFIGURAR EQUIPO PARA TRABAJAR CON WORDPRESS. CONCEPTOS BÁSICOS DE SEGURIDAD. 61. CREACIÓN DE UN TEMA PROPIO DESDE UN HTML II. 66. CREACIÓN DE FORMULARIOS. CAPTCHAS. JUEVES / 20h00 a 22h00 MARTES / 20h00 a 22h00 LUNES / 20h00 a 22h INTERFAZ DE USUARIO, PÁGINAS, ENTRADAS Y GESTOR MULTIMEDIA. 62. CREACIÓN DE UN TEMA PROPIO DESDE UN HTML III. 67. MIGRACIÓN DEL PROYECTO, PONER EN PRODUCCIÓN. BACKUPS. LUNES / 20h00 a 22h00 JUEVES / 20h00 a 22h INSTALACIÓN DE PLUGINS, WIDGETS. NOCIONES DE SEO CON WORDPRESS. 63. FICHERO FUNCTIONS IMPORTANCIA, AÑADIR FUNCIONALIDAD A NUESTRO TEMA. MARTES / 20h00 a 22h00 LUNES / 20h00 a 22h INSTALACIÓN DE TEMAS, MODIFICACIÓN POR CSS DE LOS TEMAS, TEMAS HIJOS. 64. PRINCIPALES PLUGINS, SISTEMAS MULTIDIOMA, FOROS, REDES SOCIALES. 9

11 Made with love.