Lemoncode blog


Artículos, ideas, desarrollos, notas y mucho más

Front-End, un framework nuevo cada minuto

Hace unos años se consideraba lo que corría en un navegador web como algo “limitado”, si querías desarrollar algo más avanzado tenías que llevarte procesado a servidor o utilizar plugins de tipo Flash / Flex / Silverlight (guardemos un minuto de silencio por todos aquellos a los que nos “vendieron la moto” diciendo que esa era la tecnología definitiva)...

Comment

Master Lemoncode opiniones de los alumnos

David Moreno - Perfil Front-End

... No lo dudes: ¡Apúntate! Recomendable 100%."

 

Antonio Tobajas - Perfil desarrollador desktop

...'Si has perdido el paso y quieres ponerte al día, sigue leyendo...', hace un resumen fantástico de lo que te dan. No lo dudes y apúntate."

 

Bernardo Rumbado - Perfil desarrollador backend

... "lo bueno de este máster es que independientemente de tu nivel en desarrollo Front-End puedes sacar todo lo que desees, desde una primera aproximación hasta llegar a un manejo profundo, sólo depende de tus ganas de aprender"

 

 

Flexbox a base de ejemplos

¿Que vamos a ver?

"En éste artículo, introduciremos una aproximación distinta a la hora de maquetar, que nos va a permitir, solventar los problemas citados anteriormente, de una manera más sencilla y limpia.  Y para tal fin utilizaremos Flexbox ..."

 

Desarrollador senior javascript

Un cliente nos ha pedido que le ayudemos a buscar un desarrollador senior javascript (ES5 / ES6)  para incorporar en plantilla.

Lo que piden como requisito:

  • Que tengas conocimientos sólidos de ECMASCRIPT 5 y 6.
  • Que conozcas: Revealing Module Pattern, Closure, manejo de espacio de nombres...
  • Que tengas experiencia armando entornos para pruebas unitarias e implementándolas (jasmine, karma, mocha chai, sinon...).
  • Que tengas buen conocimiento de maquetación, CSS y SASS.
  • Que estes familiarizado con el concepto de promesas y consumir capas REST.
  • Que tengas buen conocimiento de programación funcional y orientada a objetos.
  • Que te guste trabajar con revisiones de código y en equipo.
  • Que tengas buen nivel de inglés a nivel conversacíon (el español se valora, pero es opcional).

El trabajo es en Málaga (no se permite remoto), y las condiciones son bastante buenas (buen salario, horario flexible, e integrarte en un equipo profesional: integración continua, tdd, pull requests, ...).

Si estás interasado puedes contactar con nosotros y te contamos más detalle (si nos adjuntas tu CV en inglés mejor que mejor), nuestro correo: formacion@lemoncode.net

 

Share

 

Desarrollador Senior Angular 1.x

Un cliente nos ha pedido que le ayudemos a buscar un desarrollador senior con Angular 1.x para incorporar en plantilla.

Lo que piden como requisito:

  • Que tengas muy buen conocimiento de Angular 1.x: controladores, componentes, directivas, filtros, ui-router, ....
  • Que tengas experiencia armando entornos para pruebas unitarias e implementándolas (jasmine, karma, mocha chai, sinon...).
  • Que tengas buen conocimiento de javascript (ES5 y ES6).
  • Que entiendas CSS y SASS (no hace falta que seas un super maquetador, pero si defenderte con hojas de estilo).
  • Que estes familiarizado con el concepto de promesas y consumir capas REST.
  • Que te guste trabajar con revisiones de código y en equipo.
  • Que tengas buen nivel de inglés a nivel conversacíon (el español se valora, pero es opcional).

El trabajo es en Málaga (no se permite remoto), y las condiciones son bastante buenas (buen salario, horario flexible, e integrarte en un equipo profesional: integración continua, tdd, pull requests, ...).

 

Si estás interasado puedes contactar con nosotros y te contamos más detalle (si nos adjuntas tu CV en inglés mejor que mejor), nuestro correo: formacion@lemoncode.net

Plugins de Atom que no te puedes perder

Atom es un editor ligero con un ecosistema de plugins enorme, tan grande que se hace complicado elegir los más útiles y más estables.

El otro día lo presentamos en el Máster Front-End Lemoncode como uno de los editores que vamos a usar (Atom y Visual Studio Code), en cuanto lo comentamos uno de los alumnos rápidamente creó en Slack un canal sobre plugins y todos empezaron a recomendar y comentar los que veían más útiles, quedó una lista tan interesante que pensamos que sería muy buena idea compartirla en un post.

Aquí tenéis la lista de plugins elegidos...

Super Curso: Application Lifecycle Management con Visual Studio

En junio arrancamos con la publicación de webinars gratuitos, y ya llevamos 4, en los que hemos cubierto temas tales como Docker, React, Git, Integración continua… Estamos muy contentos con vuestra acogida, y nos anima a planificar un otoño calentito con más webinars (el 8 de septiembre React Native vs Xamarin, y pronto publicaremos el tema a tratar en octubre).

Muchos asistentes nos han pedido profundizar más en los temas que se tratan en las sesiones. La mayoría de vosotros sois desarrolladores individuales a los que os apasiona esta profesión, y tenéis muchas ganas de aprender. Hemos estado dándole vueltas y creemos que hemos encontrado una fórmula que puede ser interesante:

  • Convocatorias de cursos online en vivo.
  • Con los mejores docentes.
  • 3 sesiones de 2 horas.
  • En un horario que os venga bien (de 19:00 a 21:00 horas).
  • Proporcionándoos de la grabación del curso una vez finalizado.
  • Con un precio de solo 29 € por alumno.

