- Видео 254
- Просмотров 248 272
Guillermo Rodas
Швеция
Добавлен 27 авг 2017
Full-stack JavaScript Engineer from 🇨🇴 Colombia living in 🇸🇪 Sweden.
Parte 90 — Modales Responsive
⛳️ Sobre el proyecto Cero a Producción ©
Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app.
ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a:
1. Construir una librería de componentes
2. Crear una app web
3. Crear una API
4. Crear la versión mobile
📌 Sigue el proyecto en vivo
- glrz.me/stream
- glrz.me/github-cero
🕸 Redes
- glrz.me/twitter
- glrz.me/instagram
⏱ Contenido
0:00 Introducción a la sesión
🔗 Links
-
#JavaScript #Web #Development #Coding
Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app.
ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a:
1. Construir una librería de componentes
2. Crear una app web
3. Crear una API
4. Crear la versión mobile
📌 Sigue el proyecto en vivo
- glrz.me/stream
- glrz.me/github-cero
🕸 Redes
- glrz.me/twitter
- glrz.me/instagram
⏱ Contenido
0:00 Introducción a la sesión
🔗 Links
-
#JavaScript #Web #Development #Coding
Просмотров: 141
Видео
Parte 89 - Refactoring del tiempo
Просмотров 7721 день назад
⛳️ Sobre el proyecto Cero a Producción © Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app. ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a: 1. ...
Parte 88 - CSS Animations
Просмотров 11328 дней назад
⛳️ Sobre el proyecto Cero a Producción © Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app. ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a: 1. ...
Parte 87 - forwardRef y KeyDown Event
Просмотров 139Месяц назад
⛳️ Sobre el proyecto Cero a Producción © Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app. ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a: 1. ...
Parte 86 - Utilidad timeAgo y Tests
Просмотров 124Месяц назад
⛳️ Sobre el proyecto Cero a Producción © Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app. ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a: 1. ...
Parte 85 - Unit Testing y Local API
Просмотров 120Месяц назад
⛳️ Sobre el proyecto Cero a Producción © Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app. ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a: 1. ...
Parte 84 - Usando el HOC withPageAuthRequired de Auth0
Просмотров 119Месяц назад
⛳️ Sobre el proyecto Cero a Producción © Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app. ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a: 1. ...
Parte 83 - Aprendiendo a sumar en JavaScript
Просмотров 1142 месяца назад
⛳️ Sobre el proyecto Cero a Producción © Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app. ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a: 1. ...
Parte 82 - useChronometer Hook para React
Просмотров 1872 месяца назад
⛳️ Sobre el proyecto Cero a Producción © Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app. ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a: 1. ...
Parte 81 - Pausar y Resumir el tiempo en el Frontend
Просмотров 1222 месяца назад
⛳️ Sobre el proyecto Cero a Producción © Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app. ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a: 1. ...
Parte 80 - Pausar y Resumir el tiempo en el Backend
Просмотров 702 месяца назад
⛳️ Sobre el proyecto Cero a Producción © Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app. ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a: 1. ...
Parte 79 - Unit Testing de Helpers y Utils
Просмотров 542 месяца назад
⛳️ Sobre el proyecto Cero a Producción © Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app. ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a: 1. ...
Parte 78 - Helpers y Utils en JavaScript
Просмотров 792 месяца назад
⛳️ Sobre el proyecto Cero a Producción © Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app. ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a: 1. ...
Parte 77 - useInterval Hook para React
Просмотров 703 месяца назад
⛳️ Sobre el proyecto Cero a Producción © Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app. ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a: 1. ...
Parte 76 - Refactorizando un Cronometro en React
Просмотров 833 месяца назад
⛳️ Sobre el proyecto Cero a Producción © Cero a Producción es un proyecto en el que construiremos una aplicación de gestión de productividad. En esta serie de transmisiones en vivo estaré revelando todas las complicaciones qué tiene un programador a la hora de construir una web app. ℹ️ Al finalizar la creación del proyecto el material se usará para desarrollar 4 cursos dónde aprenderemos a: 1. ...
Parte 75 - Programando un Cronometro en React
Просмотров 2823 месяца назад
Parte 75 - Programando un Cronometro en React
Parte 74 - Maquetando un Cronometro en React
Просмотров 1663 месяца назад
Parte 74 - Maquetando un Cronometro en React
Parte 73 - Autenticacion en Next js con Auth0
Просмотров 2983 месяца назад
Parte 73 - Autenticacion en Next js con Auth0
Parte 72 - Mobile first a Desktop design en React
Просмотров 3774 месяца назад
Parte 72 - Mobile first a Desktop design en React
Parte 71 - Refactoring y resolviendo Bugs en React
Просмотров 1494 месяца назад
Parte 71 - Refactoring y resolviendo Bugs en React
Parte 70 - Testing, Hooks & Bugs en React
Просмотров 2124 месяца назад
Parte 70 - Testing, Hooks & Bugs en React
Parte 69 - Edición de una entidad en un modal en React
Просмотров 1305 месяцев назад
Parte 69 - Edición de una entidad en un modal en React
Parte 68 - Refactorización de nuestra API Proxy
Просмотров 825 месяцев назад
Parte 68 - Refactorización de nuestra API Proxy
Parte 67 - Dynamic API Routes con Next js
Просмотров 1065 месяцев назад
Parte 67 - Dynamic API Routes con Next js
Parte 66 - Creando una API Proxy con el API Routes de Next js
Просмотров 3215 месяцев назад
Parte 66 - Creando una API Proxy con el API Routes de Next js
Parte 65 - Debuggeando pro en JavaScript y Node js
Просмотров 846 месяцев назад
Parte 65 - Debuggeando pro en JavaScript y Node js
Parte 64 - Estructura de una API local y de test
Просмотров 1746 месяцев назад
Parte 64 - Estructura de una API local y de test
Parte 63 - Handlers en React ¿onClick o handleClick?
Просмотров 1966 месяцев назад
Parte 63 - Handlers en React ¿onClick o handleClick?
⛺️ Bootcamp - Semana 13, Clase 1: Permisos, SSH y Vim (Parte 1)
Просмотров 6206 месяцев назад
⛺️ Bootcamp - Semana 13, Clase 1: Permisos, SSH y Vim (Parte 1)
⛺️ Bootcamp - Semana 12, Clase 2: npm audit & Supply Chain Attacks
Просмотров 2717 месяцев назад
⛺️ Bootcamp - Semana 12, Clase 2: npm audit & Supply Chain Attacks
Hola, he tenido problemas para el proyecto, al iniciar el servidor y al ir avanzando en el proyecto no me muestra los cambios que se van haciendo, siempre me quedo en hello world. He investigado y no he encontrado la solución.
Entra a nuestro servidor de Discord para ayudarte.
@@guillermorodas Hola, ¿el servidor Discord es el mismo del bootcamp? o me podrías regalar las instrucciones para ingresar, gracias.
Si, es el mismo.
Recién comienzo con este mundo de la programación y te conocí gracias a CodigoFacilito. Excelente contenido, explicación 100/10
Hola depronto podria comenzar en este momento o ya se acabo?
Puedes comenzar en cualquier momento
Tuve problemas con el wsl
En el canal de Discord tenemos canales para ayudarte con WSL.
Buenas,bro. Para iniciar las clases ,debo instalarme todas las herramientas, verdad?
Si, puedes seguir la guía del prework.
Gracias hermano ❤
primer comentario crack muy buen curso
No se si ya lo descubriste o si en el chat lo comentaron pero para haber duplicado el lorem*500 dentro de parrafo pudieras haber hecho p>lorem*500 excelente video
Oh, no tenia ni idea! gracias!
Buenas
Muy buenas
first
second
Al 100% Gracias
This series only contains module 1?
Yes, I'm working on a way to record the whole series faster, but that's what we have at the moment.
Thanks for the series mate. It would be great to see the typescript version as well🚀
Guille, por favor sube el resto de clases del Bootcamp.🥹
Aún no tenemos fechas definidas para las últimas clases, pero tan pronto lo tenga claro lo comunico en redes y email.
Hola s todos. Como vas Guillermo, el bootcamp sigue adelante?
Hola, si tenemos pendientes las tres últimas clases, pero aún sin fecha definida.
Empezando el bootcamp, cuando iniciaste intente seguirlo pero no pude continuarlo. creo que nunca es tarde para arrancar y aprender!
Eso para q es ? A mi me llegó un mensaje en mi celular?
Si te llego un mensaje es porque tu o alguien intento usar tu numero como método de autenticación en alguna app o servicio. Este video está enfocado en el area de implementación y desarrollo de dicha funcionalidad.
Empezando con ánimos la 2ª semana 😁😁
Guillermo!! muy bueno el video, y sobre todo ver resolver y trabajar a un desarrollador con basta experiencia! saludos desde Arg
Buena clase, vamos a por la siguiente 😸😸
Volví por el uso y generación de la conexión SSH ¡Tu obra es una enciclopedia, Guillermo! 😆 Gracias de nuevo.
Muchas gracias por tus palabras 🫰
se va la voz en 01:12:25 :(
Tengo que revisar si la versión original aún conserva el audio, si no, podría repetir la clase.
Acabo de enterarme, algo tarde, de este bootcamp. La introducción que haces es muy interesante, así que vamos a empezar 😁😁
Buen contenido bro 👍👍. Nuevo sub ✅✅
OOOhhhh BROTH. Que PEDAZO de Contenido, aunque ya tenia familiaridad con algunos conceptos he logrado refinar cosillas que estaban desajustadas en mí 🧠. Por ejemplo en un trabajo anterior me toco realizar una implementacion que Autenticara y Autorizara el acceso a la aplicacion utilizando tecnologias como (OTP, Speakeasy, JWT). Thank's for Sharing.
sobre la situación de los nombres, podría ser que en el handle, solo manejes poner el nombre del evento si ese handle esta atado a al evento, es decir podrias tener un handleConfirmRemove, y este serviría para en caso que la funcionalidad cambiara el evento que lo dispara, ejemplo si ya no se hace por medio de un click si no que se hace por un keyDown, como tal la funcionalidad del handle no cambio, pero si el evento, en ese caso, aunque la lógica no cambie si en el nombre tuvieras indicado el evento, pues tendrías que cambiar el nombre en el caso de los props, si seria importante indicar el "onEvent" al que hace referencia, ya que este se localizaría en elemento o tag que lo dispare sobre si omitir si hay descripciones o no, y solo manejar como "handle", solo lo haría en casos en donde el componente SOLO pudiera existir ese handle, es decir si existe la posibilidad que tenga mas de un handle, preferiría dejarlo identificado, nada costaría o aumentaría tiempo de desarrollo indicarlo. pero dejarlo solo como handle, en un caso de agregar un handle adicional, en ese caso además de agregar el handle adicional tendría que realizar la modificación y darle un nombre al que solo se llame "handle"
Excelente feedback! creo tiene mucho sentido lo que dices! Muchas gracias!
saludos Guillermo, muchas gracias por compartir tu conocimiento. 18:40 me parece super interesante esa manera de crear el handle, queda abierto a que se pueda extender por medio closures en funcionalidad, sin modificar la lógica final, me llega a la mente dejar un array como props con posibles funciones que se pudieran agregar y que quisiera que se ejecutaran durante ese evento, y hacerlo de tal forma que solo se llamen cada una de esas funciones sin intervenir en el proceso final y principal que se quería con el handle
Si, en su momento aprendi ese patron de una librería llamada “recompose” que desafortunadamente dejaron de mantener debido a los hooks, que personalmente pienso no remplazan del todo el propósito de la librería.
La parte en la que se explican los permisos se encuentra sin audio
Lo voy a revisar
En 0.5 te ves super chistoso... Mas cuando estoy repasando NODEJS con este bootcamp a 2.0 Juaz juaz juaz.
Interesante Clase Viejo Guillo... Gran aporte a la Comunidad.
❤😊
Vi tu canal hace poco, y sinceramente tenés gran potencial para explicar y exponer los contenidos, sin duda unos de los más admirables dev. La buena para vos
Excelente
Hola, yo inicie el bootcamp a su inicio pero lo deje por problemas personales, quiero saber si aun estoy a tiempo de retomarlo?🤔
Hola Karo, si, lo puedes tomar cuando quieras!
hermoso contenido 🚀
Guillermo. Acabo de descubrirte, espero no pierdas tu pasión por enseñar. Lo haces excelente 🎉🎉🎉...Si me lees me gustaría saber que cursos tienes de pago o intensivos que pueda seguir de principio a fin tuyos.
Es todo lo que veas en los Playlist de este canal sin costo y tengo 2 cursos en Platzi (OAuth, Auth0) y 1 en Código Facilito de Node.js
Este bootcamp ya culminó?
No tiene fecha de inicio ni de fin predeterminado, puedes empezar cuando quieras y finalizar cuando quieras
amazing job, keep it up
Muy bueno !
Amigo algo pasa con la forma como expone sus videos.. Gran contenido con tan pocas visitas.. Revive algo pasa... Saludos
Viejo Guillo una Pregunta: ¿Es cierto que Jest NO tendra mas Soporte? y que tan usado es en el Mercado Actualmente...
No puedo responder con seguridad si no sera soportado, al menos aun hay actividad en el repositorio. Es ampliamente usado en la industria y migrar a Vitest seria bastante fácil desde Jest.
@@guillermorodas, muchas gracias broth por el Feedback. Mi Dios te pague.
01:44 • Permisos 04:00 _String_ de permisos 17:06 Cambio de grupo 19:51 Cambio de permisos numéricos 20:24 Sintáxis numérica 26:58 • Llaves SSH 40:37 • VIM 41:17 🟩 *CÓMO SALGO DE VIM* 🟩 42:50 -🛠 _ShortcutFoo_ 44:00 _VIM Tutor_ 45:47 _VIM: Guillermo Essentials_ ¡Gracias Guillermo!
01:02 ¿Qué son las dependencias?: bibliotecas, paquetes o frameworks que se instalan en un proyecto 02:10 Dependencias de desarrollo y de proyecto 04:08 Hapi JS: cero dependencias 06:06 Vulnerabilidades en dependencias 11:04 _npm audit / yarn audit_ 14:18 _npm audit fix_ 15:06 _Semantic versioning_ 22:41 _npm ls_ 25:08 -🛠 _Snyk_ 32:10 🛡 *_Supply chain attacks_* 33:45 -🛠 *_Socket_* _dev_ 34:31 🎉 _Nordic JS_ 38:20 ¿Por qué hay tantos _Supply Chain Attacks_ ? 50:14 Tácticas, Técnicas y Procedimientos de los Atacantes (TTPs) 55:40 Vulnerabilidades vs _Supply Chain Attacks_ 58:00 Checklist pensado en la seguridad 01:01:50 Resumen --- 01:02:43 Preguntas ¡Gracias Guillermo!
01:24 *OWASP* , _Open Web Application Security Project_ : proyecto que vela por la seguridad en la red 07:02 🛡 *_Injection_* 07:16 - _Attack vectors_ 09:28 - Condiciones de vulnerabilidad 12:23 - _SQL Injection_ : inyección de un _query_ 24:24 - _Persistent XSS_ : inyección de JS 31:52 - _Reflected XSS_ 34:38 - _DOM-based XSS_ 44:23 🛡 *_Broken Authentication_* 45:00 - _Attack vectors_ 49:58 - Condiciones de vulnerabilidad 55:50 _JSON Web Token_ 01:02:55 🛡 *Sensitive Data Exposure* 01:03:14 - _Attack vectors_ 01:04:14 - Condiciones de vulnerabilidad 01:08:08 ⏸ _Pausa: Storytime_ - _EXIF Data (McAfee story)_ - _El teléfono del Primer Ministro_ - _SIM port hack_ 01:12:39 🎈 Bonus: _How secure is my password?_ 01:13:55 _Have I been pwned?_ -- 01:15:43 Preguntas ¡Gracias Guillermo!
Creo que descubrí esto un poco tarde. Pero nunca es demasiado tarde!!!
Profe gracias por todo el contenido del canal, y por el bootcamp ... sos un crack !!
Hola!!
Sin duda, eso me recuerda el dicho de todo tiempo pasa fué mejor
Comencé hoy 31/01/2024 ya que va tarde pero aprenderé algo
Muy pato si comienzo el bootcamp este año, el discord no me deja escribir en ningun canal.
Es porque no tienes tu numero confirmado o no has marcado como listo el prework. Revisa el final de la guia de prework.