html tools para html css diseñadores javascript …€¦ · personas y con la profesión, que ......

HTMLTools paradiseñadores

TOOLS

ENE2018

Sede en La IndustrialC/ San Andrés 8, 28004 [email protected]

HTMLCSSJavascriptWordpress

138h de clases magistrales+ proyecto transversal

02

MrMarcel Schooles 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 auto-nomía intelectual del alumno y su razonamiento independiente como herramientas esenciales. Dirigida a comunicadores visuales en cual-quiera de sus ámbitos.

TOOLS

03

Las profesiones creativas son en esencia una fuente de satisfacción y de desarrollo perso-nal. 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 visiona-rio, innovador y multidisciplinar para ser com- petitivos, 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, porsu calidad y exclusividad (sólo 30 alumnos al año por promoción). Grande, porque nues-tro 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 condi- ciones posibles. Perseguimos que nuestrosalumnos disfruten de lo que hacen, además de ser valorados por ello.



04

TOOLS

El mundo del diseño está evolucionando a una velocidad vertiginosa. Aparecen nuevos nuevos dispositivos que nos obligan a cambiar el para-digma de la interacción con el usuario. Nuevas técnicas, como el Responsive Web Design que nos obligan en pensar en layouts cambiantes y adap-tables y dejar atrás las medidas fijas que usába-mos 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 estu-dio son ya muy diferentes.

Durante mucho tiempo los diseñadores se han estado adaptando a la era de internet convirtien-do sus antiguos conocimientos a los nuevos para-digmas, 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 gene-ració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

Una nueva generaciónde diseñadores

en wireframes, diseño de interacción y experien-cia 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 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án-dolo 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.

A quién va dirigidoeste curso

Cómo es el cursoy qué queremos conseguir

TOOLS

05

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.

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

Es un curso orientado a técnicas. Con esto quere-mos 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. Noso-tros tenemos una cosa muy clara, la única manera de aprender es haciendo. El profesor estará ahí para irte ayudando en todo momento.


Requisitos:

TOOLS

06

EL Proyecto transversal

Breve descripción del docente

Paralelamente a las clases magistrales, el curso cuenta con un proyecto transversal en el que se aplicaran todos los conocimientos adquiridosdurante el curso, de una forma práctica. Una vez finalizadas las clases magistrales de cada módulo, se trabajará exclusivamente en dichoproyecto 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.

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 desa-rrollo digital. Ha escrito varios libros para Anayay dado varias conferencias para Adobe, así como trabajado para todas las grandes agencias depublicidad 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.

www.refr3sh.es


TOOLS

07

Módulo 1Maquetación HTML + CSS para diseñadores(68 horas)

Módulo 2Javascriptpara diseñadores (42 horas)

