domingo, 25 de octubre de 2020

como empezar en el desarrollo web

Primero lo primero

Lo que tienes que entender antes de comenzar en desarrollo web es como es que funciona una página web aquí encontraras una introducción, pero te recomiendo investigar más a profundidad cada concepto que veas aquí y buscar más formas de explicar esto porque no solo hay una forma de aprender esto.

Analogía

Pensemos en una página como un restaurante, lo primero que tienes que saber de un restaurante para acudir a él es su dirección esto es un DNS este tiene un costo como por ejemplo youtube.com es un DNS este tiene que ser único en internet. luego una vez teniendo la dirección necesitas un transporte para llegar a él este es el navegador e internet viene siendo el medio por el que se va a mover.

Una vez llegaste al restaurante si está muy lleno te ponen en espera este son esos pocos segundos en lo que carga el sitio web. sí hay mucha gente y el restaurante está a su máximo es cuando se cae el sitio o se tiene un ataque de DDoS. Una vez que pasas te dan un menú una mesa, un diseño, etc. esto es el Frontend, cada vez que tú le pides un platillo son datos como tu avatar, tus correos, tu puntuación, etc.




El mesero que te toma las ordenes es una API que se podría expresar los pedidos como una llamada de tipo POST, cuando te traen la cuenta un GET y cuando pides algo más es un tipo PUT esta API se conecta con un backend este es la cocina del restaurante este tiene una bodega o refrigerador que sería una base de datos.

Las herramientas, el tipo de cocina, todas las características que tenga la cocina del restaurante seria DevOps. El tipo de cocina es el Sistema Operativo del servidor (Un servidor es lo mismo que una computadora solo que sin gráficos, lo único que tienes para interactuar es una línea de comandos)

Inicia tu carrera 

Ya sea que elijas Front-End, Back-End o DevOps. De igual forma necesitarás tener cierto conocimiento y aptitudes previas para triunfar en tu camino, acá te listo las más importantes.

El camino del front-end

El desarrollo web front-end es la práctica de producir HTML, CSS y JavaScript para un sitio web o aplicación web para que el usuario pueda ver e interactuar directamente con ellos. El desafío asociado con el desarrollo de front-end es que las herramientas y técnicas utilizadas para crear el front-end de un sitio web cambian constantemente y, por lo tanto, el desarrollador debe estar constantemente al tanto de cómo se desarrolla el campo.

El objetivo de diseñar un sitio es garantizar que cuando los usuarios abren el sitio, vean la información en un formato relevante y fácil de leer. Esto se complica aún más por el hecho de que los usuarios ahora usan una gran variedad de dispositivos con diferentes tamaños de pantalla y resoluciones, lo que obliga al diseñador a tener en cuenta estos aspectos al diseñar el sitio.

Deben asegurarse de que su sitio se vea correctamente en diferentes navegadores, diferentes sistemas operativos y diferentes dispositivos, lo que requiere una planificación cuidadosa por parte del desarrollador.



El camino de back-end

El Back-End, o el “lado del servidor”, es básicamente cómo funciona el sitio, las actualizaciones y los cambios. Esto se refiere a todo lo que el usuario no puede ver en el navegador, como bases de datos y servidores. Por lo general, las personas que trabajan en el Back-End se llaman programadores o desarrolladores. Los desarrolladores Back-End están más preocupados por cosas como seguridad, estructura y administración de contenido.


Usualmente saben y pueden usar lenguajes como HTML y CSS, pero definitivamente no es su enfoque. Los desarrolladores de Back-End, o al menos desarrollo de Back-End, son necesarios para crear un sitio dinámico. Un sitio dinámico es un sitio que cambia constantemente y se actualiza en tiempo real. La mayoría de los sitios son sitios dinámicos, a diferencia de los sitios estáticos.

El Back-End “tradicional” es una combinación del servidor, las bases de datos, las APIs y los sistemas operativos que hacen funcionar el Front-End en una aplicación o página web.

El camino de DevOps

DevOps constituye una combinación de filosofías culturales, prácticas y herramientas que incrementan la capacidad de una organización de proporcionar aplicaciones y servicios a gran velocidad: desarrollar y mejorar productos con mayor rapidez que las organizaciones que utilizan procesos tradicionales de desarrollo de software y administración de la infraestructura. Esta velocidad permite a las organizaciones servir mejor a sus clientes y competir de forma más eficaz en el mercado.

Bajo un modelo de operaciones de desarrollo, los equipos de desarrollo y operaciones ya no están “aislados”. A veces, los dos equipos se fusionan en uno solo, donde los ingenieros trabajan en todo el ciclo de vida de la aplicación, desde el desarrollo y las pruebas hasta la implementación y las operaciones, y desarrollan una variedad de habilidades no limitadas a una única función.

Los equipos de control de calidad y de seguridad también se integran más con el desarrollo y las operaciones e intervienen durante todo el ciclo de vida de la aplicación.

Los equipos utilizan prácticas para automatizar los procesos que anteriormente habían sido manuales y lentos. Utilizan una pila de tecnología y herramientas que les ayudan a operar y mejorar aplicaciones de forma rápida y fiable. Además, estas herramientas también ayudan a los ingenieros a realizar de forma independiente tareas que normalmente hubieran requerido la ayuda de otros equipos (por ejemplo, implementar código o aprovisionar infraestructura), incrementando así todavía más la velocidad del equipo.





jueves, 15 de octubre de 2020

