Desarrollando webs

Hoy vamos a ver la importancia de tener imágenes optimizadas en los sitios web y como mantenerlas al día.

Pero antes, entra a mi curso de HTML5 y CSS3 gratuito. En él, vemos cómo maquetar páginas web con esas tecnologías.

Hoy te explico como optimizar las imágenes de un sitio web con herramientas como:

• Abobe Photoshop
• TinyPNG

También, te cuento la importancia de hacer este proceso y de mantener todo lo más liviano posible.

De esa forma logramos un ahorro de recursos brutál, que lleva a ahorrar dinero y a una mejor performance del sitio.

Espero que te haya servido, si te gustó puedes dejarme una valoración de 5 estrellas en iTunes y un me gusta en Ivoox y en Spotify.

Nos escuchamos mañana, chau!

¿Son los editores visuales tan buenos como parecen? Hoy vamos a hablar sobre este debate y sobre lo que implica trabajar con estas herramientas.

Pero antes, accede a mi curso de HTML5 y CSS3 gratis. El episodio de hoy también va a mostrarte lo importante que son estás tecnologías.

Los editores visuales tienen 3 problemas principales, a mi parecer:

• Locking: cuando dejas de usarlos la página se rompe completamente.
• Recursos: consumen una increíble cantidad de recursos y pueden traer problemas por esto.
• No hay tanto control: aunque parezca que sus funcionalidades son ilimitadas, estás limitado a un menú de opciones.

Por estas razones y sus desarrollo que hago en el audio, es que no me gusta trabajar con este tipo de herramientas.

Por otro lado, es importante conocerlas por que puede haber algún cliente que ya tenga algo armado con ellas y no nos quede otra opción que utilizarlas.

Si te gusto el episodio puedes dejarme una valoración de 5 estrellas en iTunes y un me gusta en Ivoox y en Spotify.

Nos escuchamos el viernes, chau!

Hoy vamos a hablar sobre la gran discusión de cuál es el mejor lenguaje de programación.

Pero antes, te dejo el acceso a mi curso de HTML5 y CSS3 GRATIS, en el que empezamos desde cero en estos dos lenguajes y terminamos con un nivel bastante interesante.

Dicho eso, empezamos con el programa de hoy.

El mejor lenguaje de programación es… ninguno.

No hay un lenguaje mejor que otro, porque cada lenguaje tiene un propósito. Para poder decir cuál es el mejor lenguaje, tenemos que tener en cuenta muchísimas variables y eso es parte de cada proyecto.

Es simplemente imposible tomar una posición arbitraría en este tema.

Por ejemplo, a mí me gusta mucho Javascript. Pero hay veces en las que es mejor hacer un backend con PHP. Por qué? porque el proyecto así lo requiere.

No te unas a estas luchas inútiles que hay por internet.

Si te gusto este episodio te pido que me dejes una valoración de 5 estrellas en iTunes y un me gusta en Ivoox y en Spotify.

Nos escuchamos el miércoles, chau!

Hoy vamos a ver la forma más fácil de adentrarnos en el desarrollo de themes a medida para WordPress.

Pero antes, no te pierdas mi curso de HTML5 y CSS3 gratis en el que vamos a hacer una página web completa, desde cero.

El desarrollo de themes en WordPress, es importante para mejorar como profesional.

Va a llegar un momento en qué comprar themes no va a ser suficiente para satisfacer a un cliente. Y en ese momento vas a tener que sacar tus habilidades de desarrollador de themes.

Underscore_s, es el starter theme más básico y el mejor para inicialisarse en este mundo.

Te recomiendo que lo descargues y empieces a probar.

Dentro de poco vamos a tener cursos sobre todo esto, así que permanece atento. Si quieres que te avise cuando salgan esos cursos, apúntate al curso de HTML5 y CSS3.

Antes de finalizar, me gustaría que me dejes una valoración de 5 estrellas en iTunes y un me gusta en Ivoox y en Spotify.

Nos escuchamos mañana, chau!

Hoy vamos a ver el patrón de diseño que está detrás de la mayoría de aplicaciones web modernas.

Pero antes, entra a mi curso de HTML5 y CSS3 gratis, en el que vamos desde cero en estos dos lenguajes y terminamos haciendo un proyecto completo.

El MVC es un patrón de diseño que consiste en dividir la aplicación en tres partes:

• Modelo: se encarga de la manipulación de los datos.
• Vista: se encarga de generar la interfaz de usuario.
• Controlador: es el mediador entre el modelo y la vista. Se ocupa de pedirle los datos necesarios al modelo y enviárselos a la vista.

El MVC sirve para ordenar y estructurar de una misma forma todas las aplicaciones, de modo que todos sigamos el mismo estandar y sea más fácil mantener código ajeno.

A su vez, ayuda a cumplir el principio de la responsabilidad única, que consiste en que cada cosa tenga se ocupe de realizar una única tarea.

Este patrón de diseño es la forma en la que funcionan la mayoría de los frameworks de los que hablamos habitualmente:

• Laravel
• Symfony
• NodeJS
• Django
• Ruby on rails
• Codeigniter
• Angular
• Y muchos más

Hay otros frameworks, que se especializan únicamente en un módulo. Por ejemplo VueJS y React, son frameworks que se ocúpan de manejar la vista.

Espero que hayas entendido este concepto.

Me gustaría que me dejaras una valoración de 5 estrellas en iTunes y un me gusta en Ivoox y en Spotify.

Nos escuchamos mañana, chau!

El martes pasado vimos que era una API, hoy vamos a ver cuales son las formas de usar esa API en una interfaz de usuario.

