DEV Community: Arturo Gamboa

¿Cuál es el mejor navegador?

Arturo Gamboa — Sat, 17 Apr 2021 21:21:08 +0000

Comparación de los siete mejores navegadores: Chrome, Brave, Opera, Safari, Internet Explorer y Firefox.

Bienvenida

¡Hi devs! Hoy les traigo un post sobre el mejor navegador. Me gustó la idea de hacer esto porque la gente no sabe mucho a ciencia a cierta qué beneficios/perjuicios le trae su navegador. Además, estoy siguiendo el hilo de mi último post. Así que sin más, ¡Vamos allá!

introducción

Tu navegador es, lo que te conecta con gran parte de Internet, tiene que ser rápido, fácil de usar, seguro, que mantenga tu privacidad y que, tenga un buen soporte, y desde mi punto de vista, sería bueno una buena Store/Tienda con extensiones y plugins. Chrome ha tenido una trayectoria, que le sitúa en los primeros puestos, es de Google, el mayor y más efectivo motor de búsqueda, tiene unas muy buenas APIs, y tiene bajo su dominio marcas y empresas enteras. Pero, ¿ qué pasa entonces? ¿ por qué no vence a todos de una vez? Hay un problema, luego de algunos años, los usuarios se dieron cuenta que había muchos anuncios, y lo peor llegó cuando se dio a conocer que miles de datos personales fueron filtrados. De ahí la gente empezó a reflexionar y pensar más en su privacidad y seguridad.

Ahora, ¿Cuál será el mejor navegador entonces? Tu navegador tiene que ser seguro, sobre todo tiene que suplir tus necesidades. Ahora, comparemos a éstos titanes de acero.

seguridad y privacidad

¿Cuál será el navegador que te permita tener una navegación segura y privada, ¡veamos la gráfica!

La seguridad es una de las cualidades esenciales de un navegador. Porque, siendo honestos, hay muchas páginas web maliciosas, los usuarios deben estar alertas tanto como introducir información personal en páginas no seguras como descargar malware accidentalmente. Gracias a algunos navegadores como firefox, Chrome, Brave y opera, podemos saber cuando una página es segura, y cuando no.
Cuando se habla de privacidad, siempre se recurre a "modo privado" o algo así. Se supone que es una opción para que los usuarios del Pc no vean tu historial ni nada por el estilo. Los 7 tienen un punto en esta materia.

Lo que haces en línea, literal no es asunto de nadie.

También, los navegadores deberían tener un modo de navegación, donde las compañías y demás no pueden detectar tu actividad, incluso si se navega normalmente.

Además, un rastreador de terceros es muy útil, ya que además de mantenerte seguro, hacen más rápida la navegación, ya que los rastreadores lo que hacen es ralentizar la navegación, porque los rastreadores son una línea de Comandos que se ejecutan en segundo plano y por eso no los puedes ver. Desde la versión 67 se Firefox los detectores de huellas y los criptomineros están bloqueados, si estas familiarizado con las criptomonedas sabrás que consumen máquina, y ralentizan el computador, así pues, los criptomineros fraudulentos, usan del Internet medio para usar tu Pc y minar con ella, se sobrecalentará y funcionará más lenta si tu Pc está bajo ese ataque.

Portabilidad

Lo primero que hay que señalar de Portabilidad, es que no todos los navegadores están disponibles para todos los sistemas, tales son Internet Explorer y Safari, solo disponibles para sistemas operativos de Microsoft o Apple. Mientras que Firefox, Brave, Opera y Edge funcionan en todos los sistemas operativos principales y tienen una fácil instalación.

La versión móvil de Safari viene pre instalada en los sistemas móviles de Apple, y los móviles con Android tienen un navegador de estos pero modificado por el fabricante. Edge, Chrome, Opera y Brave se pueden usar hasta al mismo tiempo.

Casi todos los navegadores pueden sincronizar un ordenador a un móvil. Para eso necesitas una cuenta e iniciar sesión, puedes acceder a tus contraseñas, historial, marcadores y configuraciones.

Conclusión

Los navegadores, más capaces, más veloces, más seguros, son:

Encabezando Firefox, contestó satisfactoriamente a todas las demandas. Luego viene Brave que tuvo sus problemas con texto a voz, con la opción de capturar pantalla y la contraseña maestra. Luego viene opera que tuvo un rendimiento parecido a Brave.

Despedida

Esto es todo devs, espero que les hay gustado el post, yo uso Brave jeje, deja en los comentarios tus dudas, tu navegador favorito y si te parece bien el análisis me gustaría saberlo. Que pasen un buen fin de semana, ¡Bye devs!

Guerra de los navegadores

Arturo Gamboa — Sat, 17 Apr 2021 04:38:26 +0000

este post fue publicado originalmente por mí en DesarrolloWeb.com en Enero de 2020

Bienvenida

¡Hi devs! Hoy les traigo un post sobre la Guerra de Navegadores , la verdad fue un artículo que publiqué hace tiempo en una página web, pero aún es relevante y quise traerla acá, sin más preámbulos, ¡Vamos allá!

el principio

Los navegadores siempre han competido por ganar la mayor cuota de mercado y lo seguirán haciendo siempre, ya que su éxito o fracaso se mide en términos del uso que las personas hagan de ellos. Esta competencia, que en principio podría haber sido algo sano, trajo algunos efectos negativos en las primeras décadas de la existencia de Internet que se englobaron bajo el concepto de "guerra de navegadores".

el problema

Básicamente, al principio los estándares de Internet fueron un poco lentos y no existía una dirección clara en cuanto a cómo tenían que evolucionar los lenguajes como HTML, CSS o Javascript. Como consecuencia, cada navegador tomaba decisiones sobre cómo interpretar las etiquetas del HTML o atributos de CSS, así como las instrucciones Javascript para el acceso a los elementos de la página.

En los peores momentos de esta competición por la innovación en los lenguajes de Internet se llegaron a crear diversas etiquetas propietarias que sólo funcionaban en determinados lenguajes, estilos que eran interpretados de manera radicalmente distinta o incluso lenguajes de scripting para hacer la competencia a Javascript, como el desaparecido Visual Basic Script.

Obviamente, todos los usuarios de la web padecieron esta situación, pero a los que más perjudicó fue a los desarrolladores, que tenían que hacer esfuerzos extra para conseguir que las páginas funcionaran de manera idéntica, o al menos similar, en los distintos navegadores.

Solución y fin

Afortunadamente, estos hechos tuvieron su fin cuando finalmente todos los fabricantes de navegadores llegaron al acuerdo de ser fieles a los estándares. Este hecho se produjo con la llegada de HTML 5, que aceleró la presentación de estándares, definiendo las especificaciones de lenguajes como HTML y CSS, de una manera más precisa y acorde a las necesidades reales de la web. Además de crear una serie de APIs Javascript que los navegadores debían respetar para implementar características que eran necesarias en las aplicaciones modernas.

Ultimas palabras

Bueno devs, eso ha sido todo por Hoy. Personalmente siempre me gustó la historia. Y saber un poco de los problemas del pasado, nos ayudan a solventar y evitar los del presente. Bueno devs, que tengan un buen fin de semana, ¡bye!

Trabajar en equipo

Arturo Gamboa — Fri, 16 Apr 2021 19:13:07 +0000

Bienvenida

¡Hi devs! Hoy les traigo un post, el cuál es sobre mi experiencia en el campo laboral en equipo. Llevé mis regaños, sentí frustración muchas veces, y durante un buen tiempo pensé que no podía hacerlo... Así que, ¡ Vamos allá!

todo tiene un comienzo

Cuando entré en el grupo de desarrolladores web, sentí que era el que sabía menos. La verdad cuando entré pensé que iba a echarlo todo a perder (nunca tuve un autoestima muy alta que digamos). Cuando el líder del proyecto me dijo para entrar, fue de una manera bastante graciosa, yo le dije que me gustaría participar en algún proyecto, y casualmente tenía uno, pero yo lo decía a la larga, así como cuando aprendiera a hackear con css (recalco que es imposible), y nunca me pasó por la cabeza que él tuviera un proyecto. Acepté sin titubeos, aunque por dentro no quería, me dije que bueno, ya metiste la pata por así decirlo.

dentro del equipo

Yo nunca había hecho un trabajo como desarrollador web en equipo, mucho menos vía Internet, ni sabía que era kanban (la metodología que usamos), sonaba como una cosa super extraña y lejana. Para trabajos en equipo se necesita un control de versiones,y ellos optaron por git y github; así que aprendí git y github, luego a repasar html y css, cuando me uní al grupo, me dijeron que necesitaba aprender Figma, sonaba como aprender a volar en ese entonces, luego que no se usaría frameworks ( pensaba que unos cuantos kybites de bootstrap me salvarían del desastre, mala jugada), me quedé como, creo que no oportunidad de triunfar y luego vi el diseño, parecían los planos de Zuckerberg para Facebook, una pasada.

empezando a codear

Cuando empecé a echar código, unas semanas después por contra tiempos, me dí cuenta que no era tan difícil el diseño, pero de pronto un problema. A mí me tocaba hacer un formulario en html y estilizarlo, hasta ese entonces no había hecho un form porque no me era necesario, pero lo encontré algo difícil al principio. Luego lo terminé y lo mandé con PR, el líder lo rechazó porque era más avanzado que yo y sabía una mejor solución. Luego lo arreglé un poco y quedó bien.

lo que aprendí

Fue una experiencia bastante grata, aprendí un montó y conseguí amigos que me han ayudado desde entonces, me di cuenta que realmente no era tan malo en el diseño web, la verdad, cuando empecé no creí que podría ir más allá de html, pensaba que sólo Albert Einstein y Elon Musk podrían entender y hacer cosas útiles y sorprendentes, aprendí lo hermoso de trabajar en equipo, y sobre todo, aprendí que enseñar es la mejor manera de aprender

palabras finales

Así que, si crees que no tienes madera para la programación seguramente estás equivocado, puede ser que sí, no sea lo tuyo, pero también puede ser que llegues a ser un gran dev, mi recomendación, para estar parado, primero tienes que estar en el suelo, no te rindas

Eso es todo devs, espero que les haya gustado, ¡goodbye devs!

Aprender a usar Sass

Arturo Gamboa — Fri, 16 Apr 2021 14:43:52 +0000

1 parte: Descarga e instalación

Bienvenid@

¡Hi devs! Hoy les quiero traer un tutorial, sobre Sass, ya que es un preprocesador bastante bueno y recomendado por mí y muchos más devs. Además de que un amigo necesitaba esto; espero que les guste, así que, ¡Vamos allá!

Reseña histórica

Sass (Syntactically Awesome Stylesheets) es un lenguaje de hoja de estilos en cascada inicialmente diseñado por Hampton Catlin y desarrollado por Natalie
Weizenbaum.Después de sus versiones iniciales,
Nathan Weizenbaum y Chris Eppstein han continuado extendiendo Sass con SassScript, un lenguaje de script simple, usado en los ficheros Sass.
Sass es un metalenguaje de Hojas de Estilo en Cascada (CSS). Es un
lenguaje de script que es traducido a CSS, SassScript es el lenguaje de script en sí mismo.

introducción

Sass es un preprocesador css, pero, ¿qué es un preprocesador css? Es un programa que nos permite hacer css con la sintaxis única del prepocesador. Es la forma más eficiente de escribir css.

Sass sirve para mucho, desde declarar variables más ordenado y eficiente, hasta hacer el css de tu aplicación en pequeños archivos .sass de menos de 15 líneas de código,así que si quieres aprender a usar este preprocesador tan útil y práctico, has venido al lugar correcto,¡Vamos allá!

instalación y descargas

descargas

Hay dos métodos de hacerlo, por aplicación, y línea de comando, si quieres probar una aplicación, recomiendo Scout es OpenSource y rápidamente tienes un entorno de trabajo.

Ahora, la línea de Comandos es la más recomendable a mi parecer, pero tranquilo, no es nada difícil la instalación de sass.

Requisitos indispensables

Necesitas tener instalado Ruby para poder instalar Sass, pero, ¿qué es Ruby? Ruby es un lenguaje se programación y además tiene un gestor de paquetes llamado Ruby.gems y Sass es un gems ( así se llaman los paquetes de Ruby.gems); Ruby.gems permite distribuir tanto paquetes como librerías. Fue diseñado para que fácilmente pudiera construir, instalar y distribuir librerías.

instalación de Ruby en Windows

Los pasos son de verdad,muy fáciles, lo que tienes que hacer es ir a la página oficial de Ruby, y descargar según sus necesidades (32 bits y 64 bits), es el típico programa ejecutable, donde sólo le das siguiente y te muestra información y opciones,vas leyendo hasta terminar la instalación,¡y eso es todo! Ya tenemos Ruby instalado en Windows.

instalación de Ruby en Linux y Mac

En Linux y en Mac, Ruby viene pre instalado en el sistema por defecto. La versión no es la más actualizada, pero si lo que pretendes es usar Sass, sirve.

Lo que necesita Sass es que la versión de Ruby sea igual o mayor a la versión 1.8.7 en la mayoría de casos la versión que viene pre instalada es la 1.9.3 o superior.

Si tu distribución de Linux no trae Ruby pre instalado, a continuación presento las otras dos de maneras de instalar Ruby:

Usar el Sistema de gestión de paquetes di tienes una distribución basada en debian o la misma debian puedes usar el apt (advanced packaging tool) de la siguiente manera

$ sudo apt install (nombre-del-paquete)

en caso de tener una distribución de Linux que no utilice apt puedes ir a la página oficial de Ruby y revisar los muchos y extensos métodos de instalación

Para finalizar con la parte de la instalación, les presento RVM (Ruby Version Manager). Una muy buena herramienta para la línea de Comandos, que te permite fácilmente instalar, manejar y trabajar con varios entornos de Ruby.

Cabe destacar que el proceso de instalación es algo más largo y tedioso,pero nada del otro mundo. También,pienso que vale la pena usar esta herramienta ya que permite tener varias versiones de Ruby y Sass sin desinstalar las que usamos diariamente,es útil cuando salen versiones nuevas pero quieres usar la anterior también. Esta herramienta está disponible para todos los sistemas operativos,tanto Windows como Linux y Mac. Es totalmente compatible con los 3 sistemas operativos.

Admito que Me he quedado mucho en la instalación de Ruby,pero era para que no se confundan y mostrarles todas las opciones posibles,ahora si toca la instalación de Sass.

instalación de Sass

Antes de empezar a instalar Sass, les quiero decir que si tienen dudas con gusto responderé siempre y cuando esté a mi alcance.

La instalación de Sass es muy fácil:

Abrir la terminal ( en Windows cmd).
Usamos Ruby.gems para instalar Sass,recuerden que Ruby.gems es la que gestiona los paquetes

$ gem install sass

el comando instalará todas las dependencias requeridas. Si la consola marca error a lo mejor necesitaremos usar el sudo

$sudo gem install sass

para comprobar si se instaló correctamente, copiamos y pegamos en la consola o cmd este comando:

$sass -v

eso nos debería devolver la versión de Sass 3.4.7 (selective Steve).

instalación de Sass con Node.js

Ahora, anteriormente vimos como instalar Sass con Ruby,pero hay otro método más o igual de efectivo.

Con Node.js, el microframework más famoso de Javascript; su popularidad se sobreentiende. Para instalar Sass necesitamos Node.js instalado (pasa algo parecido con Ruby, pero ahora en vez de ser una gem, es un npm). En la página oficial están los métodos de descarga.

Ya con Node.js instalado, lo que hay que hacer es:

Abrir la terminal o cmd.
Y poner esto

$npm i sass-g

el i es para indicar que vamos a descargar un paquete de node, ponemos el nombre del paquete y -g es para descargarlo globalmente en todo el computador,luego ponemos

$sass -v

