Podcast y vídeos sobre desarrollo web.
Aprende, practica y crea con tu código. Presentado por Daniel Primo.
WRP 143: El caso de la startup lowcost
Low cost hasta en espíritu.
72. Reto de grupo: crea una webapp con una API de transportes
Es nuestro segundo LiveChallenge: ¡viva la fiestAPI!
71. Crea una API con datos abiertos y píntala en un mapa de LeafletJS (II)
Muestra con un mapa datos extraídos de una API.
WRP 142: El caso del influencer que no quería programar
Una historia 100% real.
WRP 141: El caso de la inmobiliaria para ricos
Comienza la saga del verano 2021.
WRP 140. Malandriners en portada: Alex Ávalos
Alex es emprendedor, formador y especialista en Hosting VPS.
WRP 139. Tiempo rendido (reflexiones personales de final de temporada)
Repasamos la temporada y te propongo la Encuesta Malandriner 2021.
WRP 138. Apúntate a la misión secreta y tipado de datos con TypeScript
Una propuesta diferente y un aterrizaje en TypeScript.
WRP 137. MPP es lo que estabas buscando para alcanzar la satisfacción (y no se fuma)
La motivación en forma de logros aplicada a tu realidad individual.
70. Crea una API con datos abiertos y píntala en un mapa de LeafletJS (I)
Backend y frontend desacoplados dentro de la misma plataforma.
WRP 136. Autocontrol atormentado
Episodio raro. Nos vemos el jueves.
05. Así se comienza a consumir una API
Un ejemplo para empezar a comprender una API de terceros.
69. LiveSnippets #3
Favicon dinámico, styled components en Vue y Netlify functions.
68. Primeros pasos con Eleventy
Crea webs modernas con Jamstack.
WRP 135. Consejos de bolsillo sobre bienestar mental para developers
Una vida más sana siendo programador es posible.
WRP 134. Extreme Programming aplicado a individuos
La programación extrema para Solo Developers.
55. Un prototipo con Bootstrap 5
Usaremos Sass para el CSS y Laravel Mix para el bundle.
WRP 133. Malandriners en portada: Sònia Garcia
Sònia es Product Safety Supervisor.
07. Organizando las ramas con Github Flow
Primer sistema para poner orden en el repositorio.
06. Trabajar con un repositorio remoto
Creando un repositorio remoto en Github.
05. Corrigiendo errores con gitignore y amend
Eliminando ficheros y registros.
04. Seguir borrando la zona sucia
Más herramientas para controlar lo que no necesitamos.
03. Limpiar el área sucia con stash
Primer truco para no perder ningún cambio.
02. Alias y etiquetado
Tags y alias de comandos para ser más productivos.
01. Entornos gráficos y primera rama
Programas que nos ayudan con git.
67. Hablemos de Python con Alex Hermida
Python para principiantes y curiosos.
04. Análisis de rendimiento con lighthouse de danielprimo.io
Revisamos en tiempo real el informe de rendimiento de una web con plantilla premium.
WRP 132. El Webhook no es el nuevo API Rest
Qué son y para que pueden ser útiles los webhooks.
66. Jugando con Docker Compose
Desplegamos aplicaciones open source con Docker.
WRP 131. Padre, he pecado con el CSS
Buenas prácticas con el CSS y novedades.
02. Usa Laravel Mix para unir ficheros sencillos de CSS
El primer paso para mejorar tu productividad con el CSS.
65. VueJs para todos los públicos
Creamos una webapp desde cero con VueJS.
WRP 130. El testing mata
Todos queremos hacer testing automatizado, pero, ¿qué pasa?
64. LiveCoding: Bot de telegram #3
Empezamos con el testing.
WRP 129. Malandriners en portada: Juan Andrés Jiménez
Juan Andrés Jiménez es DevOps, programador web y apasionado de las tecnologías.
WRP 128. Las herramientas sencillas que te salvan la vida
Campanas y errores, rabbit hole y tarjeta caliente.
62. Lego.js, el framework que llevamos dentro con Sergi Edo
El primer proyecto nacido de la comunidad malandriner.
WRP 127. El código abierto está roto
Una batalla perdida por el open source.
61. LiveCoding: Bot de telegram #2
Segunda sesión de nuestro Twitch Premium
WRP 126. Un poquito de Clean Architecture
Un repaso a un libro de arquitectura limpia y novedades a la vista.
WRP 125. Cuando los fallos en desarrollo te hacen perder dinero
El peor momento de un software se vive cuando falla algo crítico.
60. LiveSnippets #2: Cerrar ventana, SVG animado y fallida intro a Oh My Zsh 2
Cerrar ventana, SVG animado y fallida intro a Oh My Zsh
WRP 124. Malandriners en portada: Daniel Pastor
Dani Pastor es docente de la especialidad de Informática.
59. Generación de sitios estáticos con Eleventy, Tailwind CSS y Netlify con Javier Archeni
Aterrizamos en el Jamstack con un proyecto que incluye toda la arquitectura.
58. LiveCoding: Bot de telegram #1
Primera sesión de un nuestro Twitch Premium
WRP 123. Error: usar nocode donde necesitas sicode
Un caso de estudio sobre la conveniencia de usar el nocode.
WRP 122. Pongamos un poco de orden en el código
Bad smell, good morning, Use Cases y casos prácticos.
WRP 121. Métodos ágiles para pequeños equipos
El agilismo aplicado con éxito.
56. LiveChallenge: Dos retos resueltos en directo
La comunidad resuelve dos retos de programación.
WRP 120. Malandriners en portada: Fernando López
Fernando López es Coach Fullstack.
54. El backend del backend con Airtable e Integromat con Óscar Martín
El nocode llevado al extremo.
53. LiveSnippets #1
Vue, WordPress, Vanilla JavaScript y Github.
23. Y ahora, ¿qué más tengo que aprender de VueJS?
Cursos para seguir aprendiendo Vue en esta academian online.
01. Insertar una WebApp de VueJS en un CMS
Podemos enriquecer las plantillas de siempre con el JavaScript de más moderno.
WRP 119. ¿Qué es el legacy code? (y malas prácticas al azar)
El reto del próximo viernes tiene premio.
WRP 118. Resumen del libro "No me hagas pensar" de Steve Krug 1
Un manual básico de usabilidad muy entretenido.
WRP 117. ¿Cuál es el mejor framework?
La enterna pregunta, con la mejor respuesta posible.
52. Tu primer bloque de Gutenberg con Adrián Cobo 1
El poder de React en el corazón de WordPress.
28. Añadir un paso más al formulario
Todo el trabajo anterior se ve recompensado.
27. Componentes funcionales: Paso de formulario
Nuestro segundo componente funcional.
26. Componentes funcionales: Notificaciones
Nuestro primer componente funcional.
25. Aclaración sobre el vídeo anterior
Un detalle que se escapó.
24. Convertir código a Vue 3 (Composition API) (3)
Trasladamos más código desde la Options API.
23. Mejoras en el router 3
Creamos la página de error 404.
22. Validación del formulario con Element Plus
Validación funcional del formulario.
21. Acciones con Vuex
Maneja eventos asíncronos con Vuex 4.
20. Resetear el formulario
Una solución posible.
19. Comunicar un componente hijo con su padre
Comunicación desde abajo hacia arriba con emit.
18. Aclaraciones sobre la gestión de estado
Un repaso a este concepto.
17. Conexión entre formulario y Vuex
Ampliamos las capacidades del formulario.
16. Refactor: mover componente
Cambiamos componentes de navegación de sitio.
15. Gestión de estado con Vuex 4
Controla el flujo del form con Vuex.
14. Convertir código a Vue 3 (Composition API) (2)
Segunda parte de la refactorización.
13. Convertir código a Vue 3 (Composition API)
Primera parte de la refactorización.
12. Variables computadas en VueJS
Crear una computed variable.
11. Navegación en el formulario multipaso
Paso adelante y paso atrás en el form.
10. Notificaciones en pantalla
Aprovechamos las ventajas de Element Plus.
09. Rutas con nombre
Named routes para hacer tu código más escalable.
08. Cambiar las rutas desde el código
Programación de enrutado con Vue Router.
07. Formulario multipaso con UI
Creamos el primer bosquejo del formulario.
06. Crear un layout con Element Plus
Estructura visual de la webapp.
05. Librería de componentes Element Plus
Pontente interfaz gráfica compatible con Vue 3.
04. Carga dinámica de componentes
Una habilidad de VueJS.
03. Crear una ruta dinámica
Vue Router y las rutas con parámetros.
02. Primera ruta con Vue Router
Fácil y sencillo es crear rutas en tu aplicación JavaScript.
01. Introducción al curso formulario multipaso
Usaremos Vue 3, Vue Router y Vuex.
00. Presentación: Crea un formulario multipaso con Vue 3, Vue Router y Vuex
Pasa al siguiente nivel en tus webapps con VueJS
WRP 116. Los demás siempre hacen mucho más que nosotros
Un mito sobre el síndrome del impostor.
51. Tripetto y Webhook
Bot con Tripetto conectado al mundo.
WRP 115. Malandriners en portada: Teresa Pérez
Teresa Pérez es Desarrolladora web.
WRP 114. La escalera del HTML
¿Por dónde empezar en el desarrollo web?
WRP 113. Únete al reto #ProgramaEnPantuflas
El vaso siempre está medio lleno, ¡nunca medio vacío!
WRP 112. Cerrando la Zona Premium
Decisiones importantes.
WRP 111. Malandriners en portada: José David Barrios 1
José David es JavaScript Fullstack Developer.
WRP 110. Cómo funciona la web
Un paseo desde el cliente al servidor y vuelta.
10. Borrar todo el proyecto
Cerramos el proyecto para eliminar todos los servicios levantados.
09. Desplegar en Amazon S3
Otro de los servicios de AWS que se añade con una línea.
08. Crear un listado sincronizado
Actualizaciones de datos en tiempo real con GraphQL.
07. Crear una API de GraphQL con AppSync
La base de datos es Amazon DynamoDB.
06. Eventos con Logger y Hub
Comunicamos la webapp con los eventos de la autenticación.
05. Personalización de la autenticación
Algunas de las configuraciones posibles.
04. Autenticación con Amazon Cognito
Un sistema de identificación de usuarios completo.
03. Inicializando Amplify en el proyecto
Usaremos VueJS para mostrar las capacidades del framework.
02. Instalación de Amplify CLI
La herramienta para gestionar nuestro proyecto.
01. Introducción a AWS Amplify
Comparación entre un stack tradicional y el cloud de AWS.
00. Presentación: Desarrolla en la nube con AWS Amplify Framework
La nube es más fácil de lo que parece.
10. Carga de datos desde el archivo JSON
Seguimos trabajando con el esquema.
09. Comunicando aplicación y componente
Los datos deben estar disponibles para cada componente.
11. Selectores dinámicos con VueJS
Filtrado de datos con JavaScript.
12. Solución del error de PurgeCSS
Solventamos un problema surgido al comienzo de la sesión.
08. Crear un componente en VueJS
La versatilidad de Vue y Nuxt juntos.
07. Integrar los datos del fichero JSON
Una importación de fichero y los datos son nuestros.
06. Validar esquemas de JSON
La validación de datos en JSON es posible y sencilla.
05. Construyendo la estructura JSON del perfil
Plantilla de datos para los perfiles.
04. Plantilla en NuxtJS
Primeros pasos de integración de la plantilla en NuxtJS.
03. Creando gradientes en TailwindCSS
Clases específicas y dinámicas para tener gradientes CSS.
02. Mejorando el diseño de la ficha
Maquetación del perfil del developer.
01. Aplicando PurgeCSS
Limpiando las clases innecesarias en el CSS.
WRP 109. Mastermind: ¿Cuál es el mejor entorno de desarrollo?
Debate sobre las mejores herramientas de desarrollo.
47. Arranca en la nube con AWS Amplify
Programando con Amazon Web Services.
WRP 108. Hackea las carteras de tus clientes
Hablamos hoy de dinero y de cómo conseguir que te paguen.
46. Kotlin para web con Borja Quevedo
Un lenguaje de programación multiplataforma, también compatible con web.
22. Despliegue en Vercel de la Rest API
Enviamos a la nube nuestros ficheros.
21. Composer y namespaces
Convertimos nuestra aplicación en un software de mayor nivel.
20. Clase para las peticiones Request
Un último paso de refactorización
19. Controlador como clase
Además de un sistema de dependencias.
18. Gestión avanzada de excepciones
Convertimos en clase la gestión de estos errores.
17. Clase para gestionar las rutas
Avanzamos para delegar la responsabilidad de las rutas.
16. Más refactorización sobre métodos
Continuamos con más mejoras.
15. Un nuevo sistema de rutas
La parte que puede parecer más compleja.
14. Refactorizando los POST, PUT y DELETE
Continuamos mejorando el código.
13. Gestión de excepciones
Manejando los errores.
12. Creamos una clase Response
Gestionaremos con ella las respuestas de la Rest API.
11. Modelo de datos para Expense
Necesitamos un modelo que refleje los gastos.
10. Comenzamos la refactorización
Creamos un repositorio de gastos.
09. Autenticación muy sencilla
Ejemplo de respuestas de códigos HTTP.
08. Cuarto método: DELETE
Borramos un recurso con el método adecuado.
07. Tercer método: PUT
Modificamos un recurso existente.
06. Segundo método: POST
Capturamos los datos del cuerpo de la petición.
05. Pasando parámetros al método GET
Ampliamos el código para recuperar un recurso específico.
04. Gestión de rutas sencilla
Luego buscaremos como mejorarla.
03. Primer método: GET
Nuestras primeras líneas para crear la API.
02. Acceso a la Rest API
Métodos de acceso a una API (curl, Postman).
01. HTTP y Rest API
Conceptos básicos que veremos durante el curso.
00. Presentación: Crea una Rest API artesana con PHP
¿De qué va este curso?
45. Comando Coding 05: API Rest con PHP (II)
Introducción a una API Rest montada desde cero (segunda parte).
WRP 107. Malandriners en portada: Santi Rofes
Santi es Freelance IT Consultant y se define como "passionate developer and sysadmin".
13. Últimos pasos de la maquetación
Maquetación de la ficha del usuario.
12. Variantes de clases
Otra forma de sacarle más provecho a la librería.
11. Continuamos con la maquetación
Habilidades de cada ficha.
10. Clases propias con estilos de la librería
Más personalización sobre la librería.
09. Breakpoints en TailwindCSS
Trabajando con resoluciones.
08. Generando código CSS
El mayor secreto de la potencia de Tailwind.
07. Generación de colores
Tailwind soporta gamas de colores personalizados.
06. Crear un header y un footer
Maquetamos algunas partes del proyecto.
05. Clases para flex
Posicionamiento CSS con flex.
04. TailwindCSS con Visual Studio Code
Te ayudará a ser más productivo.
03. Instalando Tailwind con npm
Mejor la instalación completa.
02. Las ventajas de TailwindCSS
Analizamos varias cosas positivas de la librería.
01. Empezando con TailwindCSS
Proceso de instalación.
09. Filtro desde input sobre JSON
Creamos un filtro avanzado con VueJS.
08. Transiciones y animaciones
Muy sencillo incluir una transición animada.
07. Generando el sitio estático con Nuxt
Una de las posibilidades de generación.
06. Gestión de errores con Nuxt
Crear un error si un recurso no existe.
05. Trabajando con el formato JSON
Nuxt permite importar los datos de forma directa.
04. Listados de contenidos
Mostrar un listado de usuarios.
03. Instalar un plugin en Nuxt
Usamos PrismJS para mostar el código.
02. Insertar información en el head
Nuxt también piensa en el SEO.
01. Continuamos con Nuxt
Cómo acceder a los perfiles
WRP 106. Análisis de lo que hay dentro de scripts de pago
He descargado varios "clones de webapps famosas" y esto es lo que me he encontrado.
44. Comando Coding 05: API Rest con PHP (I)
Introducción a una API Rest montada desde cero.
WRP 105. Destripando la plataforma Zona Premium
Detalles técnicos de cómo esta construido el membership site a lo largo de dos años.
09. Type Hinting en PHP
Tipado de datos.
08. Polimorfismo en clases
Aplica un concepto avanzado para entender la polivalencia de los objetos.
07. Clases abstractas e interfaces
Saca todo el partido a la herencia.
06. Herencia de objetos
Un concepto fundamental sobre el poder de la POO.
05. Propiedades mágicas de las clases
Constructor y conversión a cadena de texto.
04. Acceso a métodos y propiedades
Público y privado.
03. Referencia interna y Api fluida
Qué es el $this y cómo podemos jugar con él.
02. ¿Qué es la POO?
Explicaciones básicas sobre programación orientada a objetos.
01. Introducción al curso sobre POO
Stack de desarrollo.
00. Presentación: Programación orientada a objetos con PHP
¿De qué va este curso?
43. Gestiona proyectos con Trello como nunca habías soñado con Juan José Ramos
Saca partido de esta herramienta con con casos prácticos reales.
WRP 104. Cómo estimar tiempos de ejecución con éxito
Trucos y consejos para saber mirar a la bola de cristal del futuro.
11. Leer ficheros markdown con Nuxtent
El contenido en ficheros markdown.
10. Qué son los plugins en Nuxt
Otra forma de comunicar Nuxt con otras librerías.
09. Así funcionan las rutas dinámicas
Podemos generar rutas dinámicas.
08. Crear páginas de error en Nuxt
Captura de mensajes de error.
07. Insertar datos en el head
También han pensado en el SEO.
06. Qué es un Layout en Nuxt
Un concepto clave en NuxtJS.
05. Generando el sitio estático
Nuxt trabaja también generando sitios estáticos.
04. Creación de una página de ejemplo
La forma más sencilla de crear una ruta.
03. Estructura de directorios de Nuxt
Muchos directorios pero todos con una función.
02. Instalación de Nuxt
Así se instala el framework.
01. Lo más básico de Vue
Un contador en VueJS.
00. Introducción a Nuxt
Explicación técnica de nuestra elección.
42. Comando Coding 04: POO con PHP
Programación orientada a objetos con PHP.
WRP 103. Así despliego en producción
Los métodos reales que estoy usando actualmente para subir el código a producción.
WRP 102. Malandriners en portada: Pablo Jiménez
Pablo es el reponsable del equipo de desarrollo de software de una correduría de seguros.
10. Docker Compose 2
Todo lo anterior en un fichero de configuración.
09. Portainer
Una webapp para gestionar contenedores.
08. Networks para comunicación
Así se comunican los contenedores.
07. Avanzando en el entorno de desarrollo
El concepto de bind mount.
06. Trabajando con volúmenes
¿Dónde están mis datos?
05. Creando un Dockerfile
Jugando con imágenes y contenedores.
04. Docker en DigitalOcean 2
Así es un servidor Ubuntu con Docker.
03. Docker en el playground
Así es la zona de juegos de Docker en la nube.
02. Docker en escritorio
Así es Docker en macOS.
01. Introducción al curso
Arrancando el curso.
00. Presentación: Introducción a Docker
¿De qué va este curso?
40. LivePremium: Docker
Aprenderemos los conceptos de Docker.
06. ¿Qué tecnología vamos a utilizar en el desafío?
Presentación de NuxtJS
05. Imaginando como destacar perfiles
Intentamos descubrir la mejor forma de destacar contenido.
04. Prototipando el filtrado de perfiles
Seguimos ampliando el wireframe.
03. Prototipando cabeceras y tarjetas
Completamos el wireframe.
02. Primeros pasos con Pencil
Pencil es un software de descarga gratuita.
01. Descripción de la webapp Profile Plaza
¿Qué pretendemos construir?
00. Presentación del desafío "Creando un side project"
Cómo crearemos un proyecto paralelo de principio a fin.
WRP 101. Side project #8: Cataclismo 2
Las manos tiran para un sitio, la cabeza, para otro.
13. Extra: Webapp con VueJS y Apollo
Terminamos explicando una webapp que usa los datos de WP con GraphQL.
12. Mutaciones sobre los datos
La capacidad de modificar datos con mutations.
11. Llamadas específicas a Custom Post Types
Una particularidad de WordPress a escena.
10. ¿Qué son los fragments?
Parte de las consultas reutilizable.
09. Más consultas sobre post
Vemos más detalles sobre cómo ejecutar consultas.
08. Filtrando resultados en el cliente
Seguimos avanzando en las consultas.
07. Edges, nodes y paginación
Conceptos más avanzados de GraphQL.
06. Listado de posts
Crear una consulta para recuperar un listado de posts.
05. Explorando el Schema
La facilidad de entorno para conocer su estructura.
04. Primeras consultas hacia WordPress
Ejecutando las primeras consultas.
03. Cliente de GraphQL
Descubre la magia con GraphiQL.
02. Instalación de plugins
Plugins de WPGraphQL necesarios para el curso.
01. Entorno de trabajo del curso
La puesta en marcha.
00. Presentación: Aprende GraphQL con WordPress
¿De qué va este curso?
Especial WRP 100. Mastermind de grupo: ¿Cómo empezar en el mundo de la programación?
Celebramos los 100 episodios con un debate múltiple.
09. Tip sobre reactividad
Final del curso.
08. Qué es Suspense
Evita escribir código para dar una mejor experiencia de usuario.
07. Qué es Teleport
Traslada la lógica a cualquier parte del DOM.
06. Reactividad de objetos
Reactive y ref en Vue 3.
05. Comunicación entre componentes padre-hijo
Lanzando eventos entre componentes.
04. Usando Composition API
Adaptando el componente al nuevo Vue 3.
03. Creando el componente Vue
Un componente al estilo de Vue 2.
02. Estructura de archivos de un proyecto Vue 3
Repasando el scaffolding del proyecto.
01. Nuevo proyecto con Vite
La nueva herramienta de desarrollo.
00. Presentación: Desarolla con las nuevas características de Vue 3
¿De qué va este curso?
38. Conoce las novedades de Vue 3
Descubrimos las nuevas características de Vue 3.
08. Creando un fichero de estilos
Una buena práctica: responsabilidad separada en ficheros.
12. Terminando de dar estilo a la tarjeta
Rematando el proyecto.
04. Expresiones shorthand para dar estilos
Una forma resumida de crear nuestras reglas de estilo.
09. Los tamaños relativos de las cosas
Que es el em y el rem.
10. Qué es la especificidad
La alta especificidad es algo contra lo que hay que luchar.
11. Qué es el BEM
Block, Element, Modifier.
07. Utilizando clases e identificadores
La base de CSS.
00. Presentación: Crear una tarjeta de usuario con CSS
Aquí arranca un nuevo ComandoCoding!
05. Estilos del navegador
El navegador también manda.
03. Importar fuentes desde Google Fonts
Las fuentes externas podemos usarlas en nuestros diseños.
06. Posicionamiento de los elementos con Flexbox
Una introducción a como posicionar elementos con flexbox.
01. Resultado final de la card
El ejemplo que vamos a construir.
02. Estructura básica de HTML
Partimos de una base en HTML.
WRP 99. Una idea para actualizar una aplicación web vieja 2
Empezar de cero no es tan bonito como podría parecer.
02. Preparando la webapp con Vue Cli
Instalación con Vue Cli.
07. Mutations en Vuex
Cómo funcionan las mutaciones en Vuex.
10. Cambiar el estado desde los componentes
Modificaciones del estado desde los componentes.
09. Ejecutando funciones en getters
Ampliando los getters.
08. Actions en Vuex
Cómo funcionan las acciones asíncronas en Vuex.
06. Getters en Vuex
Cómo funcionan los getters en Vuex.
01. ¿Qué es Vuex?
Con Vuex pasarás a otro nivel en el desarrollo de webapps con Vue.
05. Mapeando el estado en los componentes
Uso de mapState como herramienta para mapear.
00. Presentación: Introducción a Vuex
Demostración de la webapp que vamos a construir en el curso.
03. Crear el store
El primer estado de nuestra webapp.
04. Incluir el estado en los componentes
Comunicar el estado con los componentes.
37. Crea una landing page con CSS y Heliblocks con Jesús Olazagoitia 2
Nuestro primer invitado a un directo LiveGuest nos deleita con una clase magistral de CSS.
01. Probando Storybook para poner orden en los componentes de mi side project
Primera edición de un LiveOffice Premium.
WRP 98. Cómo ampliar tu red de contactos online 2
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.
04. JavaScript trabaja con números
Hasta que no haces commit no has registrado el cambio.
09. Evitar el NaN Not A Number
¿Qué es el NaN en JavaScript?
07. Qué es el scope en JavaScript
El alcance de las variables.
09. Jugando con SetTimeout, SetInterval y ClearInterval
Los contadores de tiempo en javaScript, por fin, revelados.
07. Refactorización del código de atrapahumanos
Siempre conviene repasar el código.
05. Elección aleatoria de elementos de un array en JavaScript
La función random más eficiente que has visto.
04. Declarando arrays de strings
La colección de frases del Captcha se carga desde un Array.
03. Correcciones de CSS para mejorar la presentación
¡Vaya! Tenemos que recolocar varios elementos en la página con CSS.
02. Trucos de configuración del editor Visual Studio Code
Algunos consejos sobre el uso de Visual Studio Code para el proyecto.
08. Proceso de validación de Captcha en JavaScript
El formulario necesita ser validado para saber si es correcto.
10. Extra: Animación de CSS usando keyframes
Animación con un timeline complejo para mostrar el peligro de que se acabe el tiempo.
05. Interactuar con elementos del DOM
Algunos aspectos básicos de la configuración.
08. Refactorización del código de la calculadora
Siempre conviene repasar el código.
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?
06. Tu primer listener de eventos
Los event listener son la clave para interactuar con JavaScript.
10. Capturar el evento de checkbox
El top en StackOverflow: saber cuando hacemos check en un checkbox.
11. Extra: Botón de imprimir presupuesto
La opción de imprimir usando el propio navegador.
00. Presentación: Calculadora de presupuestos con JavaScript
¿Qué es un Comando Coding? ¿Qué vamos a hacer en el curso?
01. Requisitos de la calculadora
Vamos a entregar un proyecto con requisitos claros.
02. Primeros comandos con JavaScript
JavaScript se puede ejecutar en cualquier navegador.
03. Capturando elementos del HTML
El DOM de una página se puede manipular (cambios en el HTML).
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.
08. Repaso de los comandos de git
Paramos un momento para ver todo lo anterior.
01. Presentación del curso Empezar con git
¿Por qué Git es tan importante?
10. Qué ocurre cuando cambiamos un fichero añadido con Git add
Una de las primeras preguntas que todo desarrollador se hace.
04. Cómo añadir ficheros con Git add
Los cambios empiezan a añadirse para pasar a staging.
05. Registra los cambios en ficheros con Git commit
Hasta que no haces commit no has registrado el cambio.
06. Configuración de git
Algunos aspectos básicos de la configuración.
07. Muestra el histórico del repositorio con Git log
Siempre puedes acceder a todo lo que ha pasado en tu repositorio.
02. Git init para empezar con git
El primer comando que tienes que usar con Git.
09. Cómo devolver a un fichero a su estado anterior con Git checkout
Quiero deshacer los cambios, ¿cómo puedo hacerlo?
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.
16. Crear un repositorio remoto en Github
Unos pasos tan sencillos para estar en Github.
19. Clonar repositorios remotos con Git clone 1
La forma más rápida de descargar el código.
18. Traer los cambios desde remoto con Git pull
Como recuperar los cambios desde mi terminal.
15. Git diff te hará el trabajo más fácil
Uno de mis comandos favoritos para saber qué he cambiado.
12. Fusionar dos ramas con Git merge
El paso al que todos los developers temen.
17. Enviar cambios a un repositorio remoto con Git push
Como añadir los cambios desde mi terminal.
11. Crear la primera rama con Git checkout
Las ramas son la base de la versatilidad de Git.
03. Conoce el estado de tus ficheros con Git status
El comando que más usarás en tu vida como programador.
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 3
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.
36. Formulario de creación de contador en el frontend
La primera versión de nuestro formulario de creación de contadores.
51. Despliegue del backend en Cloudways
Desplegamos el código de PHP y la base de datos en Cloudways.
38. Control de errores al enviar el formulario
Incluimos validaciones.
02. Peticiones HTTP y qué es el PSR-7
El estándar PSR y las peticiones y respuestas HTTP.
01. Introducción a Slim PHP Microframework
La versión 4 de Slim nos ofrece muchas ventajas.
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.
19. Mi primera app con Vue
Creamos una app a la vieja usanza, como si fuera jQuery.
17. Estructura try / catch
Para capturar fallos de conexión a la base de datos.
21. Mejorando la app con Vue
Primera gran diferencia con respecto a jQuery.
32. Instalación y configuración de Vue Router
Vue Router nos permite gestionar rutas en el frontend de la webapp.
41. Crear el controlador de ruta para los contadores
Desacoplamos la funcionalidad del Controller.
40. Introducción al container en PHP
Repasamos de nuevo el concepto de contenedor en PHP.
39. Completando la funcionalidad de envío del formulario
El usuario debe recibir feedback sobre el éxito del envío.
37. Método de envío del formulario
Método en VueJS para enviar los datos del formulario al backend.
05. Lógica del backend
El código está por delante de la base de datos.
22. Ciclo de vida en Vue: mounted
La base de todos los frameworks de frontend: el ciclo de vida del componente.
34. Incluir validaciones en el registro de datos
La primera validación de los datos en la API.
33. Enrrutado de componentes dinámicos
Los contadores son entidades dinámicas, las hacemos accesibles.
35. Buenas prácticas: Variables de entorno
Muy importante guardar nuestras variables sensibles en el entorno y no el repositorio.
31. Pregunta: Contador específico por parámetro de URL
Pregunta de uno de los asistentes.
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.
30. Buenas prácticas: Creación del cliente de Axios
Creamos un cliente desacoplado para la conexión a la API.
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
26. Mostrar el tiempo restante en el frontend capturado desde el backend
Nos conectamos con axios a la API generada en el backend.
27. Instalación de Vue Cli
Subimos un nivel más en nuestra app de Vue.
03. Creación de la primera ruta
Una aplicación web empieza siempre por una ruta.
06. Qué es el contenedor de dependencias
Implementación de PHP-DI con un ejemplo en PSR-11.
29. Instalación de Axios
La magia de la conexión entre el frontend y el backend, al fin revelada.
43. Buenas prácticas: Desacoplar las conexiones a la base de datos
Refactorizamos para ocultar la conexión a la base de datos SQLite.
47. Insertar el selector de fecha CTKDatetimePicker
Mejoramos la visualización del formulario de fecha.
49. Mejorando la respuesta tras enviar el formulario
Pensando en el usuario.
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.
44. Buenas prácticas: Desacoplar las consultas a la base de datos
Seguirmos refactorizando ocultando la forma de conseguir resultados.
50. Incluir validaciones en el formulario con Vuelidate
Validaciones en el cliente con Vuelidate.
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?
45. Buenas prácticas: Extracción a método de la respuesta
Refactorización de código repetido.
16. Transformación de fecha
Las fechas siempre nos ofrecen muchas opciones en programación.
07. Primera refactorización
Extraemos código a bootstrap y separamos en ficheros por responsabilidad.
09. Ajustes de proyecto
Limpieza y correcciones varias.
18. Qué es VueJS
Breve explicación de qué es este framework progresivo de JavaScript.
42. Inyección de dependencias en Slim PHP
Usamos PHP-DI para añadir dependencias a los controladores del backend.
15. Realizar un insert en una tabla SQLite
Sintaxis para insertar contenido en SQLite.
14. Crear tabla en SQLite
Sintaxis para crear tablas en SQLite.
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.
12. Introducción a SQLite
SQLite es una base de datos relacional que se almacena en un fichero.
11. Crear una ruta para capturar una petición Post
Testeamos la ruta de tipo POST con Postman.
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.
20. Métodos en VueJS
También vemos la extensión Vetur para Visual Studio Code.
28. Adaptando la aplicación de frontend
Transformamos la aplicación para que encaje en el nuevo entorno de desarrollo con Vue-Cli.
04. Qué es el middleware
El ejemplo de la cebolla para explicar lo que es un middleware.
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?