HTML Tools para diseñadores

Transcripción

1 138h de clases magistrales + proyecto transversal HTML HTML CSS Javascript Wordpress Sede en La Industrial C/ San Andrés 8, Madrid dinos@mrmarcelschool.com ENE 2018

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. 02

3 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. 03

4 Una nueva generación de El mundo del diseño está evolucionando a una velocidad vertiginosa. Aparecen nuevos 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 en 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 a 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 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, 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. Tiene que saber materializarla en HTML y CSS. Esto a dejado de ser terreno de programadores para ser terreno de. 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. Además incluimos un módulo de Wordpress para que puedas hacer webs que utilicen este famoso gestor 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. 04

5 Requisitos: A quién va dirigido este curso 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. Este curso está dirigido a. 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. Cómo es el curso y qué queremos conseguir 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 saber realizar las tareas necesarias para poder trabajar en esto de manera 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 a hacer animaciones y transiciones con CSS entre otras muchas cosas. Para eso todas las clases se complementan con ejercicios prácticos y 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 3 días a la semana, piensa que vas a tener que organizarte como si fueran 5. Nosotros tenemos una cosa muy clara, la única manera de aprender es haciendo. El profesor estará ahí para irte ayudando en todo momento. 05

6 EL Proyecto transversal 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. Breve descripción del docente 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. 06

7 Módulo 1 Maquetación HTML + CSS para (68 horas) Módulo 2 Javascript para (42 horas) 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. En este módulo lo que se pretende 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 desarrollan y la creación de elementos de interface comunes. Módulo 3 Wordpress para (26 horas) 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), 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. 07

8 138h de clases magistrales prácticas y proyecto transversal HTML Convocatoria: Noviembre 2016 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. Precio Modulo 2 (42h) Javascript para Precio 714. Modulo 3 (26h) WordPress para web. Precio 442. Curso HTML para (136h) Maquetación HTML5 + CSS3, Javascript + WordPress. Precio Duración del curso enero 2018 / julio Nivel del curso básico/avanzado. 08

9 Docente Joseba Alonso Refr3sh Módulo 1 (68h) Maquetación HTML+ CSS Horario de clases: 20h a 22h Enero 2018 Febrero Lunes Qué es HTML5 y de dónde viene. Introducción a Atom. 09 Martes Creación de documentos HTML: semántica, estructura y etiquetas I. 11 Jueves Creación de documentos HTML: semántica, estructura y etiquetas II. 15 Lunes Creación de documentos HTML: semántica, estructura y etiquetas III. 16 Martes Creación de documentos HTML: semántica, estructura y etiquetas IV. 18 Jueves Formularios. 22 Lunes Uso de video y audio en HTML5. 23 Martes Creación de una web. Del concepto al despliegue. Proyecto (1): Planteamiento. 25 jueves Introducción a CSS: Selectores y cascada. 29 Lunes Estilado básico con CSS: textos, listas y fondos. 30 Martes Uso de tipografía y distribución de fuentes. 01 Jueves Maquetación básica en CSS: El Box Model Lunes Maquetación básica en CSS : El Box Model Martes Maquetación básica en CSS: El Box Model Jueves Maquetación básica en CSS: Posicionamiento. 12 Lunes Maquetación básica en CSS: Fluids Layouts. 13 Martes Maquetación básica en CSS: Caso práctico. 15 Jueves Proyecto (2): Presentación de Wireframes. 09

10 Módulo 1 (68h) Maquetación HTML+ CSS Febrero 2018 Marzo 2018 Abril Lunes Recursos gráficos css 20 Martes Animaciones y transiciones en CSS. 22 Jueves Transformaciones 2D. 26 Lunes Transformaciones 3D. 27 Martes Responsive web design I 01 Jueves Responsive web design II 05 Lunes Frameworks de maquetación con grids. 06 Martes Bootstrap. 08 Jueves Flexbox Lunes Flexbox Martes CSS Ninja tools. 15 Jueves Presentación Diseño Proyecto (3). 22 Jueves Tutoría Proyecto (1). Vacaciones de semana santa 05 Jueves Tutoría Proyecto (2). 12 Jueves Tutoría Proyecto (3). 19 Jueves Proyecto (4). Presentación maquetación. Fin del módulo 1. 10

11 Docente Joseba Alonso Refr3sh Módulo 2 (42h) Javascript Horario de clases: 20h a 22h Mayo 2018 Junio Lunes Qué es, Para qué sirve y Cómo funciona Javascript. 24 Martes Bases del lenguaje Jueves Bases del lenguaje Jueves Bases del lenguaje Lunes Bases del lenguage Martes Manejar documentos HTML con DOM Jueves Manejar documentos HTML con DOM Miércoles Manejar documentos HTML con DOM Jueves Creando elementos interactivos de interface Lunes Creando elementos interactivos de interface Martes Formularios 31 Jueves Documentos dinámicos con AJAX I. 17 Jueves JQUERY Lunes JQUERY Martes Creando elementos interactivos de interface 1. 11

12 Módulo 2 (42h) Javascript Julio Lunes Documentos dinámicos con AJAX II. 05 Martes Frameworks de Javascript. 07 Jueves Cómo afrontar una web con contenido alto contenido dinámico. 11 Lunes Tutoría Proyecto (1). 18 Lunes Tutoría Proyecto (2). 25 Lunes Presentación Final. Fin del módulo 2. 12

13 Docente Joseba Alonso Refr3sh Módulo 3 (26h) Wordpress Horario de clases: 20h a 22h Junio 2017 Julio Martes Qué es Wordpress, Instalación y características. CMS. 28 Jueves Configurar equipo para trabajar con Wordpress. Conceptos Básicos de seguridad. 02 Lunes Interfaz de usuario. Páginas. Entradas y Gestor Multimedia. 03 Martes Instalación de Plugins. Widgets. Nociones de SEO con Wordpress. 05 Jueves Instalación de temas. Modicación por CSS. Temas hijos. 09 Lunes Creación de un tema propio desde HTML (1). 10 Martes Creación de un tema propio desde HTML (2). 12 Jueves Creación de un tema propio desde HTML (3). 16 Lunes Fichero Functions importancia. Añadir funcionalidad a nuestro tema. 17 Martes Principales Plugins. Sistemas multidioma. Foros. Redes Sociales. 19 Jueves Creación de Galerías en Wordpress y como implementarlas en nuestro tema. 23 Lunes Creación de Formularios. Captchas. 24 Martes Migración del Proyecto. Poner en Producción. Backups. Clausura del curso. De cañas!. 13

14 MADE WITH LOVE