2018 es el año de las aplicaciones móviles. Y este hecho no puede ser negado. Pero si cree que con el desarrollo de aplicaciones móviles, la popularidad de los marcos para desarrollar aplicaciones web ha disminuido, entonces está equivocado. Es suficiente ponerse en contacto con la compañía de desarrollo de aplicaciones web y aprenderá sobre herramientas impresionantes que se utilizan no solo para crear sitios corporativos, sino también para construir páginas web simples.

Sin embargo, cuando se trata de crear aplicaciones web, necesita recordar la competencia de dispositivos móviles y desarrollar una aplicación moderna y flexible. Si es necesario, debe comunicarse con la compañía que ofrece servicios especiales de desarrollo web que cumplan con sus requisitos. Pero antes de hacer esto, familiarízamos con algunos marcos populares que se pueden usar para crear su sitio. Entonces,

1. Node.js.

Desde el momento de su aparición en 2011, Node.js fue una plataforma favorita entre los desarrolladores web. Gracias a él, los programas rápidos y escalables se crean fácilmente. Y todo porque el autor node.js, Ryan dio, creó un marco de tal manera que el desarrollador tenga la capacidad de administrar múltiples conexiones al mismo tiempo. Además, el marco le permite crear herramientas de red y servidores web utilizando JavaScript y sus módulos responsables de las diversas funciones básicas.

2. Reactive.js.

Reacty.js apoyado junto con un grupo de programadores, también un Facebook de IT-Giant. React.js es una biblioteca de scripts de java con abierto código fuenteLo que permite a los desarrolladores crear solo aplicaciones web enormes. Estas aplicaciones pueden consumir grandes cantidades de datos, y puede cambiarlos sin tener que reiniciar la página. La razón por la cual las compañías de desarrollo de sitios web profesionales recomiendan este marco en 2018 es lo que ofrece escalabilidad, simplicidad y velocidad. Puede usar esta biblioteca junto con otros marcos o bibliotecas de JavaScript.

3. angular.js.

Angular.js - otro marco de javascript. Puede agregarlo al código web de HTML a través de la etiqueta. Esto le permite ampliar las capacidades HTML utilizando las directivas. Si desea crear aplicaciones web dinámicas, Angular.js tiene una estructura ideal para esto. Además, le permite usar HTML como lenguaje de plantilla. Debido a la unión de los datos y el archivo adjunto de dependencias, puede mantener una codificación voluminosa bajo control.

4. Express.js.

¡Este es el marco perfecto para aquellos que piensan que cuanto más pequeño mejor! Es así si está buscando un entorno de código abierto flexible y minimalista, luego express.js es lo que necesita. Los desarrolladores lo aman por simplicidad y flexibilidad en el desarrollo. Uso de módulos NPM, este marco le permite mejorar la funcionalidad de su sitio web. Y lo más interesante es que trabajar con él, puede disfrutar del conocimiento básico de HTML, CSS y Javascript y entender un poco en MongoDB. Dado que Express.js es compatible con el código dinámico, el código de la aplicación no será demasiado complejo.

5. Laravel

Y al final, pero no menos importante, vale la pena decir sobre el marco más popular para el desarrollo de PHP - Laravel. Es bastante universal, y los desarrolladores pueden usarlo para crear aplicaciones web y móviles. Ofrece varias ventajas no solo a los propietarios de aplicaciones, sino también a los desarrolladores. Laravel tiene una función funcional bastante amplia, incluida la migración de la base de datos, el hashing BCIPT, el soporte de MVC, la contraseña y la seguridad. Si está buscando un marco extremadamente confiable y flexible que maximice la MVC, Laravel es lo que necesita en 2018.

Las empresas dedicadas a desarrollar aplicaciones web utilizan muchas otras plataformas, pero, en nuestra opinión, los marcos descritos aquí de este año se convertirán en ciertos líderes en su campo.

Objetivo C, Swift o JavaScript

Diré lo correcto, su humilde servidor es arrastrado desde muchos productos de la compañía de Apple, pero esta lista no incluye. Tuve varios intentos de hacerles amigos, pero la amistad no fue así. No lo sé, no le gusto y eso es todo. La liberación rápida se puede decir corregida la situación, pero siempre que esté en la etapa de desarrollo activo y molienda. No quiere aplicarlo en proyectos reales.

Flashing sobre las ventajas y los contras de todas las tecnologías de desarrollo de iOS disponibles, decidí quedarme en mi querido Javascript. Si no existe una necesidad vital en los chips nativos del objetivo, y en los hombros, hay experiencia en JavaScript, ¿por qué no comenzar a conquistar las plataformas móviles de él?

Especialmente a menudo surgen proyectos desechables (sin apoyo adicional) y para que ellos estudien seriamente C objetivo. Simpar no. Al menos es caro y largo. Una vez que caí un proyecto para desarrollar una solicitud de una tienda corporativa en línea. La tarea del hecho es desechable: simplificamos los compradores de la vida y enviamos la solicitud a la natación gratuita.

En tales casos, quiero resolver rápidamente la tarea con costo mínimo. "Bulleta de plata" en este campo se ha establecido durante mucho tiempo Phonegap. Genera el marco de la aplicación futura e iguala el proceso de creación de una aplicación móvil a un sitio típico. Así que resulta que en presencia de conocimientos medios. Html / css / js Es bastante realista cobrar una solicitud decente.

Plataforma Phonegap Proporciona todo lo que necesita para crear aplicaciones, pero las sutilezas de diseño se dejan sobre nuestra discreción. Hablando aproximadamente, así que solo tome y recoja una solicitud con una interfaz cercana a la ejecución nativa, no funcionará. Sin atraer tecnologías adicionales, no está aquí.

"Baratstrap" para plataformas móviles

Los desarrolladores web modernos se escuchan de forma única sobre el poder y la torpeza del marco de bootstrap. Le permite crear "Wonders" y en minutos para crear prototipos de aplicaciones web modernas. Framework7 es un tipo de bootstrapPero dirigido a plataformas móviles. Como corresponde a un buen marco, se recopilan todo tipo de widgets, componentes que le permiten crear una aplicación tanto como sea posible para nativos.

Inicialmente, F7 se especializó puramente en la plataforma IOS. El tema de diseño estándar se centró en IOS 7 y en comparación con los competidores asignados con el rendimiento de la interfaz. Más recientemente, los desarrolladores anunciaron el mantenimiento del diseño material de Google, lo que agregó así las plataformas de Android compatibles a la lista.

Los desarrolladores de proyectos intentaron traer orden bajo el capó y dejar las cosas realmente necesarias. Como resultado, cosas familiares como una biblioteca incorporada. jQuery., F7 no se encuentra. En lugar de que esté disponible liviano. Dom7Tener características más necesarias.

Resumir F7. – este es un marco JS / CSS con todos los elementos de UI necesarios.Hecho en nativo de estilo de plataforma móvil. DIGO HONESTAMENTE, TALOS FRAMEWORKS ya han brillado en GitHib, pero F7 es favorablemente diferente de muchos: productividad e implementación de muchas fichas UX nativas. Por ejemplo, aquellos familiares para los usuarios de iOS, como el tirón para actualizar (tirones para actualizar), deslizar, back-bar y muchos otros están disponibles en el cuadro y no requieren programación adicional.

A esto, las fortalezas del F7 no están limitadas. No entraré en detalles, pero solo un poco comparte mis impresiones personales. Comenzaré con el atributo más importante de un proyecto de alta calidad: documentación. Espere la aparición de libros sobre tantas cosas tempranas sin sentido, mientras está escribiendo, el marco se actualizará y el texto perderá la relevancia. Toda la esperanza en tales proyectos para la documentación. Lo que es más y mejor presentado, mejor. En F7 con este orden completo. Como me pareció, la mayoría del proyecto se documentó, y donde el texto no fue suficiente, los desarrolladores lideraron los ejemplos de código.

Ya mencioné sobre un rendimiento impresionante. Se logra principalmente debido a la dieta apretada y al uso de relevantes. oportunidades modernas JavaScript.. En cuanto al reemplazo de jQuery en DOM7, no vale la pena preocuparse. Los principales métodos en él se implementan de la misma manera. El nombre de los mismos métodos de tipo, el orden de los parámetros está completamente guardado. En consecuencia, los problemas con la adicción no surgirán.

El sitio web oficial del proyecto presenta varios gráficos que confirman el rendimiento de F7, pero no se reparan particularmente, porque Confío en tu percepción más. Después de desarrollar el primer proyecto real, verifiqué el tiempo de respuesta de forma independiente. En este último modelos de iPhone (5, 5s, 6) Está sobre todo tipo de alabanza. Todo funciona bastante naturalmente y es familiar.

De otros bollos agradables por sí mismos, noté la aplicación de menos lenguaje para describir los estilos. Al desarrollar aplicaciones web con esta tecnología, es necesario encontrar constantemente, por lo que los demonios son agradables que las habilidades que pueda usar con seguridad en plataformas móviles.

Intentamos en la práctica

La tecnología se reemplaza regularmente, pero uno permanece sin cambios, la mejor manera Para familiarizarse con ellos permanece: práctica. Para demostrar el trabajo de F7, decidí escribir una solicitud útil que es necesariamente útil para todos nuestros lectores: el lector de las noticias del sitio de la revista favorito. Dado que en la implementación actual de nuestro sitio no hay una API completa para obtener materiales, usaremos el antiguo Protocolo de buen RSS (http://xakakp.ru/rss).

Crear un lector de lectura HTML / CSS / JS / F7 / PHONEGAP bastante sencillo. Dado que ya se ha creado un plugin bastante funcional para trabajar con RSS. De lo contrario, el trabajo se reducirá a escribir varias docenas de filas de html podrido. Es bastante aburrido, así que tomé el coraje de agregar un poco de roca y rollo. El ejemplo seguirá siendo el mismo, pero lo escribiremos en el estilo MVC. Como resultado, obtendremos una especie de micro-marco con un ojo en el futuro. En otras palabras, crearemos un marco universal para el desarrollo posterior de aplicaciones bien expandidas.

Resumiendo los pensamientos enumerados anteriormente, obtenemos aproximadamente un plan de acción. En primer lugar, preparamos la base para el proyecto utilizando la pila real de tecnologías, luego cree una interfaz de aplicación F7 y en el paso final vamos a esta mezcla venenosa en PhoneGap. Las solicitudes se centrarán en iOS, los matices de desarrollo de Android lo dejarán como una tarea.

Hay varias formas de organizar Patrón MVC en JavaScriptPero usaremos la opción de Philip Shurpik. Era bastante simple y ya tenía tiempo para intentarlo (con algunas modificaciones) en sus proyectos reales. En cuanto a los componentes / bibliotecas adicionales, además de F7, necesitaremos:

• requiere.js. - una de las mejores soluciones para organizar el enfoque de la difusión de módulos asíncronos);
• bigote daliniano. - uno de los temosos más rápidos para JavaScript;
• hBS. - Manillares simples para requisitos .js;
• text.js. - otro complemento para reante.js, que le permite cargar recursos de texto;

