Desarrollo web en iPad Pro: Guía para principiantes

Desde que se anunció el iPad Pro, Apple lo ha facturado como una alternativa a las computadoras portátiles. Y no comete errores, iPad Pro es una bestia fuerte, tanto que la nueva que está disponible actualmente tiene el mismo procesador que las computadoras portátiles MacBook Pro. Eso plantea la pregunta, ¿podemos desarrollar Web en iPad Pro? Esta es la misma pregunta que hice cuando Apple anunció por primera vez el nuevo iPad Pro en 2018. Estaré ansioso por ver un futuro en el que un iPad pueda reemplazar un Macbook, tomé el dispositivo y comencé a probar si puedo hacer mi trabajo de desarrollo web ordinario En este nuevo iPad. Pro.

Y el resultado? Falló lamentablemente. El hardware era excelente, pero iOS simplemente no era suficiente. Afortunadamente, incluso Apple se dio cuenta de que necesitan un sistema operativo separado para iPad y iPados lanzados. Y así es como mi viaje para reemplazar mi Mac con un iPad Pro para el desarrollo web:
Desarrollo web en iPad Pro

El código de Visual Studio se ejecuta en un iPad Pro
Antes de profundizar en el modo de desarrollo web en el iPad Pro, veamos primero el trabajo que esperamos que podamos completar con este dispositivo. Estamos buscando una solución que nos permita cuidar el desarrollo de WordPress. Esto incluye:
Trabajando con PHP, JavaScript y React.
Gestión de los sitios de clientes existentes, principalmente cambios de PHP.
Creación de temas y complementos que incluyen git y administrar el proceso de construcción.
Como esto sugiere, soluciones como Codesandbox no serían suficientes para lo que queremos lograr. Si solo desea crear proyectos JavaScript, Codesandbox puede ser una solución maravillosa. Pero en este artículo, estamos buscando una solución que pueda administrar más que JavaScript aislado. ¿Hace un desarrollo #WEB en un iPad Pro? Todo lo que necesitas para empezar
Haga clic en Tweet
Ahora que sabemos lo que queremos lograr, hable sobre cómo podemos hacerlo.
Un servidor web está instalado sería genial tener la opción de ejecutar un servidor Linux en iPad, pero sabemos que Apple no hace las cosas de esa manera. Aunque podemos usar Git, iCloud y otros servicios para almacenar archivos de edición, tener un servidor es la mejor opción para ejecutar herramientas más avanzadas, como el revestimiento, el proceso de construcción y otros. Siempre puede usar un editor y mantener sus archivos locales, pero solo será COD sin ejecutar el código. Si ya tiene alojamiento web, puede saltar al siguiente paso. Si aún no tiene un host web, le ofrecemos cobertura. Y si eres alguien como yo a quien le gusta poder convertir rápidamente un servidor para algo, entonces puedes usar algo como DigitalCean o una de sus alternativas más baratas.
Accediendo al servidor ahora que tenemos un servidor, necesitamos una forma de acceder a él. SSH nos dejará hacer eso exactamente. No solo estamos ejecutando pedidos para administrar el servidor, luego veremos soluciones para editar el código que requiere acceso SSH. Estas son algunas de las aplicaciones que funcionan sin problemas para este propósito: Termius
Termius es la aplicación SSH más fácil y famosa en la App Store. Es fácil de usar y tiene una interfaz de uso muy amigable. Puede almacenar más credenciales de SSH allí y acceder a ellas desde el tablero con un solo clic. También acepta MOSH, que es una alternativa SSH creada especialmente para dispositivos móviles. También tienen una versión premium que le brinda acceso a múltiples herramientas, como SFTP. shell mini e ish shell

Si no desea una interfaz de uso elegante y le encanta la terminal, A-Shell Mini es lo que está buscando. Es un shell interactivo que puede usar para SSH en su servidor y si desea algo más fácil (solo 5 MB), puede usar el shell ISH. Es Alpine Linux que se ejecuta en iPad Pro. Por defecto, no viene con SSH pero se puede instalar ejecutando:
apk add opensh

Una vez que tenga eso, puede iniciar sesión en el servidor y hacer su trabajo.
Elegir un editor de código ahora que tenemos un servidor y podemos conectarnos a él, llegamos a la parte más importante del rompecabezas. Necesitamos un editor para codificar. Necesitamos tener un buen editor para darnos todas las características esenciales de una buena idea.
Esta es la parte que pasé meses investigando para encontrar un editor que no sea un compromiso, pero eso es tan real como la codificación en una computadora de escritorio. Aquí hay tres editores de código que hacen el trabajo: Koder
Koder le permite acceder a sus archivos en la aplicación FTP, Dropbox y Files. También viene con un terminal SSH que puede usar para acceder a su servidor. Aunque no es tan avanzado como, por ejemplo, el código de Visual Studio (más más tarde), aún le permite codificar rápidamente, sin demasiadas distracciones. ¡Y es gratis! Después de probar algunos editores de código basados ​​en aplicaciones de iPad, la aplicación Koder sigue siendo mi favorita de usar cuando tengo que reparar algo rápido en un sitio web. Por lo tanto, si todo lo que desea hacer es hacer cambios menores en su sitio, Koder es el Solución perfecta. Visual Studio Code Aquí las cosas se vuelven interesantes. Visual Studio Code, Alias ​​VScode, es el editor de códigos que todos los niños geniales usan hoy en día.
Si es un desarrollador, hay altas posibilidades de usar actualmente VScode o lo usan en el pasado. Una buena solución que encontré anteriormente fue la aplicación de código en la App Store. Es un excelente puerto de VScode para iPad, pero extraño FTP, SSH y otras opciones que necesitamos para editar los archivos en el servidor.

