¿Qué debe saber un desarrollador frontend en 2016?

Una línea de base para desarrolladores de front-end [JS], 2015

Diseño web receptivo : los dispositivos móviles son el futuro. El número de usuarios de los móviles aumenta día a día y el mayor tráfico en los sitios web proviene de los teléfonos móviles. El diseño receptivo significa que su sitio web debe ajustarse al dispositivo desde el que se está viendo y dar una apariencia atractiva en la mayoría de los dispositivos.
Marcos de CSS : los marcos facilitan el desarrollo receptivo y ya contienen diferentes clases para los botones, formularios y diversos elementos de la página. Sigue las mejores prácticas de la industria. Ejemplos son: Bootstrap , Foundation .
Marcos de Javascript : estos marcos ayudan a crear aplicaciones web más fácilmente y siguen las mejores prácticas. Las aplicaciones de página única (SPA) se pueden realizar de manera eficiente con estos marcos. Ejemplos son: AngularJS , Ember , Backbone .
Control de versiones: el control de versiones es imprescindible para todos los proyectos. Supongamos que está trabajando en una característica de su proyecto y está arruinando algo, ahora lo que hará. Con los sistemas de control de versiones (VCS) como git , puede ver los cambios que ha realizado y volver a su estado anterior. Github es un servicio de alojamiento web para repositorios git que facilita mucho la colaboración entre equipos. Ofrece características como bifurcaciones y solicitudes de extracción que ayudan en gran medida al desarrollo de código abierto.
Rendimiento web : ha creado su increíble sitio web, pero si tarda mucho en cargar, la gente no esperará y abandonará su sitio. Por lo tanto, debe optimizar sus imágenes, Minify css y javscript para entregar sitios web rápidos y eficientes a sus usuarios.
Herramientas de desarrollo del navegador : los navegadores modernos no solo son impresionantes para los usuarios, sino que también son excelentes para los desarrolladores. Estas herramientas de desarrollo nos ayudan a realizar cambios en el DOM sobre la marcha y ver los cambios. La depuración de JavaScript es más fácil con estas herramientas.

Permítanme informarles sobre una nueva tecnología de desarrollo de aplicaciones web receptivas, SAPUI5, un marco completo y receptivo, el código una vez que se usa en todas las plataformas, es completamente de código abierto.

Solo para actualizaciones:

Toda una tecnología nueva, pero que evoluciona muy rápido y la estrategia de SAP para el futuro.

Según SAP en el mundo de SAP, el UX será SAPUI5 también llamado FIORI y el backend como HANA

Echa un vistazo a los siguientes enlaces:

¿Qué es OpenUI5 / SAPUI5?

Mira esto

Luego esto :

SAPUI5 SDK – Kit de demostración

🙂

Gracias

PD: si alguien quiere saber más sobre la tecnología SAPUI5, su marco y arquitectura no dude en ponerse en contacto. Las discusiones tecnológicas siempre son buenas para tener 🙂

Encontré un sitio web muy bueno, mira esto también:

https: //uptodate.frontendrescue….

¿Qué tipo de desarrollo web se utiliza para Internet de las cosas?

¿Edge es un "buen" navegador?

¿Cuáles son algunas de las ventajas o desventajas de usar Google Firebase?

¿Cuáles son los poderosos consejos para diseñadores web?

¿Cuáles son los mejores recursos para proteger las API WEB?

¿Qué hace un servidor web?

Gracias por el A2A, Himanish.

La siguiente lista no es exhaustiva, pero he hecho todo lo posible para que sea bastante completa. No está en un orden particular.

Su paquete de inicio : HTML, CSS y Javascript.

Manténgase actualizado con las últimas versiones. Cualquier cosa que hagas, o hagas en el desarrollo front-end, tendrá su base en estos tres.

Más fácil JS – JQuery.

Javascript en su sintaxis simple es engorroso de entender e implementar, JQuery facilita las tareas repetitivas en JS.

Manipulando el DOM – AJAX (Javascript asíncrono y XML)

Un desarrollador frontend en 2016 debe saber cómo intercambiar datos dinámicamente con el servidor.

Construyendo con bloques – frameworks Javascript.

Del mismo modo que hay una herramienta específica que se adapta mejor a una tarea específica, un desarrollador front-end en 2016 debe conocer los marcos, principalmente, Angular, Ember, Backbone, Node y React.

Embellecimiento: marcos HTML / CSS.

La estructura y el diseño no deben ser su preocupación, utilice marcos CSS como Bootstrap, Foundation y Skeleton, para que pueda centrarse más en la funcionalidad.

Experiencia RESTful: servicios RESTful y API.

Sin ser demasiado técnico en este caso, REST significa Transferencia de estado representativa. Un desarrollador front end debería saber cómo desarrollar aplicaciones que se adhieran a la arquitectura RESTful.

Diseño receptivo : su creación no debe sufrir defectos de diseño.

Con la amplia variedad de modos disponibles a través de los cuales los usuarios pueden navegar por la red hoy en día, su trabajo debe verse y funcionar sin problemas, independientemente del dispositivo en el que se esté utilizando.

Compatibilidad cruzada con el navegador : su sitio web debería funcionar y tener el mismo aspecto en todos los principales navegadores. No hay mucho que explicar aquí.

Pruebas y depuración : se producen errores.

Necesitas poder encontrarlos y matarlos. Intenta que tu sitio web esté 100% libre de errores.

Control de versiones: conocimiento de los sistemas de control de versiones.

El más utilizado es git, te permitirá trabajar con / en equipos y luchar, monstruos más grandes y mejores, y hacer cosas increíbles.

Solucionador de problemas : debe saber cómo resolver un cubo de Rubik.

No, solo bromeaba. Las habilidades para resolver problemas lo colocan un nivel por encima de los desarrolladores promedio y regulares. No es raro ver un front end completamente funcional de un desarrollador junior que de repente se comporta como un adolescente angustiado. Un desarrollador con habilidad experta en resolución de problemas lo tomaría como un desafío y un rompecabezas para resolver, en lugar de un desastre en proceso.

Visionario mucho? – Mira hacia adelante a 2017, y luego un poco más lejos.

Este es un campo que cambia rápidamente, mantenerse actualizado con lo que está de moda y lo nuevo lo ayudará a largo plazo.

Sistemas de gestión de contenidos / Plataformas de comercio electrónico (opcional) : Conozca al menos un CMS.

No tendrá mucha demanda, pero le dará un nicho que será deseable entre las compañías que usan dichos sistemas. Los ejemplos incluyen, Magento, WordPress, Joomla, Drupal, etc.

Kiran Kumar

Para los lenguajes de front-end basados en el navegador, está algo limitado en lo que el navegador puede admitir (excluyendo el lanzamiento de aplicaciones fuera del navegador). Podríamos hablar sobre: