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
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!
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!
Benvenuti a Oonair!
Nuestros vecinos italianos nos han pedido incluirlos en esta gran familia y por ello hoy introducimos nuestra nueva web de Oonair soportando el idioma Italiano. En Visual nos caracterizamos por nuestro interés en diferentes culturas. Si no nos crees, pregunta a nuestro grupo y ¡ellos lo confirmarán!
A todas las personas de habla italiana: Benvenuti a Oonair! Estamos muy contentos de haberles incluido y en un futuro trabajar con todos vosotros.
¡Crea tu cuenta de Oonair y empieza a utilizarlo ahora!
Benvenuti a Oonair!
Nuestros vecinos italianos nos han pedido incluirlos en esta gran familia y por ello hoy introducimos nuestra nueva web de Oonair soportando el idioma Italiano. En Visual nos caracterizamos por nuestro interés en diferentes culturas. Si no nos crees, pregunta a nuestro grupo y ¡ellos lo confirmarán!
A todas las personas de habla italiana: Benvenuti a Oonair! Estamos muy contentos de haberles incluido y en un futuro trabajar con todos vosotros.
¡Crea tu cuenta de Oonair y empieza a utilizarlo ahora!