Entonces, sí, necesitamos algo para traer toda la funcionalidad VSCode en iPad Pro. Permítanme presentarle el servidor de código, VScode que se ejecuta en el navegador.
El servidor de código hace la brillante tarea de ejecutar VScode en cualquier servidor. Y también es gratis para ejecutar. Y si ejecuta una plataforma de alojamiento en la nube, tienen una guía sobre cómo instalar fácilmente el servidor de código. Una vez instalado en el servidor, el editor se puede abrir simplemente accediendo a una URL desde el navegador Safari en el iPad Pro. A diferencia de la aplicación de código antes, el servidor de código aporta la experiencia VSCode completa en su servidor. Puede hacer cualquier escritorio VScode. La única desventaja es que si trabaja con varios servidores, configurar el servidor de código cada vez puede ser una tarea de tiempo. Aquí está y tenemos Vscodes ejecutándose en un iPad Pro. No puede ser mejor que eso. ¿Mayo? Si desea una buena idea con una interfaz amigable, el servidor de código será la mejor opción. Pero si te sientes cómodo con la terminal, hay algo aún mejor. VIM VIM – Lanzado por primera vez en 1991 – Salir de la caja en la mayoría de las distribuciones de Linux puede ser la forma más fácil de usar iPad Pro para el desarrollo web.

Puede ser muy intimidante si no está familiarizado con él. Pero una vez que te acostumbras, puede ser tan poderoso como cualquier idea completa. Tómalo de mí, después de usar VScode durante siete años, fui a usar VIM a tiempo completo para todo mi trabajo de desarrollo. Por defecto, VIM parece bastante simple. Es solo una pantalla blanca con algún texto arriba:
Pero esta es la mejor parte de Vim. Puede personalizarlo de muchas maneras que no considere en absoluto como la configuración predeterminada. Para empezar, puede usar esta biblioteca para traer algunas herramientas fuertes a su instalación VIM, como un explorador de archivos, herramientas de búsqueda más rápidas y finalización automática de código. Además, hay más complementos VIM disponibles para personalizar cada centímetro del editor. Cuanto más lo use, más comenzará a personalizarlo para satisfacer sus necesidades. Mire mi archivo .vimrc, por ejemplo. Tomará algún tiempo familiarizarse con VIM, pero es, con mucho, la mejor solución para el desarrollo web en iPad Pro. Si está familiarizado con VIM, pronto puede darse cuenta de que iPad Pro no tiene una clave de escape.

Un inspector web con todos los derechos completos es la falta de un navegador adecuado, como Safari o Chrome, con herramientas de desarrollo, fue el mayor obstáculo en el uso de iPad Pro para el desarrollo web. Safari recibió una gran actualización con la introducción de iPados, pero aún carece de las herramientas de desarrollo que necesitamos para crear sitios web. Pero una cosa que hicieron muy bien con iPados 15 es que permitieron extensiones del navegador en Safari. Esto ha abierto el camino para que un desarrollador cree la extensión del inspector web Safari.
Esta extensión del navegador casi ha resuelto la falta de herramientas de desarrollo tipo escritorio. Como se esperaba, nos permite ver/editar el código HTML de la página, pero no puede editar el CSS. También tiene una consola del navegador en la que se puede ejecutar el código, pero pocas cosas no funcionan allí, como las variables var/const. Pero, en total, es un aumento en comparación con las versiones anteriores en las que no había herramientas de desarrollo web disponibles y tuvo que descargar algo como el inspector básico. Y quién sabe, tal vez en el futuro, esta extensión mejorará para proporcionar más opciones u otra extensión presentará herramientas de desarrollo más avanzadas. Como usuario de Apple, solo puede esperar que Apple realice el potencial iPad Pro y traiga herramientas más avanzadas que convierten el dispositivo en una computadora portátil alternativa. ¿Intentaste hacer un desarrollo web serio en iPad Pro? Háganos saber en los comentarios a continuación. GUID para principiantes para #Bepstate Web en #IPad Pro: Todo lo que necesita saber ️
Haga clic en Tweet

… Recuerde unirse a nuestro curso rápido para acelerar su sitio de WordPress. Con algunos remedios simples, puede reducir el tiempo de carga incluso en 50-80%:

Apariencia y presentación de Chris Fitzgerald y Karol K.