No podemos considerar todas las capacidades de los componentes listados, y dentro de nuestro ejemplo fue posible hacer con sangre más pequeña. Permítanme recordarle, nuestro objetivo no es solo para familiarizarse con el marco F7, sino también para obtener el marco de la aplicación para obtener más pruebas.

Estructura de aplicación

La funcionalidad de nuestra aplicación es extremadamente simple: apriete la cinta RSS actualizada y proporciona al usuario la posibilidad de una lectura cómoda. La comodidad es impensable si carga noticias de texto completo, por lo que nos adheriremos al minimalismo. Primero muestra titulares, y versión completa El usuario puede leer después del grifo.

Excelentes momentos organizativos decidieron diseñar la estructura de la futura aplicación. Las opciones son siempre que siempre son varias, pero inmediatamente se enfoca en que la aplicación web completada alimentará la PHONEGAP, por lo que la opción más óptima será:

• cSS - Para almacenar sus propios estilos de diseño. Todo lo que anula o estamos refinados, puestos en este directorio.
• img - images.
• jS - Todo el cliente JavaScript. Aquí solo colocamos nuestros propios escenarios, no la biblioteca. En la raíz del directorio, tenemos un script y modelo de propósito general. Los controladores y las presentaciones deben determinarse en las subdirectorias del mismo nombre. Miramos el ejemplo, para el controlador "Acerca de", crearemos la carpeta "JS / Sobre".
• lIBS - Bibliotecas y todos los bollos extra posibles. Por ejemplo, decidí conectar la magnífica "fuente impresionante": tirarla aquí.

En el directorio raíz del proyecto, solo se distribuirán dos archivos. app.js. y index.html. El primer archivo será el punto de partida de la aplicación. Configurará las bibliotecas auxiliares e inicializará F7.

Marcos de cocina

Descargamos las bibliotecas listadas (Bower, Git) y los bebemos de acuerdo con los directorios relevantes. Luego, en la raíz del proyecto, cree un archivo app.js y configure el componente adicional.

Listado 1. Configuración Requery.js

Requieren.config ((urlargs: "falso \u003d" + (fecha nueva). GetTime (), Rutas: (Manillar: "LIBS / MANILLARES", TEXTO: "LIBS / Texto", HBS: "LIBS / HBS"), CHIM : (Manillar: (Exportaciones: "Manillares"))));

La configuración de Requery.js se describe en el primer listado. Aquí conectamos bibliotecas adicionales. Dado que los manillares no están decorados en estilo AMD, la conexión se realiza a través de Shim. En principio, el complemento para leer RSS podríamos conectarnos exactamente de esta manera, pero como nuestra aplicación no puede existir sin él, entonces la inicializaremos de la manera anterior, a través del archivo de inicio de inicio.html.

El desarrollo de una solicitud de demostración implica la introducción constante de todo tipo de ediciones y correcciones, por lo que limite inmediatamente el apetito de almacenamiento en caché. JS. No existe un parámetro separado para esto, pero puede obtener el efecto necesario utilizando la propiedad URLARGS.

El principio es simple: a cada URL agregada especificada en el argumento de la propiedad con cierto valor. Para deshacerse del almacenamiento en caché, es necesario seleccionar un valor único para el argumento. Todos resuelven esta tarea a su manera, pero por una singularidad obtengo la hora actual:

Urlargs: "Fake \u003d" + (nueva fecha ()). GetTime ()

Listado 2. Módulo de aplicaciones

Define ("APLICACIÓN", ["JS / Router"], Función (enrutador) (enrutador) (enrutador) (enrutador); var f7 \u003d nuevo marco7 (); Var mainview \u003d f7.addview ("Ver-principal", (dynamicnavbar: verdadero)); RETURN (F7: F7, PRINTUALVIA: PRINCIPAL VISTA, ROUTER: Enrutador,);));

En la segunda lista, se administra el código del módulo "APP". En él, inicializamos el sistema de enrutamiento (Router.js) y el marco en sí. Describe todo el módulo de formulario AMD. El método define () se usa para declarar el módulo. En el primer parámetro, transmitimos el nombre del módulo, en la segunda, enumeramos las dependencias, y el tercero describe el cuerpo del módulo. Consulte la documentación de Requery.js en detalle.

El cuerpo del módulo comienza con la inicialización del módulo de enrutamiento (consulte el archivo JS / Router.js). El enrutador destruirá las rutas y ejecutará el método del controlador correspondiente. Enrutamiento en sí mismo se implementa simplemente (consulte Listado 3): En la entrada, obtenemos el nombre del controlador e intente llamarlo un método init () predeterminado (). No es difícil determinar la ruta al controlador (archivo): en la estructura de la aplicación de la estructura de la aplicación, acordamos guardarlos en el nombre de la carpeta / controlador / namecontroller.js de la carpeta JS.

Listado 3. Enrutamiento