Para la primera convocatoria tenemos nada más y nada menos que a Bruno Capuano (MVP Visual Studio, @elbruno), que impartirá el curso titulado “Application Lifecycle Management con Visual Studio” los días 27, 28 y 29 de septiembre. Para comprar tu entrada o ver más detalles acerca del mismo puedes pinchar en este enlace.

Typings 1.X y Unable to Find "react"

Hace poco que actualizamos a la versión 1.X de Typings y nos encontramos con una sorpresa, lo que antes funcionaba sin problemas:


typings install react --ambient --save

Nos da ahora un mensaje de error bien feo Unable to find "react" ("npm") in the registry

Después de buscar un poco encontramos varias pistas:

  • En este post nos explica que tenemos que indicar ahora el origen del paquete.
  • En el breaking changes de typings nos comentan cambios en los parametros de la línea de comandos...

Integración continua con Travis

Una de las ventajas de trabajar en un Proyecto web open source con nodejs es lo fácil que puedes montar integración continua. 

En nuestro caso necesitábamos un servidor de integración continua para nuestra librería de validaciones de formularios (lcformValidation), los pasos que hemos dado:

  • Partimos de que teníamos configurado karma para lanzar los tests (para el proyecto web utilizamos webpack como herramienta de bundling).

  • Hemos instalado Phantomjs (un browser sin interfaz de usuario) para que ejecute los tests travis.

  • Hemos configurado una entrada en el package.json “npm test”.

  • Nos hemos creado una cuenta en travis y seleccionado el proyecto lcFormValidation.

  • Hemos definido un fichero .yml indicando que es un proyecto node, y la llamada a npm test.

  • Para finalizar hemos añadido el ”badge” en nuestro proyecto que muestra que la build ha tenido éxito.

Configurando tsconfig en Atom y VS Code

Una de las cosas más apasionantes en el mundo del Front-end es lo rápido que está evolucionando, hace unos meses estábamos usando bower y tags “script” en el html de nuestros sitios web y ahora nos encontramos utilizando “imports” y dejando que una herramienta de bundling nos lo resuelva todo.

Otro tema apasionante es el abanico de herramientas que tenemos disponibles, de utilizar Eclipse o Visual Studio, pasamos a tener una cantidad de opciones muy interesantes: Sublime, Atom, Webstorm, Visual Studio Code…

Ahora viene la parte negativa ¿Cómo narices haces que todo esto funcione bien en los diferentes editores?

Por nuestra parte nos hemos esforzado en que nuestros proyectos publicados se abran correctamente con Atom y Visual Studio Code (nos comentan que con Webstorm también va la cosa bien). En este post vamos a resumir los “tortazos” que nos hemos dado y las soluciones que hemos aplicado, espero que os sea de utilidad...

Desarrollador SQL (Ms Sql Server)

Nos han pedido ayuda para buscar un desarrollador senior SQL, que pilote bien de Microsoft SQL Server, lo que piden:

  • Bueno nivel de T-SQL.
  • Haber trabajado con base de datos grandes.
  • Buen conocimiento optimizando / tuneando bases de datos.
  • Si estás también a la última con MS SQL Server 2012 / 2014, mejor que mejor.
  • Buen nivel de inglés (nivel conversación, la entrevista será en inglés).

El puesto de trabajo es en Málaga, las condiciones son muy buenas.

Si lo ves interesante envíanos tu CV a: formacion@lemoncode.net

Buscando desarrollador senior C++

Nos han pedido buscar un perfil de desarrollador senior C++ que tenga buen nivel de inglés (la entrevista te la hará una persona que no habla español). El puesto es en Málaga (no vale teletrabajo).

Sobre tecnología, si sabes Visual C++ y MFC mejor que mejor, también vale si eres muy bueno con C++.

Se valora que tengas conocimiento en multi-threading, acceso a datos, patrones de diseño. También que tengas experiencia manejando repositorios de código fuente (CVS, SVN, Git).

Las condiciones laborales son muy buenas.

Si estás interesado envíanos tu curriculum vitae a: formacion@lemoncode.net

React: Rethinking Best Practices

Mucha gracias a todos los que asististeis al webinar de “React: Rethinking best practices”. 

En este post os pasamos el material de la charla:

  • La grabación del webinar la tenéis disponible en este link
  • Te puedes descargar la presentación en este link
  • Sobre las demos:
    • Jugando con JSX lo tenéis en este repositorio y tenéis este post disponible
    • Sobre las demos de React y Redux, las tenéis disponibles en este repositorio

Si estáis interesados en profundizar y aprender más sobre React + Redux, tenemos un curso disponible: que además vuestra empresa podría bonificar por la tripartita y hasta saliros a coste cero. Más información en este link o escríbenos un correo a formacion@lemoncode.net

Comment

JSX / TSX ¿Qué tiene de bueno?

Una de las cosas que nos sorprende cuando le echamos un ojo a React es que el “HTML” parece estar embebido dentro de los ficheros JavaScript… De primeras, esto ha hecho que muchos desarrolladores hayamos descartado esta tecnología al considerar que era una vuelta al Spaghetti y rompíamos principios como el de “Separation of concerns”.

En mi caso, no podía entender cómo se rompía tan flagrantemente las buenas prácticas y cómo a la vez, empresas muy grandes como Facebook, Airbnb, Uber, Yahoo y muchas otras, lo abrazaban como estándar ¿Hay algo que nos estamos perdiendo? Vamos a indagar un poco en qué consiste esto...

2 Comments