Este módulo está pensado para adquirir los conocimientos necesarios para maquetar pági-nas 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 cual-quier 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 programa-dor 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 3Wordpress para diseñadores (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 ges-tores de contenidos (CMS) requiere de conoci-mientos 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 entor-nos 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.



TOOLS

08

Preciodel 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 + CSSpara diseñadores. Precio 1.156€.

Modulo 2 (42h)Javascript para diseñadoresPrecio 714€.

Modulo 3 (26h)WordPress para diseñadores web.Precio 442€.

Curso HTML para diseñadores (136h)Maquetación HTML5 + CSS3,Javascript + WordPress. Precio2.196€.

Duración del cursoenero 2018 / julio 2018.

Nivel del cursobásico/avanzado.

Convocatoria:Noviembre 2016

138h de clases magistralesprácticas y proyecto transversal

TOOLS

09


Horario de clases:20h a 22h

08 LunesQué es HTML5 y de dónde viene. Introducción a Atom.

09 MartesCreació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 JuevesFormularios.

Módulo 1 (68h)

MaquetaciónHTML+ CSS

01 Jueves Maquetación básica en CSS: El Box Model 1.

05 LunesMaquetación básica en CSS : El Box Model 2.

06 MartesMaquetación básica en CSS: El Box Model 3.

08 Jueves Maquetación básicaen CSS: Posicionamiento.

12 Lunes Maquetación básicaen CSS: Fluids Layouts.

13 MartesMaquetación básica en CSS: Caso práctico.

15 JuevesProyecto (2): Presentación de Wireframes.

22 LunesUso de video y audio en HTML5.

23 MartesCreación de una web.Del concepto al despliegue.Proyecto (1): Planteamiento.

25 jueves Introducción a CSS:Selectores y cascada.

29 LunesEstilado básico con CSS: textos, listas y fondos.

30 Martes Uso de tipografía y distribución de fuentes.

Enero 2018 Febrero 2018

DocenteJoseba AlonsoRefr3sh

TOOLS

10


Módulo 1 (68h)

MaquetaciónHTML+ CSS

19 Lunes Recursos gráficos css

20 MartesAnimaciones ytransiciones en CSS.

22 JuevesTransformaciones 2D.

26 LunesTransformaciones 3D.

27 Martes Responsive web design I

01 JuevesResponsive web design II

05 Lunes Frameworks de maquetacióncon grids.

06 Martes Bootstrap.

08 JuevesFlexbox 1.

12 Lunes Flexbox 2.

13 Martes CSS Ninja tools.

Febrero 2018 Marzo 2018 Abril 2018

15 Jueves Presentación DiseñoProyecto (3).

22 JuevesTutoría Proyecto (1).

Vacaciones de semana santa



19 JuevesProyecto (4).Presentación maquetación.

Fin del módulo 1.

TOOLS

11


Módulo 2 (42h)

Javascript

23 LunesQué es, Para qué sirvey Cómo funciona Javascript.

24 MartesBases del lenguaje 1.

26 Jueves Bases del lenguaje 2.

03 JuevesBases del lenguaje 3.

07 Lunes Bases del lenguage 4.

08 MartesManejar documentos HTML con DOM 1.

10 JuevesManejar documentosHTML con DOM 2.

16 MiércolesManejar documentosHTML con DOM 3.

17 JuevesJQUERY 1.

21 Lunes JQUERY 2.

22 Martes Creando elementosinteractivos de interface 1.

Mayo 2018 Junio 2018



24 JuevesCreando elementosinteractivos de interface 2.

28 LunesCreando elementosinteractivos de interface 3.

29 MartesFormularios

31 JuevesDocumentos dinámicos con AJAX I.

TOOLS

12


Julio 2017

Módulo 2 (42h)

Javascript

04 LunesDocumentos dinámicos con AJAX II.

05 MartesFrameworks de Javascript.

07 JuevesCómo afrontar una web con contenido alto contenido diná-mico.

11 LunesTutoría Proyecto (1).

18 LunesTutoría Proyecto (2).

25 Lunes Presentación Final.

Fin del módulo 2.

TOOLS

13


Módulo 3 (26h)

Wordpress

26 MartesQué es Wordpress,Instalación y características.CMS.

28 JuevesConfigurar equipo para trabajar con Wordpress.Conceptos Básicos de seguridad.

Junio 2017 Julio 2017



16 LunesFichero Functions importancia. Añadir funcio-nalidad a nuestro tema.

17 MartesPrincipales Plugins.Sistemas multidioma.Foros. Redes Sociales.

19 JuevesCreación de Galeríasen Wordpress y comoimplementarlas en nuestro tema.

23 LunesCreación de Formularios.Captchas.

24 MartesMigración del Proyecto.Poner en Producción.Backups.

Clausura del curso. De cañas!.

02 LunesInterfaz de usuario.Páginas. Entradas yGestor Multimedia.

03 MartesInstalación de Plugins.Widgets. Nociones de SEOcon Wordpress.

05 JuevesInstalación de temas. Modicación por CSS.Temas hijos.

09 LunesCreació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).

TOOLS

MADEWITHLOVE

www.mrmarcelschool.com

html tools para html css diseñadores javascript …€¦ · personas y con la profesión, que ......

Documents