WORKSHOP: HERRAMIENTAS DE DISEÑO
Uno de los aspectos fundamentales al crear una web o una app es el diseño. Sin duda es una de las partes más creativas del proyecto, la parte responsable de crear una web con un aspecto externo atractivo, capaz de suscitar el interés y de llamar la atención del público objetivo.
Además de los anteriores requisitos, la web debe tener en cuenta los gustos, el concepto y preferencias del cliente. Son tan importantes estas condiciones, que nosotros quisimos crear este workshop para refrescar el conocimiento de todas las herramientas de diseño posibles para conseguir, e incluso superar, las expectativas de nuestros clientes.
Por ese motivo, nuestros diseñadores Toni Camí y Jorge López nos hicieron el siguiente workshop de "Herramientas de diseño".
Presentación para descargar: Workshop Designer Tools
WORKSHOP: TESTING EN JAVASCRIPT
Siempre que se programe código, ya sea JavaScript u otro, se debe testear todo antes de presentar la solución al cliente.
Además, éstas pruebas proporcionan ventajas como: facilitan cambios en la aplicación, simplifican la integración, documentan el código, ayudan a tener un código desacoplado, los errores están más acotados y aceleran el desarrollo.
Como nosotros le damos mucha importancia al test, dado que queremos ofrecer lo mejor a nuestros clientes, nuestros ingenieros Mario García y Raúl Delgado nos hicieron un workshop de "JavaScript Testing".
Presentación disponible para descargar: JavaScript Testing
WORKSHOP: NODEJS. FRAMEWORK EXPRESS Y MONGODB
NodeJS es un entorno Javascript del lado del servidor. Node ejecuta Javascript utilizando el motor V8, desarrollado por Google para uso de su navegador Chrome.
Ha llegado al punto de ser uno de los actores que, junto con HTML5, ha provocado que JavaScript gane gran relevancia en los últimos tiempos. El motivo es que ha conseguido llevar el lenguaje JavaScript a nuevas fronteras, como es el trabajo del lado del Back End. A nivel de desarrollo, se reduce la curva de aprendizaje para los desarrolladores de Front End, ya que están habituados a trabajar con este lenguaje.
Dado su gran papel decidimos hacer un workshop "NodeJS. Express Framework & MongoDB" que nuestros ingenieros Cristina Hernández y Albero Irurueta nos impartieron.
Presentación para descargar: Node.js, Express & MongoDB
WORKSHOP: HERRAMIENTAS DE JAVASCRIPT
Una vez vista la importancia del JavaScript, teníamos que entrar al detalle y ver algunos instaladores de paquetes y algunas de sus herramientas, de las cuales algunas son ideales para trabajar con grandes proyectos como la SourceTree, una herramienta efectiva porque es uno de los mejores clientes GUI para manejar repositorios git.
Dado que es recomendable trabajar con SourceTree por su cómoda interfaz gráfica y con git por las múltiples funcionalidades que ofrece, nuestros ingenieros Raúl Delgado y Marc Torrent, nos hicieron un workshop de "Herramientas de JavaScript" para explicarnos la funcionalidad de todas estas herramientas.
Presentación para descargar: Javascript Build Tools
WORKSHOP: PATRONES DE DISEÑO EN JAVASCRIPT
Javascript cada vez más está tomando más fuerza en el mercado y cada vez más los desarrolladores empiezan a apreciar su importancia y su potencial.
Tanto es la importancia del lenguaje en sí como de los patrones de diseño y por ello, nuestro ing. Marc Torrent nos dedicó un workshop de "Patrones de diseño en JavaScript" para enseñarnos todos los conocimientos aplicables a todos los frameworks modernos de JavaScript.
Presentación disponible para descargar: Workshop Javascript Design Patterns
WORKSHOP: BUENAS PRÁCTICAS DE JAVASCRIPT
JavaScript hoy en día es muy importante ya que cualquier sitio en Internet requiere el uso de este lenguaje para crear entornos dinámicos y llamativos.
JavaScript es más complejo de lo que mucha gente cree. Es cierto que se pueden programar algunas cosas pero cuando requieren complejidad ya se necesitan unos conocimientos más avanzados. Por ello, nuestro ingeniero Mario García nos enseñó "Buenas prácticas de JavaScript", para poder ofrecer lo mejor a nuestros clientes.
Presentación disponible para descargar: Good-Practices-in-Javascript.-Regular-Expressions.-Scopes-Closures.-Memory-Leaks
WORKSHOP: VISTA GENERAL DE FRONTEND
FrontEnd y BackEnd son términos que se refieren a la separación de intereses entre una capa de presentación y una capa de acceso a datos, respectivamente. En diseño de software el FrontEnd es la parte del software que interactúa con los usuarios y el BackEnd es la parte que procesa la entrada desde el primero.
Éste está orientado a lenguaje de marcas y al lenguaje de programación web de ejecución en equipos clientes, sin necesidad de uso de servidores externos. Casi todo lo que ves en la pantalla cuando accedes a una web es desarrollo frontend, la estructuración de los apartados, tamaños, márgenes entre estructuras, tipos de letra, colores, adaptación para distintas pantallas, los efectos de ratón, teclado, movimientos, desplazamientos, efectos visuales… Es decir, el FrontEnd es el responsable de dar formato a contenidos, del desarrollo del aspecto de la web y de manipular resultados de datos obtenidos.
El FrontEnd es el máximo responsable del tiempo de carga, el responsable de que un usuario vea la usabilidad de la web y decida navegar en ella o irse. Por ello, se juega un gran papel y es muy importante estar al día para poder optimizar los procesos.
Decidimos primero ver la evolución del Front End para poder analizar hacia dónde vamos, antes de exponer todas y cada una de las terminologías implicadas. El ingeniero Marc Torrent fue el encargado de dar inicio con la presentación; "Vista general del FrontEnd: pasado, presente y futuro del desarrollo web FrontEnd".
Presentación disponible para descargar: FrontEnd-General-Overview
Presentando una nueva iniciativa: WORKSHOPS DE VISUAL ENGINEERING
Una de nuestros compromisos como empresa es brindar a nuestros clientes desarrollos dentro de las últimas tecnologías que existen en el mercado y para ello ofrecemos a nuestros empleados las herramientas y ayudas para estar al día.
El objetivo de estos workshops es comparar las tecnologías existentes y compartir el conocimiento entre todos nuestros desarrolladores. Además de crear la directiva de desarrollo unificado dentro la empresa y los diferentes equipos.
Decidimos comenzar con los workshops de FrontEnd y los temas que trataremos son:
- Vista General de FrontEnd
- Buenas prácticas de JavaScript
- Patrones de Diseño en Javascript
- Herramientas de JavaScript
- NodeJS
- Testing en JavaScript
- Herramientas de diseño
- Single Page Applications
- BackboneJS y patrones MVC
- Novedades y navegadores soportan a ECMAScript6
- Tendencias en diseño de web y prototipado
- AngularJS Parte I
- AngularJS Parte II
- AngularJS Parte III
- Aplicaciones híbridas con IONIC
- EmberJS Parte I
- EmberJS Parte II
- Diseñar efectos “cool” (Parallax y otros)
- Programación reactiva. Introducción a ReactJS
- El patrón Flux. Introducción de React-Redux
- ReactJS React-Router
- React - Redux: Middleware / Componentes de mayor orden
- ReactJS. Testing en React y Redux
- Aplicaciones con React Native I: Introducción
- Aplicaciones con React Native II: Componentes
- Aplicaciones con React Native III: La parte nativa
Seguidamente hicimos los siguientes workshops de iOS:
- Fundamentos de Swift 3
- Swift: Estructuras
- Testing, protocolos y extensiones
- Closures, genéricos y operadores
En las siguientes entradas podréis ver el contenido de cada uno de los workshops. ¡No lo perdáis de vista!