Pero antes accede a mi curso gratuito de HTML5 y CSS3, en el que vamos desde 0 y terminamos haciendo una página web completa con los últimos estándares de estos lenguajes.

El episodio de hoy está vinculado con el de la semana pasada, en el que vimos qué es una API, te recomiendo ir a escucharlo.

Ahí dijimos que una API es una serie de rutas que devuelven datos, generalmente en forma de JSON.

Hoy te cuento que, desde el frontend, hacemos peticiones a esas rutas, recuperamos sus datos y los usamos para construir la interfaz de usuario.

Eso significa consumir un backend y se puede hacer de varias formas distintas. Te cuento 3 de ellas:

• Vanilla Javascript: metodo fetch.
• jQuery: $.AJAX.
• Angular: HTTPClient.
• Vue / React: $.AJAX, fetch, Axios.

Y ese es el resumen del episodio de hoy.

Antes de despedirme quiero pedirte una valoración de 5 estrellas en iTunes y un me gusta en Ivoox y en Spotify para ayudarme con la difusión de este podcast.

Nos escuchamos mañana, chau!

Hoy vamos a hablar de la nueva documentación de React y de las novedades que hay en WordPress.

Pero antes, te recomiendo que entres a mi curso gratuito de HTML5 y CSS3.

Esto es algo muy bueno porque significa que se esta expandiendo la tecnología a través de diversas países y culturas.

Y, desde mi punto de vista, también es una forma increíble de comprometerse a crecer. Por el hecho de que va a haber mucha más gente usándola.

Como dije en el audio, sigo recomendando usar la documentación en ingles. Por lo menos por un tiempo, hasta que este todo perfectamente traducido.

De todas formas, ya está disponible la documentación en español.

Fuente: https://reactjs.org/blog/2019/02/23/is-react-translated-yet.html

Se lanzó la versión 5.1 de este CMS que tanto me gusta.

En ella trae mejoras de rendimiento en el editor y una aproximación a lo que va a ser el site health.

Fuente: https://wordpress.org/news/2019/02/betty/

Se espera que el lanzamiento de esta nueva versión sea el 23 de abril del 2019.

En ella, aparecerá por fin el famoso site health.

Y, obviamente, habrá mejoras en Gutenberg.

A medida que lo vayan anunciando, te voy a ir contando que otras cosas nos trae esta versión.

Fuente: https://make.wordpress.org/core/2019/02/19/wordpress-5-2-schedule-and-scope/

Y estas son las dos noticias de la semana.

Antes de despedirme quiero pedirte que me dejes una valoración de 5 estrellas en iTunes y un me gusta en Ivoox y en Spotify para ayudarme con la difusión de este podcast.

Nos escuchamos mañana, chau!

Hoy vamos a ver una excelente herramienta para manejar tu productividad, medir tus tiempos y pasar mejores presupuestos.

Pero antes, no te pierdas mi curso de HTML5 y CSS3 gratis.

La herramienta de hoy, se ocupa de medir el tiempo que tardamos en realizar determinada tarea.

Gracias a esto, podemos pasar presupuestos mucho más precisos ya que tenemos más claro el tiempo que nos va a llevar un trabajo.

La herramienta en cuestión es Toggl.

A través de una organización en proyectos, tareas y clientes nos va a decir exactamente el tiempo que nos lleva hacer cada cosa.

Pasar mejores presupuestos es una gran ventaja, pero el hecho de saber que tus tiempos para hacer determinada tarea son mejorables, es una ventaja todavía más grande.

Antes de finalizar quiero pedirte una valoración de 5 estrellas en iTunes y un me gusta en Ivoox y en Spotify.

Nos escuchamos mañana, chau!

Hoy vamos a ver que opciones tenemos para la creación de membership sites en WordPress.

Pero antes, accede a mi curso de HTML5 y CSS3 gratis, en el que vemos un montón de conceptos importantes sobre estos dos lenguajes y terminamos haciendo un proyecto final.

Hoy te presento 3 formas de crear un membership site con WordPress. Todo depende de la página.

Si la página ya tiene un ecommerce y está usando Woocommerce, una buena opción sería usar la extensión Woocommerce Subscriptions.

Si la página ya tiene un sistema de descargas de archivos y está usando EDD, sería una buena decisión usar la extensión EDD Recurring Payments.

Por último, si estás haciendo un membership site desde cero. Pudes usar estos dos plugins:

• Restrict Content Pro
• Paid Memberships Pro

Por preferencia personal, prefiero el primero. Creo que gestiona mejor todo el proceso y tiene un dashboard más intuitivo.

Pero la segunda opción también es buena.

Antes de finalizar quiero pedirte una valoración de 5 estrellas en iTunes y un me gusta en Ivoox y en Spotify.

Nos escuchamos mañana, chau!

Hoy vamos a ver qué es Material Design y como Google nos ayuda muchísimo con estas pautas de diseño.

El Material Design es una guía con pautas de diseño, presentada por Google en el 2014.

Es muy útil para los que no somos diseñadores, porque nos ayuda a darnos una idea de algunos conceptos básicos del diseño y de ciertas pautas que nos ayudan a construir mejores interfaces de usuario.

Si quieres ver la lista de pautas completa, puedes verla en material.io.

También tienes disponible materialize, un framework CSS que nos da bastantes herramientas para ayudarnos a cumplir estas pautas.

Puedes ver este estilo de diseño en páginas como la documentación de Angular y en la mayoría de interfaces de Google.

Te recomiendo que le heches un vistazo.

Antes de despedirme quiero pedirte una valoración de 5 estrellas en iTunes y un me gusta en Ivoox y en Spotify.

Nos escuchamos mañana, chau!