para verificar que se descargó correctamente, si nos sale la versión, ¡todo ha ido bien!

¡Felicidades! Has completado la instalación de Ruby y Sass, son herramientas que todo dev debería tener en su ordenador. Luego haré posts de cómo usar Sass,su sintaxis y demás. Hasta pronto devs! Recuerda que cualquier duda la puedes dejar en la bandeja de comentarios.

¿Qué es Back-End y Front-End?

Arturo Gamboa — Thu, 15 Apr 2021 17:22:21 +0000

Bienvenida

¡Hi devs! ¿cómo están? Hoy les quiero dar un pequeño bosquejo, sobre Back-end y Front-end, a menudo me topo con gente que no sabe la diferencia o si acaso la existencia de los términos; cuando empecé en este hermoso mundo de los desarrolladores, también me vi algo perdido, busqué durante algo de tiempo sin respuestas claras, ahora, casi un año desde que empecé estoy claro del asunto, y quiero ayudar a otros; así que, ¡vamos allá!

definición

Estos dos términos,Back-End y Front-End, son en realidad categorías, separan grandes cantidades de: Lenguajes, Pre-procesadores,DB (Base de Datos en Español), pero, ¿en realidad qué son, o qué significan estos términos? Frontend es la parte de un sitio web que interactúa con los usuarios, por eso decimos que está del lado del cliente. Backend es la parte que se conecta con la base de datos y el servidor que utiliza dicho sitio web, por eso decimos que el backend corre del lado del servidor.

El problema

Esa fue la explicación de Google, muchas veces buscamos términos y lenguajes de programación allí para hacernos una idea, pero, en mi opinión, un principiante no va a entender con exactitud esa explicación; un principiante no sabe qué es un servidor, mucho menos una base de datos, así que cuando lea esa explicación quedara igual o peor que cuando la buscó

Mi explicación

La verdad, simplificar esos términos no es ni difícil ni fácil; solo requiere de una explicación clara y precisa... Veras, si sabes Inglés, te darás cuenta que esos dos términos son de lo màs descriptivos, Back en Inglés es la parte de atrás. Y Front es frente, de lo que va adelante entonces, podemos decir que Back-end es la parte de atrás de la página web, es lo que no ve el Cliente (cliente se denomina la persona que visita tu página web) Front-end es Todo lo que ve el cliente.

Extra

Esa es una buena demostración gráfica de lo que es Back-end y Front-end,eso es totalmente cierto (la psicología de la imagen), el Front-end es la parte de arriba, lo que hace manifiesto que existe algo, lo que se ve, si un iceberg no estuviese sobre el nivel del mar, ¿acaso veríamos uno? De ninguna manera, el Front-end es vital. Ahora, el iceberg no se sostiene de la parte de arriba (por eso mismo, porque està arriba), se sostiene de la parte de abajo, del Back-end; el Back-end es lo que "hace la magia" por así decirlo, el Back-end, de todas las cosas que hace, también se encarga de guardar tus datos, gestionarlos y borrarlos, cuando en una página tienes una cuenta, y luego cierras sesión y luego vuelves a abrir sesión, ese es un ejemplo claro de Back-end, la base de datos manda la información guardada y la refleja en pantalla, el Back-end, en conlusiòn, es lo que mantiene viva la página web.

También hay un problema, cuando estabas leyendo lo que dice la foto, creo que como yo la primera vez que la vi, solo entendí uno o dos lenguajes de programación, es casi 100% probable que al empezar, no supieras qué son cada cosa, y no puedas decir, mira esto es para esto y así; pero eso no significa nada malo, de hecho significa que necesitas aprender mas, no tiene nada que ver que seas malo o bueno para que entiendas cada cosa que hay en la foto, solo significa algo, que estas en el buen camino, ¡aprender es tu mejor herramienta! A ti que estas empezando, te animo a que sigas aprendiendo, y sobre todo, divierte en el camino y consigue amigos.

Si tienes alguna duda, déjamela en los comentarios, con gusto la responderé en cuando pueda, gracias por leer,esto es todo, hasta la próxima, ¡Addio Devs!.