Lo nuevo del nuevo framework Svelte.JS

 ¿Que es Svelte.JS?

Svelte es un Framework de JavaScript de front-end gratuito, de código abierto, reactivo, basado en componentes que utiliza un paso de compilación al momento de realizar cambios en el DOM (Document Object Model) y creado por Rich Harris y mantenido por Harris y otros miembros del equipo central de Svelte. Svelte quiere ser el framework que en realidad no es un framework; es básicamente una herramienta para compilar componentes el momento de la construcción (build), permitiéndote cargar un único bundle.js en tu página para renderizar la aplicación. Esto significa que no hay DOM virtual, ni frameworks encima de frameworks, no framework que cargar en tiempo de ejecución.

Sapper disponible

De manera opcional puedes utilizar Sapper, un paquete que cuenta con todo lo necesario para las exigencias del mercado actual: soporte offline, renderización de vistas desde el servidor e hidratadas desde el cliente y routing, entre otros. Lo mejor de todo es que esto ocurre utilizan un mínimo tamaño, ya que esta herramienta optimiza y complia solo el Javascript necesario – tal como lo hace Svelte.



Sin virtual DOM

A diferencia de Vue, React y Angular, Svelte no trabaja con un virtual DOM. Esto se traduce en dos asuntos muy claros e interconectados: por una parte, el cliente no debe lidiar con él; y por otra, permite una mejor performance del framework.

Sin Typescript

Por el momento Svelte no ha incorporado Typescript a su sistema, por lo que no podrás beneficiarte de sus facilidades para la programación orientadas a objetos y, en cambio, deberás hacerlo con js puro.

Cabe señalar que Typescript es un excelente aliado para la creación de código escalable, ágil y de calidad para interfaces, sobre todo cuando tienes entre manos un proyecto de gran tamaño que supone la participación de muchos programadores web.



¿En qué casos resulta más conveniente Svelte?

Con su enfoque extremadamente simplificado, Svelte permite extender un gran abanico de aplicaciones web. Mientras que con React prácticamente todo el script debe determinarse desde el principio, Svelte permite añadir extensiones posteriormente sin ningún problema y sin poner en riesgo la estabilidad y el rendimiento de la aplicación. De esta manera, Svelte resulta una herramienta ideal tanto para desarrollar aplicaciones nuevas como para aumentar el rendimiento de las estructuras existentes. Los desarrolladores de SvelteJS se dirigen sobre todo a los principiantes en programación de aplicaciones y ofrecen kits de introducción con los que se pueden lograr resultados muy rápidamente. Obviamente, el uso de SvelteJS también requiere tener ciertos conocimientos previos, especialmente de CSS y JavaScript. En todo caso, la estructura ligera del framework Svelte facilita a las personas sin experiencia abrirse camino en el ámbito de la programación.

viernes, 2 de octubre de 2020

¿Que es React.JS?



Según Google ¿qué es React.JS? Es: "React es una biblioteca JavaScript de código abierto diseñada para crear interfaces de usuario con el objetivo de facilitar el desarrollo de aplicaciones en una sola página. Es mantenido por Facebook y la comunidad de software libre. Han participado en el proyecto más de mil desarrolladores diferentes.

Esa es la definición resumida y fácil de entender, ahora vamos a más profundidad. Lo primero que NO dice la definición, es que se utiliza en frontend que es la parte visual de una página web.

¿Qué es una Librería de JS?

una biblioteca JavaScript lo que significa es un paquete con Código prescrito en el lenguaje JavaScript para que sea más fácil desarrollar tus aplicaciones, AJAX está centrado en la web y React lo usa.


 

¿Qué es el open source?

"Open Source" o Código abierto quiere decir que cualquier persona puede colaborar, normalmente es para resolver problemas que contenga el código. La forma en que trabaja react el diseño de interfaces es con lo que se llama JXS produce “Componentes” de React renderizados en el DOM que son HTML en JavaScript. React no requiere usar JSX, pero la mayoría de la gente lo encuentra útil como ayuda visual cuando trabajan con interfaz de usuario dentro del código JavaScript. Esto también permite que React muestre mensajes de error o advertencia más útiles. Dentro del diseño de interfaces está el Virtual DOM.



¿Qué es el DOM virtual?

El DOM virtual (VDOM) es un concepto de programación donde una representación ideal o “virtual” de la IU se mantiene en memoria y en sincronía con el DOM “real”, mediante una biblioteca como ReactDOM. Este proceso se conoce como reconciliación.

Este enfoque hace posible la API declarativa de React: le dices a React en qué estado quieres que esté la IU, y se hará cargo de llevar el DOM a ese estado. Esto comprime la manipulación de atributos, manejo de eventos y actualización manual del DOM que de otra manera tendrías que usar para construir tu aplicación.

Ya que “DOM virtual” es más un patrón que una tecnología específica, las personas a veces le dan significados diferentes. En el mundo de React, el término “DOM virtual” es normalmente asociado con elementos de React ya que son objetos representando la interfaz de usuario. Sin embargo, React también usa objetos internos llamados “fibers” para mantener información adicional acerca del árbol de componentes. Éstos pueden ser también considerados como parte de la implementación de “DOM virtual” de React.

 


PARA consultar la documentación: https://reactjs.org/

 

Cualquier duda o sugerencia ponlo dentro de los cometarios

 

Origen del termino "bug"

 El origen del concepto "bug" data del 9 de septiembre de 1947 cuando Grace Murray Hopper, anotó en el cuaderno de errores: "...