Podcast y vídeos sobre desarrollo web.
Aprende, practica y crea con tu código. Presentado por Daniel Primo.
WRP 98. Cómo ampliar tu red de contactos online
Trucos y pequeñas acciones basadas en la experiencia propia y ajena.
36. Haz magia con los datos en frontend con Vuex
Aprender a gestionar el estado en aplicaciones Vue con Vuex.
WRP 97. Malandriners en portada: Carlos Encalada
Carlos es SysAdmin and LowCode Developer.
WRP 96. SuperCoco nos presenta las novedades de la temporada
La temporada 2020-21 viene cargada a tope de novedades y de una cosa cierta.
WRP 95. Side project #7: El proyecto secreto
¿Cuál es mi proyecto secreto?
WRP 94. Side project #6: La pelusilla
Para qué lo voy a hacer si ya lo ha hecho otro.
WRP 93. Side project #5: El valor se esconde
El tiempo libre hace efecto llamada para meterse en movidas.
WRP 92. Side project #4: La crisis
Resolvemos el cliffhanger de la semana pasada.
WRP 91. Side project #3: Be water my friend
El proyecto fluye y deberás salvar el siguiente muro que aparece frente a ti.
34. Jamstack y pruebas de concepto
Una introducción al Jamstack y ejercicios prácticos con esta filosofía de desarrollo.
WRP 90. Side project #2: Lean Canvas
Una mirada a un método de análisis de producto basado en Lean Startup.
WRP 89. Side project #1: El patinazo y el newsletter
La primera etapa de la creación de nuestro side project real.
32. Primeros pasos con Frontity
Crea un theme para WordPress con un rendimiento envidiable.
WRP 88. Ranking de pifias en la plataforma Premium
Las 7 mayores pifias de la construcción de la Zona Premium (grabado en directo).
01. MasterClass: Aplicación Passwordless con Laravel 7
Aprendemos a crear enlaces mágicos para autenticar usuarios con el correo electrónico.
WRP 87. Quiero ser un opinionated framework
De una vez por todas sepamos lo que es un framework dogmático.
31. Comando Coding 03: Maquetando una tarjeta con CSS
Introducción a las hojas de estilo CSS para todos los públicos.
WRP 86. Lucha contra el síndrome del impostor con código
Un posible caso real de alguien que se estrella. Y no quiero.
07. Qué es el scope en JavaScript
El alcance de las variables.
04. Declarando arrays de strings
La colección de frases del Captcha se carga desde un Array.
05. Elección aleatoria de elementos de un array en JavaScript
La función random más eficiente que has visto.
10. Extra: Animación de CSS usando keyframes
Animación con un timeline complejo para mostrar el peligro de que se acabe el tiempo.
07. Refactorización del código de atrapahumanos
Siempre conviene repasar el código.
08. Proceso de validación de Captcha en JavaScript
El formulario necesita ser validado para saber si es correcto.
09. Jugando con SetTimeout, SetInterval y ClearInterval
Los contadores de tiempo en javaScript, por fin, revelados.
01. Requisitos del formulario atrapahumanos
Vamos a entregar un proyecto con requisitos claros.
06. Usando template strings en JavaScript
Una de las novedades del JavaScript moderno para hacer tu código más claro.
00. Presentación: Formulario Atrapahumanos con JavaScript
¿Qué es un Comando Coding? ¿Qué vamos a hacer en el curso?
00. Presentación: Calculadora de presupuestos con JavaScript
¿Qué es un Comando Coding? ¿Qué vamos a hacer en el curso?
10. Capturar el evento de checkbox
El top en StackOverflow: saber cuando hacemos check en un checkbox.
09. Evitar el NaN Not A Number
¿Qué es el NaN en JavaScript?
08. Refactorización del código de la calculadora
Siempre conviene repasar el código.
06. Tu primer listener de eventos
Los event listener son la clave para interactuar con JavaScript.
05. Interactuar con elementos del DOM
Algunos aspectos básicos de la configuración.
04. JavaScript trabaja con números
Hasta que no haces commit no has registrado el cambio.
03. Capturando elementos del HTML
El DOM de una página se puede manipular (cambios en el HTML).
01. Requisitos de la calculadora
Vamos a entregar un proyecto con requisitos claros.
02. Trucos de configuración del editor Visual Studio Code
Algunos consejos sobre el uso de Visual Studio Code para el proyecto.
11. Extra: Botón de imprimir presupuesto
La opción de imprimir usando el propio navegador.
03. Correcciones de CSS para mejorar la presentación
¡Vaya! Tenemos que recolocar varios elementos en la página con CSS.
02. Primeros comandos con JavaScript
JavaScript se puede ejecutar en cualquier navegador.
30. Introducción a Laravel: Webapp de control de gastos
Laravel es un excelente framework de PHP que empezamos a ver en este directo.
WRP 85. Así envío correos electrónicos
Ecos del Mob Programming y 4 opciones para enviar emails.
28. GraphQL para novatos (en WordPress)
Conecta cliente y servidor con esta tecnología creada por Facebook.
WRP 84. Cómo responder con éxito a una propuesta de proyecto 4
Perder el miedo a responder a una oferta de proyecto o trabajo.
05. Registra los cambios en ficheros con Git commit
Hasta que no haces commit no has registrado el cambio.
17. Enviar cambios a un repositorio remoto con Git push
Como añadir los cambios desde mi terminal.
07. Muestra el histórico del repositorio con Git log
Siempre puedes acceder a todo lo que ha pasado en tu repositorio.
01. Presentación del curso Empezar con git
¿Por qué Git es tan importante?
02. Git init para empezar con git
El primer comando que tienes que usar con Git.
03. Conoce el estado de tus ficheros con Git status
El comando que más usarás en tu vida como programador.
04. Cómo añadir ficheros con Git add
Los cambios empiezan a añadirse para pasar a staging.
16. Crear un repositorio remoto en Github
Unos pasos tan sencillos para estar en Github.
06. Configuración de git
Algunos aspectos básicos de la configuración.
18. Traer los cambios desde remoto con Git pull
Como recuperar los cambios desde mi terminal.
08. Repaso de los comandos de git
Paramos un momento para ver todo lo anterior.
09. Cómo devolver a un fichero a su estado anterior con Git checkout
Quiero deshacer los cambios, ¿cómo puedo hacerlo?
19. Clonar repositorios remotos con Git clone
La forma más rápida de descargar el código.
15. Git diff te hará el trabajo más fácil
Uno de mis comandos favoritos para saber qué he cambiado.
14. Mostrar el histórico del repositorio de forma atractiva
A veces es bueno poder ver las cosas de forma clara.
13. Resolución de conflictos después de un Git merge
La solución a los tan temidos conflictos de fusionado.
12. Fusionar dos ramas con Git merge
El paso al que todos los developers temen.
11. Crear la primera rama con Git checkout
Las ramas son la base de la versatilidad de Git.
10. Qué ocurre cuando cambiamos un fichero añadido con Git add
Una de las primeras preguntas que todo desarrollador se hace.
WRP 83. Todo lo que quieres saber sobre el backend y el frontend
Desde una explicación básica hasta la mejor estrategia de aprendizaje.
27. Comando Coding 02: Formulario Atrapahumanos con JavaScript
JavaScript básico para generar plantillas, contadores y validaciones.
26. Trucos y puesta en producción del directorio de profesionales con NuxtJS
La última milla de una aplicación real.
WRP 82. Por qué elijo Laravel para crear proyectos web
La experiencia de trabajo con un framework que me ha facilitado la vida
WRP 81. El largo camino de node hasta deno
¿Es deno una alternativa para sustituir ya a node?
25. Comando Coding 01: Calculadora de presupuestos con JavaScript 2
Usamos Vanilla JavaScript para crear una webapp funcional.
WRP 80. Lo que Matt ha dicho de tu futuro como desarrollador web 2
Matt Mullenweg, fundador de WordPress, ha hablado.
WRP 79. Una estrategia para traducir cadenas de texto
El mundo es multidioma, ¿por qué la web no debería serlo?
23. Así empezamos con Github Actions
Desplegamos de forma automatizada, validando antes de publicar.
WRP 78. Mi reino por un programador desfasado
La suerte de tener todo un universo de desarrollo por aprender.
22. Juntando las piezas con Nuxt, Tailwind y JSON
Ya tenemos todo lo necesario para nuestra primera versión del directorio de perfiles.
WRP 77. Herramientas productivas (edición 2020)
Algunas cosas que me están funcionando para ser más productivo.
21. Empezando con Tailwind CSS
Maquetación rápida y efectiva con esta librería CSS.
WRP 76. Pon un passwordless en tu vida 11
Spam por malas prácticas, entrar sin contraseña y feedback de sitios web.
20. Carga de datos en Nuxt (markdown, JSON)
Hacemos que las cosas funcionen en NuxtJS.
WRP 75. Por qué abandonar un proyecto web rentable 4
También vemos como utilizar las tareas de Trello para gestionar la comunicación.
19. Primeros pasos con NuxtJS
Un framework con mucha magia para crear aplicaciones web.
WRP 74. Aprender de arriba hacia abajo
¿Es mejor que aprender desde abajo hacia arriba?
18. Prototipando una aplicación web desde cero con Pencil 2
Creando desde cero la interfaz de nuestra aplicación.
WRP 73. Mi framework está frito
Cómo afrontar el cambio de un framework obsoleto.
17. Empezando con Git 2
Las instrucciones básicas para arrancar con el sistema de control de versiones.
WRP 72. Reto "Porque yo lo valgo: Soy Developer"
Un reto para crear un perfil profesional online sin complejos.
10. Explicación de la arquitectura del proyecto
Explicamos de nuevo la arquitectura posible del proyecto.
08. Subiendo el código a Github
Uso de gitignore y primera subida al repositorio.
28. Adaptando la aplicación de frontend
Transformamos la aplicación para que encaje en el nuevo entorno de desarrollo con Vue-Cli.
06. Qué es el contenedor de dependencias
Implementación de PHP-DI con un ejemplo en PSR-11.
09. Ajustes de proyecto
Limpieza y correcciones varias.
07. Primera refactorización
Extraemos código a bootstrap y separamos en ficheros por responsabilidad.
11. Crear una ruta para capturar una petición Post
Testeamos la ruta de tipo POST con Postman.
12. Introducción a SQLite
SQLite es una base de datos relacional que se almacena en un fichero.
13. Cómo conectarse a una base de datos con PHP PDO
La librería genérica de acceso a base de datos de PHP.
14. Crear tabla en SQLite
Sintaxis para crear tablas en SQLite.
04. Qué es el middleware
El ejemplo de la cebolla para explicar lo que es un middleware.
16. Transformación de fecha
Las fechas siempre nos ofrecen muchas opciones en programación.
05. Lógica del backend
El código está por delante de la base de datos.
45. Buenas prácticas: Extracción a método de la respuesta
Refactorización de código repetido.
03. Creación de la primera ruta
Una aplicación web empieza siempre por una ruta.
41. Crear el controlador de ruta para los contadores
Desacoplamos la funcionalidad del Controller.
18. Qué es VueJS
Breve explicación de qué es este framework progresivo de JavaScript.
00. Presentación de Crea una web app desacoplada con PHP y VueJS
Explicación sobre el stack tecnológico que veremos en el curso.
02. Peticiones HTTP y qué es el PSR-7
El estándar PSR y las peticiones y respuestas HTTP.
31. Pregunta: Contador específico por parámetro de URL
Pregunta de uno de los asistentes.
32. Instalación y configuración de Vue Router
Vue Router nos permite gestionar rutas en el frontend de la webapp.
33. Enrrutado de componentes dinámicos
Los contadores son entidades dinámicas, las hacemos accesibles.
34. Incluir validaciones en el registro de datos
La primera validación de los datos en la API.
35. Buenas prácticas: Variables de entorno
Muy importante guardar nuestras variables sensibles en el entorno y no el repositorio.
01. Introducción a Slim PHP Microframework
La versión 4 de Slim nos ofrece muchas ventajas.
37. Método de envío del formulario
Método en VueJS para enviar los datos del formulario al backend.
38. Control de errores al enviar el formulario
Incluimos validaciones.
39. Completando la funcionalidad de envío del formulario
El usuario debe recibir feedback sobre el éxito del envío.
40. Introducción al container en PHP
Repasamos de nuevo el concepto de contenedor en PHP.
30. Buenas prácticas: Creación del cliente de Axios
Creamos un cliente desacoplado para la conexión a la API.
27. Instalación de Vue Cli
Subimos un nivel más en nuestra app de Vue.
42. Inyección de dependencias en Slim PHP
Usamos PHP-DI para añadir dependencias a los controladores del backend.
44. Buenas prácticas: Desacoplar las consultas a la base de datos
Seguirmos refactorizando ocultando la forma de conseguir resultados.
46. Incluir variables de entorno con PHPDotEnv
Las variables de entorno también son importantes en el backend.
48. Comunicar componentes entre sí en VueJS
Esencial en el frontend: comunicar componentes padres e hijos en VueJS.
49. Mejorando la respuesta tras enviar el formulario
Pensando en el usuario.
50. Incluir validaciones en el formulario con Vuelidate
Validaciones en el cliente con Vuelidate.
51. Despliegue del backend en Cloudways
Desplegamos el código de PHP y la base de datos en Cloudways.
52. Acceso mediante SSH al servidor
Introducción al acceso por SSH a un servidor.
53. Despliegue del frontend en Now
Desplegamos gratis el código de Javascript en Zeit Now.
54. Finalizando la aplicación CountdownCircus, de momento
¿Qué podemos mejorar?
43. Buenas prácticas: Desacoplar las conexiones a la base de datos
Refactorizamos para ocultar la conexión a la base de datos SQLite.
29. Instalación de Axios
La magia de la conexión entre el frontend y el backend, al fin revelada.
36. Formulario de creación de contador en el frontend
La primera versión de nuestro formulario de creación de contadores.
17. Estructura try / catch
Para capturar fallos de conexión a la base de datos.
47. Insertar el selector de fecha CTKDatetimePicker
Mejoramos la visualización del formulario de fecha.
19. Mi primera app con Vue
Creamos una app a la vieja usanza, como si fuera jQuery.
25. Uso de Axios para conectar el backend con el fronted
La magia de la conexión entre el frontend y el backend, al fin revelada.
15. Realizar un insert en una tabla SQLite
Sintaxis para insertar contenido en SQLite.
26. Mostrar el tiempo restante en el frontend capturado desde el backend
Nos conectamos con axios a la API generada en el backend.
20. Métodos en VueJS
También vemos la extensión Vetur para Visual Studio Code.
24. Instalación de Tailwind
Una librería de CSS que te cambiará la vida.
23. Fórmula para calcular el tiempo restante para llegar a una fecha
Matemáticas al servicio del cálculo de los segundos restantes
22. Ciclo de vida en Vue: mounted
La base de todos los frameworks de frontend: el ciclo de vida del componente.
21. Mejorando la app con Vue
Primera gran diferencia con respecto a jQuery.
WRP 71. Elegimos el siguiente proyecto para el Live Coding 2
Una aplicación de feedback o un listado de perfiles profesionales.
01. MasterClass: Construye un listado de scroll infinito con Vue JS, WordPress y REST API 2
Integra backend y frontend para una presentación espectacular.
WRP 70. Una hoja de ruta para aprender un lenguaje de programación 2
Un truco para plantearse una ruta de aprendizaje.
WRP 69. Analizamos proyectos de portales freelance
Estudiamos algunos casos prácticos a petición de la audiencia.
WRP 68. En privado con Guillermo García (Flutter y la productividad)
Algunos secretos de un programador de Flutter por fin desvelados.
WRP 67. Analizamos requisitos de ofertas de trabajo reales 9
Repasamos algunas ofertas de empleo de Eventbrite y Shopify.
WRP 66. Cómo ser un buen web developer: Backend
Cuáles son los primeros pasos como programador de backend.
WRP 65. En privado con Jesús Amieiro (Laravel, buenas prácticas y curva de aprendizaje)
Herramientas de confianza para un PHP Developer.
15. Ajustes de front y despliegue en la nube #LiveCoding 7
Terminamos la serie de esta aplicación desplegándola en la nube.
WRP 64. Prototipar rápido con código 1
Una aplicación web creada en 24 horas.
WRP 63. Cómo ser un buen web developer: Bases y Frontend 2
Primera grabación en directo del podcast. Aquí comienza una saga.
13. Refactorizando el backend con buenas prácticas #LiveCoding 6
Clases, herencia, constructores, funciones anónimas y más buenas prácticas.
WRP 62. Yo también tengo miedo 3
Resultados de la encuesta y una confesión personal.
WRP 61. En privado con Olga Revilla (Experiencia de usuario y Customer Journey)
Charlamos con una diseñadora de productos digitales.
12. Envío de formulario desde el frontend al backend desacoplado #LiveCoding 5
La aplicación interactúa con el usuario completando el círculo de características.
WRP 60. Habilidad y reputación con Paco Yono 1
Sobre la responsabilidad de tu carrera profesional.
WRP 59. Programar para aprender con Jesús Olazagoitia
Nos da todos los detalles sobre el 'side project' que está construyendo.
WRP 58. El desarrollo de una idea y sus dependencias
Te cuento una idea "tonta" que he tenido y las cosas a tener en cuenta para sacarla adelante.
WRP 57. El programador sin voz 4
La impresionante historia real de una puerta abierta en silencio.
WRP 56. Todo lo que he hecho mal en 2019
Hablar de buenas prácticas también exige repasar las malas prácticas.
10. Reconvertir HTML+JS a una app de verdad VueJS #LiveCoding 4
Refactorizamos y aplicamos buenas prácticas en el frontend de la sesión anterior.
WRP 55. Hybrid CMS o las arquitecturas realistas para ser moderno 2
Algo que seguramente ya estés haciendo y que puede ser una apuesta de futura.
WRP 54. Programar bien con Visual Studio Code 9
Code-consejos basados en la experiencia diaria con esta herramienta.
WRP 53. En privado con Antonio Leiva (buenas prácticas con Kotlin)
Consejos prácticos de un developer experto para aplicar buenas prácticas.
09. Primeros pasos de frontend con VueJS #LiveCoding 3
Comenzamos nuestro flamante frontend en directo con Vue JS.
WRP 52. El arte del trabajo en remoto 2
Cómo sobrevivir al trabajo en remoto.
WRP 51. Cómo ser un mejor developer con Juan José Ramos
El primer 'reactiver premium' que viene a contarnos su historia de continua mejora.
WRP 50. En privado con Juan Luis Cano (buenas prácticas con Python)
Buenas prácticas en Python y herramientas de desarrollo.
08. Persistencia de datos con SQLite #LiveCoding 2
Completamos el núcleo de nuestra app con la persistencia de datos.
WRP 49. ¿Qué es un Dead End en desarrollo de software?
El callejón sin salida del software antiguo, otra oportunidad para seguir aprendiendo.
WRP 48. Sorteo y arquitectura web sencilla 10
Desgajamos un monolito para explicar la arquitectura de nuestra aplicación web.
WRP 47. En privado con Cristina Ponce (DRY y un proyecto de los que marcan)
La experiencia de cómo llegar a convertirse en Frontend Developer.
07. Crear las bases del backend #LiveCoding 1
Arrancamos esta nueva experiencia en directo: #LiveCoding
WRP 46. Tres historias de terror
Historias para no dormir de fallos garrafales cometidos en desarrollo.
09. Contenedores verticales con Flexbox
Cómo resolver problemas de altos de contenedores con CSS.
WRP 45. Developer especializado, developer liberado. 2
La historia del primer coche volador. Y punto.
08. Cómo filtrar un JSON con JavaScript (II)
Continuando el ejercicio anterior.
07. Cómo filtrar un JSON con Python (II)
Continuando el ejercicio anterior.
06. Cómo filtrar un JSON con JavaScript (I)
En el menor número de líneas posible.
05. Cómo filtrar un JSON con Python (I)
En el menor número de líneas posible
WRP 44. En privado con Pablo Postigo (herramientas y perfil developer para contratar)
Herramientas en remoto, sistemas de organización y el perfil ideal de developer.
WRP 43. Programar profundo
El poder de la concentración y trucos para lograrla.
06. El caso real de una aplicación web: SAT
Daniel Pastor nos cuenta como ha construido su aplicación web.
WRP 42. Arriesga para ganar experiencia (Oliver y Benji)
Demuestra lo que vales con tu propio esfuerzo.
WRP 41. En privado con Andros Fenollosa (Spacemacs, productividad y Project Manager)
Productividad, organización y herramientas sorprendentes.
04. Convertir procedimientos en objetos
Cómo transformar un código en funciones encapsulando a través de objetos.
WRP 40. Cómo ser un Programador Orientado a Objetos 2
Allanando el camino para que entender mejor que es la POO.
03. Rebuscando entre los secretos de elpais.com 2
Revisamos particularidades del *front* de la página del periódico.
03. Refactorizando CSS con baja especificidad 7
Toques mágicos para nuestras hojas de estilo (comentarios abiertos).
WRP 39. Buenos consejos para un buen CSS 4
Recomendaciones que todos tendríamos que tener en cuenta en nuestra hoja de estilos
05. Cuéntame un cuento y te monto una webapp
¡Nos vamos de boda!
WRP 38. En privado con César Izquierdo (trucos, diseño de software y Android)
Hay que darle amor a los fundamentos de la programación.
WRP 37: Caso de estudio: Así implemento el pago seguro (SCA) con Stripe 6
Las curvas de los pagos online con la nueva directiva PSD2 y el protocolo 3DSecure v2.
02. Replace Temp With Query y números mágicos
Parece un nombre muy complicado pero ya verás como este refactor es muy útil.
02. Donald Trump también hace "trampillas" en JavaScript
Veremos en detalle el código que hay tras el script de captcha del vídeo anterior.
01. Estructura de un proyecto JavaScript: Captcha For Congress
Comienza este nuevo curso con un script donde Donal Trump es protagonista.
WRP 36: Todo se puede hacer con un CMS (Lucha contra el Golden Hammer Antipattern) 3
La herramienta definitiva para resolver todos los problemas, ¿o no?
01. Cláusulas de guarda y condicionales anidados
Arrancamos esta nueva serie con pequeños pero fundamentales cambios en el código.
WRP 35. En privado con Queli Coto (trucos, herramientas y full stack)
El frontend que sabe leer del backend.
WRP 34: ¿Qué he hecho para llegar hasta aquí? #soyDeveloper 8
Tres hitos profesionales que definieron mi rumbo y que tú también puedes elegir.
WRP 33. No vas a necesitarlo (YAGNI)
Por más que tu creas que si, no vas a necesitarlo: "You Aren't Gonna Need It!"
WRP 32. Caso de estudio: El cambio sencillo que destruye tu aplicación 3
En Spreaker añaden un inocente parámetro en una dirección y se rompe su propuesta de valor.
WRP 31. Romper grandes bloques de código en trozos más pequeños 2
Algunos trucos para usar un "picahielos" contra esos grandes bloques de código. Luchando contra el "Long Method".
WRP 30. "Good returns", markdown y buscadores integrados 2
Lo que retorna un método o una función a estudio en nuestra saga de buenas prácticas.
WRP 29. "Tell, don't ask", Ley de Demeter y el tío de la vara 2
Manda y no preguntes. La comunicación entre objetos y otras cosas en el episodio de hoy.
WRP 28. Especial Productividad: Etiquetando y curando contenidos desde 2004
Comparto aquí el secreto del sistema que utilizo para archivar con 'tags' el contenido interesante que me voy encontrando en internet.
WRP 27. Cómo nombrar a las cosas, Material Theme y directorios con valor 2
La dificultad de poner nombre a funciones, métodos y variables es la protagonista de nuestro episodio veraniego.
WRP 26. Importación masiva, hosting en la nube y código anidado 2
El código anidado es otro de los puntos flacos de nuestro código que podemos repasar fácilmente.
22. Incluir Vuex en nuestra aplicación
Primeros pasos con Vuex en la calculadora.
21. Vuex explicado de forma sencilla
Vuex es un gestor del estado de tu aplicación basada en Vue.
20. Utilizar un bus de eventos para comunicar componentes
Una solución temporal para comunicar componentes con EventBus.
19. Componente de tipo 'select'
Delegamos responsabilidades hacia componentes hijos: 'select'
18. Componente de tipo 'checkboxes'
Delegamos responsabilidades hacia componentes hijos: 'checkboxes'
17. Emitir eventos desde un componente hijo al padre en Vue
Como usar "emit" para lanzar eventos desde los hijos para que lo escuchen los padres
16. Repaso, brújula y aplicación por componentes
Ponemos orden en la aplicación: de donde venimos, que tenemos y hacia donde vamos
WRP 25. Repositorios privados, oh-my-zsh y código muerto 4
Estrenamos la edición de verano con un refrescante cocktail de productividad, repositorios y "dead code"
15. Refactorización de la estructura "a lo loco"
En este vídeo cambiamos todo nuestra calculadora al nuevo esquema marcada con Vue CLI.
14. Instalar Vue CLI
El proyecto madura y creamos una arquitectura más profesional para el desarrollo.
WRP 24. Retrospectiva de un Membership Site 4
Es tiempo de mirar atrás y repasar el estado actual de esta plataforma, extraer aprendizajes y definir mejoras posibles.
WRP 23. Un café y la historia de mi primer proyecto pagado
Feedback, café online y los éxitos y fracasos de un proyecto web desarrollado durante 10 años.
03. Aprende testing unitario (TDD) con una kata de programación
Los tests unitarios o TDD es una herramienta de desarrollo que hará tus aplicaciones invencibles.
WRP 22. Reflexiones sobre las auditorias de rendimiento con Lighthouse 2
Análisis de resultados, destacando lo positivo de estas auditorias reflejando también su propia realidad.
13. Primer componente para la calculadora
Empezamos a darle una vuelta a nuestra app para llevarla mucho más alto
12. Componentes en Vue
Mi primer componente con VueJS
11. Filtros en Vue y funciones de JavaScript
Completamos la características de la calculadora con filter y Object.assign
10. Primera iteración de cálculo de suma de precios
La calculadora ya funciona, pero quedan muchas cosas por mejorar.
09. HTML de la calculadora basado en Bulma
El armazón de este gestor de presupuestos se basa en este popular framework de CSS.
08. Planteando un proyecto real: calculadora de precios
Planteamos en este vídeo los primeros pasos de nuestro proyecto real.
WRP 21. Lecciones recibidas con el análisis estático de código
¡Reto conseguido! Y muchas lecciones para aplicar en nuestro código.
02. Cocina tu código con ramas de git
Trucos y consejos sobre el uso práctico y real de git.
WRP 20. Reto: Cómo aprender algo nuevo en menos de una semana 2
Os propongo un reto para comprobar nuestra capacidad de aprendizaje.
07. Validación de formulario con Vue
Aplicamos una validación contra un formulario al estilo moderno con Vue JS.
06. Validación de formulario con jQuery
Creamos un sistema de validación en cliente con la librería clásica.
05. Cambiar el estado de un formulario con Vue
Aprendemos a controlar el estado de nuestros campos con Vue.
04. Cambiar el estado de un formulario con jQuery
Otra ejecución clásica: que aparezcan campos de un formulario después de marcar un 'checkbox'.
03. Mostrar y ocultar capa con Vue
Nuestra primera app hecha con Vue.
02. Mostrar y ocultar capa con jQuery
El script más popular en jQuery: cambiar el estado de un 'div'.
01. ¿Por qué VueJS puede sustituir a jQuery?
Razones y motivos para aprender VueJS: progresivo, sencillo y rápido.
WRP 19. Refactorizar una aplicación legacy (Parte 2)
Continuamos refactorizando: abstracción, paquetes y microframeworks.
10. Un caso real de estudio 3
Te cuento mi caso de estudio en danielprimo.io con detalles de tiempo, esfuerzo y resultados.
01. ¿Cómo planificar un nuevo proyecto?
Historias de usuario y diagramas de flujo en riguroso directo.
WRP 18. Refactorizar una aplicación legacy (Parte 1) 5
Guía de primeros pasos para refactorizar una aplicación de código legado.
9. ¿Qué tecnología utilizo para mi web? 4
Dominio, alojamiento y sistema de publicación son los protagonistas de este episodio.
14. Añade un buscador con Leaflet Search
Ampliamos nuestro proyecto con la capacidad de buscar entre los marcadores.
WRP 17. Probamos awes.io ¿Solución definitiva para tu webapp?
Ponemos a prueba un script que promete hacernos la vida más fácil para crear aplicaciones web.
13. Crear un cluster de marcadores
Agrupar marcadores es una solución para mostrar solo lo necesario en el mapa.
8. ¿Cómo me doy a conocer?
Queremos tener visitas, que nuestro nombre sea conocido. Algunos trucos para conseguirlo.
12. Agrupar marcadores por capas y cambiar de cartografía
En este vídeo generamos un selector con las categorías de los marcadores.
11. Muestra datos desde un KML con omnivore
Otro ejemplo de lectura de datos estructurados desde el formato KML.
WRP 16. Especial Google I/O 2019 (De la web a la app no hay tanta distancia) 2
Análisis de las novedades presentadas sobre desarrollo web en el evento de Google.
7. ¿Qué es un CTA?
Una llamada a la acción es el corazón del marketing online incluso para un programador.
10. Importa datos al mapa con GeoJSON
GeoJSON es un formato de datos espaciales que podemos cargar en nuestro mapa.
09. Geolocalización del usuario en el mapa
Leaflet cuenta con un sistema de geolocalización orientado a la visualización en el móvil.
WRP 15. Cómo desarrollar un CRM #soyDeveloper 5
Comenzamos una nueva serie explicando como afrontar proyectos de desarrollo concretos.
08. Marcadores "draggables" (arrastrables)
Los marcadores aún más interactivos: pueden arrastrarse por el mapa.
6. ¿Qué hago con las redes sociales?
Aprovecha el potencial de redes como Linkedin o Twitter para apuntalar tu presencia online.
07. Geolocalización inversa
Captura información del mapa y conviértela en otra de más valor con "reverse geocoding".
06. Eventos sobre el mapa
Gestionamos reacciones a eventos que ocurren sobre el mapa como 'click', 'moseout' o 'mouseover'
WRP 14. Tenemos que dejar de hacer 'páginas web' 3
El valor de tu trabajo es mayor que el tiempo que le dedicas, ¿o no?.
05. Figuras geométricas y límites
Dibuja polígonos y círculos sobre el mapa y marca los límites de visualización.
5. ¿Por qué hacerse podcaster y youtuber? 3
Creación de contenidos audiovisuales y qué puedes esperar del podcast y los vídeos en YouTube.
04. Marcadores personalizados
Crea marcadores en el mapa con imágenes propias o iconos de fuente.
03. Añadir marcadores en el mapa
El mapa necesita datos geolocalizados pintados como marcadores.
WRP 13. Secretos para un buen presupuesto
Puntos importantes a tener en cuenta para conseguir el éxito presupuestando un proyecto web.
02. El primer mapa interactivo
Lanzamos en pocas líneas de código nuestro primer mapa con Leaflet.
4. ¿Qué código comparto?
El código es la expresión profesional de un desarrollador, el fruto del trabajo de un programador. Su valor es incalculable.
01. ¿Por qué Leaflet JS es una buena solución?
Leaflet es una alternativa gratuita para construir mapas interactivos para la web moderna.
27. Colofón del curso de Python
Broche final para el desafío. ¡A partir de aquí continua creando!
WRP 12. Los dos primeros meses de la plataforma premium 8
Una mirada hacia los últimos meses de desarrollo de la plataforma premium de danielprimo.io.
3. ¿Por qué un blog? 2
El blog es la herramienta básica para dar a conocer al mundo tus habilidades de forma activa.
26. Despliegue en PythonAnywhere
Publicamos la app en la nube, de nuevo.
25. Reorganizando el código en un package
Refactorizamos de nuevo, esta vez para crear un paquete de Python.
WRP 11. Caso de estudio: La API para aprender a cazar gamusinos
Basado en hechos reales. ¿Qué le faltaba al proyecto para ser perfecto?
24. Añadir Sparkline para mostrar la tendencia
Vamos a utilizar los datos para dibujar la tendencia de la serie.
2. ¿Qué ofrezco? 2
Habilidades técnicas, experiencia profesional y todo lo que brindas como profesional.
23. Recuperando los datos de TinyDB
Capturamos los datos guardados para mostrarlos en la plantilla.
22. Guardar datos del histórico
Comenzamos a almacenar datos del ranking en serie temporal.
WRP 10. Checklist para programar un ecommerce en 2019
¿Qué hay que tener en cuenta para crear un ecommerce?
21. Base de datos en JSON: TinyDB
Creamos la base de datos sin cambiar el almacenamiento en ficheros.
1. ¿Quién soy? 3
La mejor forma de comenzar a ofrecer lo que sabes hacer es descubrir quién eres.
20. Fichero de configuración
Añadimos un sistema para los parámetros de la aplicación.
19. Refactorizando de nuevo la app
Más refactorización, nunca hay que dejar de mejorar.
WRP 9. Programación a medida vs Frameworks vs CMS 4
¿Cual es la mejor elección para un proyecto de desarrollo web?
18. Desplegando en la nube de heroku
Primer despliegue del proyecto en la nube. No será el último.
17. Virtualizando el entorno
Virtualenv para crear un entorno separado del resto.
16. Exportar los datos como API
Conectamos con el mundo la app a generando una API en formato JSON.
15. Creando la web con Flask
Unas pocas líneas de código y ya hemos creado un acceso web.
WRP 8. Tres puntos importantes en el flujo de desarrollo de software 1
Historias de usuario, ramas de git y despliegues automáticos para empezar en integración continua.
14. Refactorizando: Clase de almacenamiento
Finalizamos la primera tanda de refactorización con la clase de datos.
13. Refactorizando: Clase de generación de ranking
Seguimos refactorizando, ahora le toca al corazón de la aplicación.
12. Refactorizando: Clase de scraping
Refactorizamos el código para crear la primera clase y comenzar la POO.
11. Newman, Postman en la línea de comandos
Aplicación práctica en terminal para integrar Postman con otros sistemas.
WRP 7. Caso de estudio: La startup que no sabía por donde empezar 3
La historia de un proyecto: Una charla en un bar, una promesa millonaria y unas flores marchitas.
10. Caso de estudio: API con autenticación
Mejoraremos una colección de Postman con tood lo aprendido en el curso.
09. Diseño con Mocking
Diseñamos API's para utilizarlas en el tiempo de desarrollo.
08. Monitorización y documentación
Dos servicios más de Postman para aprovechar la nube.
07. Automatizando pruebas con ficheros de datos
Reforzamos el trabajo con variables e importamos datos desde un CSV.
WRP 6. El mejor lenguaje de programación para conseguir (mejor) trabajo 2
Variables a tener en cuenta para elegir el lenguje de programación de tu vida... O no.
06. Encadenando peticiones con Collection Runner
Automatizar las pruebas de la API de SpaceX
05. Pre-requests, peticiones, respuestas y tests
Expandiendo con scripts las capacidades de Postman.
WRP 5. Mayday: Me han hackeado el WordPress
Trucos y herramientas ante los ataques a una web.
04. Variables globales y de entorno
Trabajamos con variables en el caso de una API real.
03. Requests, consola, generador de código y examples
Acciones de uso cotidiano para seguir familiarizándonos con las herramientas.
WRP 4. El futuro del desarrollo web no son las apps híbridas 2
La programación web tiene su propio futuro, afortunadamente.
11. Básicos de Python: Orientación a objetos
Una introducción a la POO.
10. Guardar más de una página de resultados
Desarrollamos la lógica para capturar múltiples datos.
WRP 3. Caso de estudio: La tienda de pajaritas 5
El primer caso de estudio versa sobre una tienda online con mucha trampa...
02. Colecciones
Colecciones e histórico.
01. Instalación y primera request
Nuestra primera petición a una API.
09. Diccionarios y almacenamiento de datos
Guardamos datos en disco.
08. Scraping del listado de podcasts
Capturando información de la buena.
07. Extrayendo información del scraping
Refactorizamos nuestro código.
WRP 2. Los 6 errores cometidos al elegir la tecnología adecuada
Errores típicos que no tienen nada que ver con la tecnología pero todos cometemos.
06. Primer scraping
Nuestras primeras pruebas con Wikipedia
05. Básicos de python: funciones
Terminamos en las funciones.
04. Básicos de python: pip y librerías
Seguimos por las librerías.
03. Básicos de python: Shell, tuplas y listas
Primeros pasos con Python
02. Presentación del desafío
Hay que empezar por el principio: planificar el proyecto. Definimos que es el scraping: capturar información desde la web y convertirla en datos útiles.
01. ¿Por qué Python?
Razones y motivos para considerar Python como una buena alternativa.
WRP 1. ¿Por qué lanzar un podcast premium? 1
Primer episodio premium, ¿por qué montar todo este tinglado?