Carga de función (requiere (requiere (["[" ["/" + controlerName + "/" + controlerName + "controlador"], función (controlador) (controlador) (consulta));)

Habiendo terminado con el enrutamiento, proceder a la inicialización de Framework7. En el caso más sencillo, es suficiente para crear una instancia de un objeto. Framework7.() Y regociate en la vida. Por nuestro ejemplo, esto es suficiente, pero en general, cuando el diseñador recibe un objeto con la configuración. Hay muchos de ellos y todos ellos se describen en detalle en la documentación. La atención más detectada: fastlicks, caché, cacheduración, material).

Lo siguiente está inicializando el área de vista. En el contexto de F7, bajo el área de visión (vista), está implícita para una parte visual separada de la aplicación. Cada área de vista se caracteriza por su propia configuración, panel de navegación y varios otros elementos.

Solo es necesario inicializar las áreas de envío que necesitan navegación. En nuestro caso, esto es.-Vista. La inicialización se reduce a llamar al método AddView (). Nos pregunta dos parámetros: Área de vista selectora y objeto de objeto.

Conquista RSS

Todos estamos listos para desarrollar una interfaz de aplicación. Su parte principal lo describe en el archivo index.html, ubicado en la raíz del proyecto (debe ser creado). Texto de marcado ( código HTML) Mejorado, por lo que no lo copiaré aquí, pero le enviaré a la sección de documentación de diseño de aplicaciones básicas. Lleva audazmente desde allí la fuente de origen completa HTML, copie el archivo preparado y prepárese para hacer varias ediciones. Vamos a empezar con la sección Conexión del script. Lo llevamos a la siguiente especie:

Debemos necesitar conectar el marco de libertos en sí mismo y el complemento (para trabajar con RSS). Al final, incluida la biblioteca Requery.js. A continuación, un pequeño texto de desplazamiento y encuentra el bloque:

Esta área mostrará los contenidos de ciertas representaciones. Planeamos una sola idea, por lo que no nos molestaremos con un ligero movimiento de su mano, agregaré soporte para el funcionario "Presente y actualizado". Para hacer esto, le recetamos una clase adicional de Contenido de Pull-to-Actualh a la unidad y obtener sobre lo siguiente:

El siguiente paso conectará estilos adicionales en el encabezado ( framework7.feeds.min.css.) Y proceder a la creación del controlador. No me concentré en cambiar el título de la aplicación, agregando texto auxiliar: puedes hacer todo este cosméticos usted mismo.

Técnicas de estilo MVC

Nuestro proyecto requerirá un solo controlador, llame al índice y prepare un directorio separado en la carpeta / JS. Crea inmediatamente varios archivos en él:

• indexcontroller.js - Controlador directamente;
• índiceView.js, index.hbs - presentación y patrón;

No necesitaremos un modelo, pero por ejemplo, se ha creado un FeedModel.js de conexión en blanco en la raíz del directorio JS. Si es necesario, describa en él un modelo y acceda a él desde el controlador.

Veamos los contenidos del controlador (listado 4). Lo primero que se apresura hacia el ojo es un formato de anuncio. Nuestro controlador no es más que un módulo ordinario con un init, recibiendo una parte de un concesionario.

Después de solicitar la página de índice, se llamará al método del controlador init. Además, todo depende de la tarea. Podemos obtener cualquier dato y transferirlos a la idea, podemos procesar algo, etc. En nuestro todo se limita a la formación de la presentación. Para hacer esto, llame al método Render (). Los datos de transmisión del controlador a la representación pueden ser a través de su único parámetro. No necesitamos transmitir nada, por lo que simplemente le daremos un objeto un objeto.

Habiendo formado una presentación, DOM se rellenará con nuevos nodos y podemos hacer algo útil con ellos. Por ejemplo, para inicializar el complemento Feeds. Para hacer esto, determine el selector para la salida y el objeto con la configuración. De la configuración necesidad

El camino a la alimentación RSS y el método de visualización (en la página, en la ventana). Mira los detalles en el cuarto listado.

Listado 4. Código de controlador

Defina (["APLICACIÓN", "JS / INDEX / INDEXVIEW", "JS / FEEDMODEL"], FUNCIÓN (FUNCIÓN INIT (QUERÍA) (ÍNDICEVIEW.RENDER (Modelo: (Mensaje: "Prueba")); .f7.feeds ("feed", (URL: "http: //localhost/feed.xml", Openin: "Página"));) Retorno (init: init);));

El código de vista se muestra en la quinta listado. En la organización del Código, todo es similar al controlador. El mismo módulo y una sola función. Preste atención al uso de la variable $. Esta no es una biblioteca de jQuery, sino DOM7. Muchos de sus métodos son idénticos, pero en DOM7 no hay todo, así que ten cuidado.

Listado 5. Código de presentación

Definir (["JS / FeedModel", "HBS! JS / Índice / índice"], Función (Índice, ViewTemplate) (Var $ \u003d dom7; Función Render (Params) ($ ("Contenido de la página"). HTML (ViewTemplate ((Modelo: params.model)));) devuelva (render: render));

Listado 6. Rendimiento de contenido

Recibiremos datos para la salida de las cintas RSS, por lo que la plantilla de presentación contiene HTML estándar. Vale la pena prestar atención a la adición del tirón para actualizar funcional (presente y actualizaciones). Anteriormente, agregamos la clase apropiada en index.html, y en la vista solo completamos el inicio. El código para la solicitud de la cinta actualizada no se requiere, porque El complemento RSS-Feed de la caja admite el tirón para actualizar la funcionalidad.

Esto se completa en esta solicitud. Puede probarlo usando un servidor web local (por ejemplo, incluido en Gulp).

Preparamos pithegap

La aplicación web está lista y ahora sigue siendo solo para recogerla utilizando la plataforma PhoneGAP. Para instalar PhoneGAP, debemos estar instalados en el sistema node.js. Si no está rezagado detrás de las tendencias modernas, entonces probablemente el NODA ya está instalado en su sistema. Si no, ejecute al sitio web oficial y siga las instrucciones.

$ sudo nmp instala -g phonegap

Excelente, pero una phonegap no es suficiente. Sin herramientas Cordova Línea de comandos, tampoco, no lo hagas:

$ sudo npm install -g Córdova

De otra herramienta auxiliar para automatizar el proceso de ensamblaje - hormiga. Instalar Anti puede ser instalado de varias maneras. La forma más fácil de hacer con el Administrador de paquetes. Para OS X hay varios de ellos, pero tengo Homebrew (http://brew.sh/). Funciona de forma estable y contiene un gran número de Paquetes. Instale HomeBrew lo suficientemente simple. Reclutamos al equipo en la terminal:

Ruby -e "$ (curl -fssl https://raw.githubuserconent.com/homebrew/install/master/install)"

Inmediatamente después de que se complete la instalación, continúe por Ant:

$ BREW Actualizar $ BREW INSTALAR HEAD

El siguiente paso será la instalación de Xcode. Atrapar paciencia e instalar versión real De la AppStore. Después de la instalación, definitivamente la lanzamos y aceptamos el acuerdo de licencia. Si esto no se hace, la PHONEGAP no podrá recoger el proyecto.

Recoge tu aplicación móvil

No salga de la consola y cree un nuevo proyecto de aplicación móvil. Entramos en la consola:

$ Phonegap Crear xAKEPRSSSREADER $ CD XAKEPRSSREADER

Excelente y básica pieza de trabajo está lista: puede proceder a la transferencia de nuestra aplicación web. Vaya al directorio www y retire todos los contenidos. Luego copie todos los archivos y carpetas de las aplicaciones creadas por nosotros. Como resultado, nuestro proyecto completo debe colocarse en la carpeta WWW. Vuelve a la consola y pasa a la asamblea. Primero, definimos la plataforma móvil para el ensamblaje (en nuestro caso, iOS), y luego lanzamos la implementación del proyecto:

$ Córdova Plataforma Añadir iOS $ Córdova Construir iOS

En ausencia de errores en la consola, se mostrará la inscripción "construir sucedido". Sólo sigue siendo abrir el archivo XakePrsSReader.xcodeProf desde el directorio de plataformas / js en Xcode y ejecute el proceso de ensamblaje (presione el botón de reproducción). Si todo va con éxito (y debe ser esto), después de unos segundos se iniciará la ventana del emulador (en mi caso, iPhone 6).

Construir terminado

Recoge su aplicación móvil con la ayuda de un amigo de tecnología a cada programador web en la práctica resultó que no es tan difícil. Si observa la AppStore, la mayoría de las aplicaciones corporativas no son más que una transmisión de un contenido / servicio específico del sitio web oficial de la compañía. ¿Es posible crear cosas similares sin recurrir a las tecnologías nativas? Definitivamente sí.

Los desarrolladores ven las perspectivas de la web en ambiente móvil Y trate de transferirlo tantas tecnologías de tendencias como sea posible. Fravorki parece ser considerado en el artículo de hoy, una vez más confirma: no hay imposible. El desempeño móvil continúa creciendo y este hecho solo está espaciando la transferencia de las tecnologías habituales a un nuevo entorno.

Por supuesto, no debe alimentar ilusiones innecesarias y abandonar el estudio de las tecnologías nativas (Objetivo C, SWIFT). Si está en serio configurado para desarrollar en plataformas móviles, no podremos hacer una tecnología web. De todos modos en la etapa de tiempo actual. Pero si su objetivo es "practicar" y trabajar bien en proyectos típicos, las tecnologías web definitivamente podrán ayudar.

Tengo todo en esto. Desarrollo móvil exitoso!

Ventajas phonegap

• El proceso de creación tanto como sea posible para desarrollar una aplicación web;
• Tecnología de una sola pila (HTML / CSS / JavaScript);
• Entrada de umbral bajo, resultados rápidos;
• Cobertura de todas las plataformas móviles populares (iOS, Android, Windows Phone);
• Bajo costo de desarrollar una solicitud;
• Apoyo más barato;
• Capacidad de usar los desarrollos de JS;

Contras phonegap

• Menor rendimiento en comparación con las aplicaciones nativas;

desarrollo web

Framework superior para el desarrollo web en 2018

El mundo nunca será el mismo porque tenemos desarrollo web. Una de las esferas líderes de la actividad humana sobre la relevancia, la influencia y el grado de participación. Y a tiempo parcial es uno de los principales perfiles de nuestra empresa. Por lo tanto, decidimos hacer una pequeña revisión de los marcos más populares de 2018. Agárrate al curso del desarrollo web y sigue las tecnologías modernas.

Angular.js.

Angular es un marco de JavaScript de Google, diseñado específicamente para crear aplicaciones web dinámicas. Disfruta de una gran popularidad durante casi diez años. Trabajar con angular, puede crear aplicaciones de interfaz sin la necesidad de usar otros complementos o marcos.

Su estructura incluye una serie de funciones interesantes. Aquí hay algunos de ellos:

• Usando plantillas, puede mostrar información del modelo y el controlador.
• Ayuda angular de la arquitectura MVC. Como resultado, el desarrollador puede simplemente dividir la aplicación en los componentes de MVC. Todo lo demás será controlado por el marco.
• Todas las expresiones son similares a los fragmentos de código encerrados en soportes rizados. No usan ciclos y expresiones condicionales. Por el contrario, solicite formatear y mostrar datos.

Todas estas características son parte de la plataforma, que le permitirá construir un gran sitio web. Aquí hay algunos ejemplos de sitios diseñados con este marco: Netflix, Freelancer.com, GoodFilms, etc.

Ruby on Rails

Este marco se basa en el lenguaje de programación de rubíes más famoso. ¿Cuál es su chip principal? Que reutilizar El código radical simplifica y acelera el desarrollo de aplicaciones web. Además, este enfoque le permite agregar algunas funciones adicionales. Entre los sitios web populares escritos en Ruby On Rails, puede destacar Basecamp, Ask.fm, GitHub, 500px, etc.

Ruby On Rails es una gran comunidad de desarrolladores donde puede encontrar fácilmente ayuda para su proyecto. No podemos decir que Ror pertenece a tecnologías baratas. Sin embargo, el marco proporciona un montón de bollos. Y sobre todo, nos referimos a un rápido desarrollo con menos códigos y errores escritos. Entre otras ventajas, asignamos:

• Flexibilidad. El marco es adecuado para todas las industrias empresariales, ya sea la gestión del proyecto o la construcción.
• Velocidad. Ya hemos escrito sobre esto y repite nuevamente: Ruby On Rails reduce el tiempo de desarrollo de las aplicaciones web en aproximadamente 30-40%.
• La capacidad de hacer cambios en el código completamente sin dolor. Es por eso que ror es ideal para proyectos de larga duración. Cambios bruscos de los requisitos o cambiando el equipo de desarrolladores: todo esto no será un problema grave.

YII.

YII es una plataforma de código abierto incorporada en PHP5. Gracias al diseño comprensible y interfaz convenienteEste marco proporciona un desarrollo web extremadamente simple y rápido. YII está optimizado por el rendimiento, por lo que se puede usar para cualquier proyecto de Pequeño a Gran. Además, la plataforma contiene muchas herramientas maravillosas que lo ayudarán a depurar y probar la solicitud. Otra ventaja es la documentación bien desarrollada.

Características clave yii en una línea:

• El marco no incluye clases y objetos hasta que necesitan. Esto acelera la descarga de la aplicación.
• Use las normas OOP, lo que significa confiabilidad y seguridad.
• Todos los recursos profesionales son absolutamente libres.

Todas estas características contribuyen a crear una estructura de alto rendimiento que le permitirá desarrollar sitios web geniales. Aquí están algunos de ellos: Tass, Craftcms, Humhub, etc.

Meteorito JS.

Este marco está escrito en la plataforma node.js y permite a los desarrolladores crear varias aplicaciones web en tiempo real. Una de las características más geniales del Meteor JS es una base excelente para crear sitios personales simples.

Meteor JS es un javascript isomorfo con marco web de código abierto. ¿Qué dice? El hecho de que le permita subir las páginas mucho más rápido. Además, gracias a la pila de JavaScript integrado, que se extiende desde la base de datos a la pantalla de usuario final, puede realizar en 10 líneas de código, lo que generalmente se estira a 1000 líneas.

Otra característica interesante es que puede usar el mismo código al desarrollar bajo iOS, web, android o escritorio. También puede utilizar varios marcos y herramientas populares y enfocarse en crear funciones en lugar de escribir componentes dispersos juntos.

Express.js.

Y un marco más en la plataforma node.js. Definitivamente lo defiende que lo use si desea desarrollar una aplicación web y una API, lo más rápido posible. ¿Por qué? Porque express.js cubre una serie de funciones importantes por los complementos. Y el marco se puede utilizar para crear aplicaciones móviles.

En Essence, Express.js consiste en la base de datos angular y de MongoDB. Esto significa que para desarrollar sitios web, tiene suficiente conocimiento de HTML, CSS y JavaScript. Y usando los módulos NPM, puede ampliar la funcionalidad de la aplicación tanto como desee.

Express.js es ideal para crear servicios web simples. No los portales de carga alta, y las aplicaciones que están vando "en mano skuring". Si necesita MVP o simplemente desea practicar en el desarrollo web, tome sobre Express.js y no lo deje ir a ninguna parte.

Zend.

Zend es un marco de OpenSource escrito en PHP. Está enfocado en desarrollar servicios web modernos, confiables y seguros.

Zend aplica varios paquetes profesionales PHP que hacen que el desarrollo de los sitios web. clase alta Mucho más fácil y más rápido. Además, el marco utiliza la arquitectura MVC que separa la base de datos y la lógica empresarial del nivel ejecutivo. Así que obtenemos un código más claro y limpio.

Zend se basa en conceptos de programación orientados a objetos, como las interfaces y la herencia, lo que lo ayuda a ampliar los diversos componentes del marco. También tenga en cuenta el enrutamiento, que realiza su trabajo impecable. Bueno, las funciones del caché. Se sorprenderá de que puedan ser más difíciles.

Django.

El marco más popular para el desarrollo web escrito en Python y utilizando la arquitectura MVC. Listamos las características clave de esta plataforma:

• Velocidad. El objetivo principal del marco es ayudar a los desarrolladores a hacer una aplicación, lo más rápido posible. Además, en todas las etapas de producción, desde la idea hasta la liberación. Eficiencia y eficiencia: así es como puede formular el Motto Django. El marco perfectamente adecuado para los desarrolladores que tienen un tiempo.
• Seguridad. Incluso puede permitirse algunos errores relacionados con los valores. Como regla general, se asocian con inyecciones de SQL, falsas de solicitudes de línea cruzada y scripts de sitios cruzados. Django administra efectivamente todos los nombres de usuario y contraseñas, y se sabe que el sistema de autenticación del usuario desempeña un papel decisivo.
• Escalabilidad. La mayoría de los sitios de negocios utilizan Django para satisfacer rápidamente las necesidades de tráfico.
• Carne plena picada. El marco incluye varias opciones adicionales para ayudar con los mapas del sitio, la autenticación del usuario, la administración de contenido, las fuentes RSS y mucho más. Cada uno de ellos proporciona asistencia sustancial en el proceso de desarrollo web.

Laravel

Laravel es uno de los mejores marcos de PHP. Con él, se puede desarrollar fácilmente como web y aplicaciones móviles Para sitios pequeños y grandes empresas. Larave tiene muchas características interesantes, como técnicas de autorización, bibliotecas orientadas a objetos, soporte de MVC, migración de la base de datos, solicitudes de intervalos, etc.

Las principales ventajas de este marco incluyen:

• Capacidad para aumentar el tráfico al sitio. Y sí, esta tecnología es aplicable a cualquier navegador y dispositivo.
• Flexibilidad. El marco tiene una estructura modular que ayuda a simplificar el propio sitio web y el proceso de su desarrollo.
• PHP no necesita formas de servicio especiales. Esto está conectado con la carga automática del objeto, que está contenida en el software.
• Laraver Framework puede crear URL únicas, ya que realiza varias rutas con el mismo nombre.

Producción

La elección del marco correcto es uno de los puntos clave que afectan la calidad del sitio futuro. Cada una de las tecnologías descritas se puede llamar completa en todos los aspectos, ya que se utilizan, tanto para Frontend, como para el desarrollo de backend. Por lo tanto, nuestro consejo será un banal para la desgracia. Simplemente seleccione una plataforma de acuerdo con sus lenguajes de programación. Solo usted puede formular sus propios requisitos de la mejor manera posible. Y solo usted conoce sus fortalezas y debilidades.

Aunque en comparación con el desarrollo multiplataforma, el nativo da en la producción de mejores aplicaciones, ahora aparecen muchas tecnologías nuevas multiplataformas, lo que permite crear productos excelentes.

Los principales beneficios del diseño nativo son altamente productividad de las aplicaciones y el acceso a los sistemas operativos.

Sin embargo, en su trabajo, los ingenieros a menudo se enfrentan a la incompatibilidad de las herramientas nativas entre sí en casi todos los niveles, incluidos los lenguajes de programación, la arquitectura, el trabajo con las bibliotecas, etc.

Por lo tanto, para implementar los mismos algoritmos y usuarios y (o) scripts de negocios, los programadores deben crear una solicitud para varios entornos en diferentes lenguajes de desarrollo.

Entonces, para escribir una solicitud nativa, la compañía debe aumentar y tiempo de trabajo, y presupuesto, y esfuerzos para mantener el producto. Además, el desarrollo nativo requiere la presencia del programador de un cierto examen. De lo contrario, será necesario para asignar tiempo adicional para los especialistas en capacitación.

Las tecnologías transversales surgieron para resolver estos problemas. A pesar de algunos inconvenientes, simplifican enormemente el proceso de redacción de aplicaciones móviles, lo que reduce los costos laborales de la empresa y reduciendo los costos de los clientes.

En este momento hay muchas buenas tecnologías multiplataformas que permiten crear aplicaciones de alta calidad. En este artículo, consideraremos los marcos más populares para el desarrollo multiplataforma.

Phonegap

Adobe PhoneGap es un marco con fuente abiertaPuedes disfrutar gratis. También PhoneGAP no requiere equipo, SDK y compiladores para crear aplicaciones móviles.

Hasta la fecha, PhoneGap es una de las herramientas de desarrollo más importantes de la plataforma, con qué programadores crean soluciones en CSS3, HTML5 y JavaScript. Otro marco más es un conjunto de complementos preparados.

Uso de este marco multiplataforma, los programadores están desarrollando aplicaciones que son navegadores web incorporados y HTML de una página única (página única).

Dado que todos los elementos de la interfaz están estilizados como nativos, no hay acceso directo a la API. Para acceder a las funciones del sistema, los desarrolladores asocian los complementos agregando métodos al navegador web y luego los unen con la implementación nativa en cada sistema operativo.

Adobe PhoneGap será la opción perfecta si necesita desarrollar una interfaz de aplicación o una aplicación simple de 10-16 capturas de pantalla y para una audiencia pequeña, por ejemplo, algún tipo de solución corporativa para las tareas internas de la compañía. Trabajar con el marco requiere la experiencia de escribir aplicaciones web de una sola página a JavaScript, CSS y HTML.

Xamarin.

Otra excelente solución multiplataforma que ocupa la posición de liderazgo en el mercado y permitiendo a los desarrolladores crear aplicaciones para varias plataformas (iOS, Android y Windows Phone).

Xamarin incluye una sola base de código C # compartida y proporciona la capacidad de probar aplicaciones en varios dispositivos utilizando Xamarin Cloud.

Con la llegada de Xamarin 2, el marco se convirtió en una de las herramientas más populares. Vale la pena señalar que el marco tiene una fuerte comunidad de asociación, que consiste en corporaciones tan grandes como Microsoft y IBM. A diferencia de PhoneGap, trabajando con él requiere suscripción pagadaPero puedes comenzar con una versión gratuita de prueba.

Xamarin ofrece una gran cantidad de características útiles, como su propio Xamarin Studio IDE y Xamarin.Forms, lo que permite a los programadores usar casi el 100% del código próximo para todas las plataformas. El marco también ofrece acceso a la API nativa y le permite integrar dichos billetes como parse y Microsoft Azure.

Para el desarrollo multiplataforma en Xamarin, necesita experiencia en iOS, Android y C #. Además, como resultado, su solicitud será completamente nativa (aunque está escrita en C #) y el volumen de los códigos de base no estará por encima del 40%.

Aleteo.

Flutter es una plataforma cruzada de código abierto bastante nueva, publicada por Google para un desarrollo más rápido de hermosas aplicaciones nativas de alto rendimiento para iOS y Android.

El Marco proporciona una base de datos de código única y utiliza el lenguaje de programación de DART creado por Google y que tiene mucho en común con Java y JavaScript.

Al igual que otros marcos de plataforma multiplataforma populares, Flutter ofrece muchas características útiles. Por ejemplo, recarga en caliente. Simplifica el desarrollo de la UI, la implementación de la funcionalidad y la prueba del producto.

Flutter incluye SDK de terceros, API para los widgets propios de 2D, animación, diseño de material y proporciona la capacidad de reutilizar el código Java existente, SWIFT y OBJETIVO-C.

A pesar del hecho de que esta solución multiplataforma sigue siendo muy joven, no tiene soporte de Windows y IDE, es posible desarrollar aplicaciones modernas que sean altamente productivas.

Reaccionar nativo.

Reacciona el marco nativo "Crece" de React.js, creado por Facebook para arreglar su chat. Montaje de la interfaz de los "cubos" de JavaScript y tomada prestada de la web. Un enfoque adaptativo para el diseño fue tan exitoso soluciones que la compañía portado reaccionó a las plataformas móviles. Se reaccionó nativo.

En este momento, reaccionará nativo es quizás el marco más interesante y prometedor debido al hecho de que se necesita lo mejor de la web y reaccionar.

Gracias al motor JS, se proporciona un alto rendimiento comparable al nativo. Sobre la base de la idea de montar una interfaz de "cubos", reaccionar nativo no usa un navegador ni WebView, solo API de JavaScript.

Por lo tanto, los programadores escriben el código en JavaScript, que funciona con los componentes de la plataforma nativa, transmitiendo así ventajas y conveniencia de usar react.js desde el navegador a las aplicaciones móviles.

La importante ventaja de reaccionar nativo es que el porcentaje de código compartido aquí es de hasta el 90%, lo que ayuda a escribir aplicaciones modernas que parecen de forma nativa. Al mismo tiempo, el desarrollo es más sencillo y conveniente.

De los programadores trabajan con marco, se requiere conocimiento JavaScript, API OBJETIVO-C y API de Java Android. Como puede ver, Reactive Native le permite crear soluciones de alta calidad de alto rendimiento.

Si tiene alguna pregunta sobre el artículo, necesita ayuda para desarrollar o hay una idea para el proyecto futuro, ¡y obtener una consulta gratuita!

En relación con la expansión del equipo, invitamos y. Ofrecemos un nivel competitivo de remuneración, calendario flexible, carrera profesional y profesional. Estamos esperando su currículum.) (Publicado el 18/06/18)

1. Sencha Touch

Sencha Touch es el primer marco de aplicación web móvil HTML5. Slencha Touch ahorra apariencia Aplicaciones - nativo de iOS y Dispositivos Android. Sencha Touch le permite crear fácilmente aplicaciones con interfaces multijugador masivas y excelente UX. Sencha Touch tiene lo mejor apoyo técnico Desde el comando de Sencha y la documentación para todos los detalles disponibles como soporte incluso para grandes aplicaciones de software Empresas. El marco es fácil de usar y desarrolla una aplicación móvil. Sencha Touch es la base que le permite programar para Android, iOS y BlackBerry sin cambiar la apariencia de la aplicación. Sencha Touch se puede utilizar para colaborar con las aplicaciones de fabricación de libras telefónicas que tienen una apariencia precisa de una aplicación nativa, pero creada con utilizando HTML. / JavaScript.

2. GAP TELÉFONO.

El marco de la brecha del teléfono se basa en HTML 5, que permite a los desarrolladores de aplicaciones móviles hacer aplicaciones nativas utilizando JavaScript, CSS3 y HTML5. La mejor característica de la brecha telefónica es que se puede usar en colaboración con otros marcos para respaldarlos con las funciones que no tienen, y la brecha telefónica les proporciona. En un corto período de tiempo, la brecha telefónica se convirtió en la más popular entre la mayoría de los desarrolladores con Sencha. Esto permite a los desarrolladores de aplicaciones móviles crear sus propias aplicaciones móviles con todas las funciones y colocarlas en la cáscara, por lo que la aplicación se puede colocar en Tienda de aplicaciones., o mercado de Android.

3. JQUERY MOBILE

JQUERY MOBILE, marco web optimizado por tacto para teléfonos inteligentes y tabletas. Este es uno interfaz de usuarioLo que permanece constante en todas las plataformas. El código es muy ligero y, por lo tanto, es la base preferida para el desarrollo de aplicaciones móviles. Varios temas creados por los diseñadores se pueden cambiar fácilmente. En lugar de escribir diferentes códigos de varios sistemas operativos; JQERY le permite escribir un código simple para crear una aplicación configurada con todas las funciones en un sitio web.

4. Applelerador de titanio

El titanio contribuye a la combinación de plataformas al desarrollar aplicaciones. Las solicitudes creadas en titanio están originalmente integradas. El marco actúa como un puente entre aplicaciones móviles y aPI de plataforma., el resultado de lo cual es una aplicación que tiene mejor interpretación. La plataforma de Appcelerator de Titanium se desarrolló con un desplazamiento para ayudar a los desarrolladores web a crear aplicaciones móviles y tabletas con facilidad. Durante el año pasado, la plataforma experimentó un gran aumento en el desarrollo, y se agregan nuevas funciones, y los dispositivos se agregan para los framewakes en un ritmo rápido.