1<!doctype html> 2<html lang="es-AR"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 7 <!-- ââ SEO básico ââââââââââââââââââââââââââââââââââââââââââââââââ --> 8 <title>Blog â FIUBA</title> 9 <meta name="description" content="ArtÃculos sobre tecnologÃa, inteligencia artificial, Python, Data Engineering, cooperativismo y la cuarta revolución industrial."> 10 <meta name="keywords" content="centro de graduados ingenierÃa, FIUBA, cursos ingenierÃa, actualización profesional, red de ingenieros, cooperativa tecnologÃa"> 11 <meta name="author" content="Centro de Graduados FIUBA"> 12 <meta name="robots" content="index, follow, max-snippet:160, max-image-preview:large"> 13 <meta name="facebook-domain-verification" content="65c4o9y480n4g56thx3o40puj3eq9y" /> 14 <link rel="canonical" href="https://graduadosfiuba.org/blog"> 15 16 <!-- ââ Open Graph ââââââââââââââââââââââââââââââââââââââââââââââââ --> 17 <meta property="og:type" content="website"> 18 <meta property="og:site_name" content="Centro de Graduados FIUBA"> 19 <meta property="og:title" content="Blog â Centro de Graduados FIUBA"> 20 <meta property="og:description" content="Centro de Graduados de la Facultad de IngenierÃa de la UBA. Cursos, actividades y artÃculos para la actualización profesional."> 21 <meta property="og:image" content="https://graduadosfiuba.org/static/images/centro-graduados_1300x200.png"> 22 <meta property="og:url" content="https://graduadosfiuba.org/blog"> 23 <meta name="twitter:card" content="summary_large_image"> 24 25 <!-- ââ JSON-LD Organization ââââââââââââââââââââââââââââââââââââââ --> 26 27
27<script type="application/ld+json"> 28 { 29 "@context": "https://schema.org", 30 "@type": "Organization", 31 "name": "Centro de Graduados de la Facultad de IngenierÃa de la UBA", 32 "url": "https://graduadosfiuba.org", 33 "logo": "https://graduadosfiuba.org/static/images/logo.png", 34 "email": "[email protected]", 35 "sameAs": [ 36 "https://www.facebook.com/groups/768218933221173/", 37 "https://www.linkedin.com/in/graduadosfiuba/", 38 "https://www.youtube.com/channel/UCmXtpdu6SIFMDC5OATfFbyQ", 39 "https://github.com/centrograduadosFIUBA" 40 ] 41 } 42 </script>
42 43 44 45 <!-- ââ Tailwind CSS âââââââââââââââââââââââââââââââââââââââââââââââ --> 46
46<script src="https://cdn.tailwindcss.com"></script>
46 47
47<script> 48 tailwind.config = { 49 theme: { 50 extend: { 51 colors: { 52 navy: { DEFAULT: '#121A3B', light: '#1e2d5e' }, 53 blue: { DEFAULT: '#7586CC', light: '#BFCAF4', pale: '#e8edfb' }, 54 gold: { DEFAULT: '#D8B54B', light: '#FFE183', pale: '#FFF0C0' }, 55 brown: { DEFAULT: '#564612', light: '#8a6e20' }, 56 }, 57 fontFamily: { 58 display: ['Lora', 'Georgia', 'serif'], 59 body: ['Source Sans Pro', 'sans-serif'], 60 ui: ['Montserrat', 'sans-serif'], 61 }, 62 } 63 } 64 } 65 </script>
65 66 67 <!-- ââ TipografÃas ââââââââââââââââââââââââââââââââââââââââââââââââ --> 68 <link rel="preconnect" href="https://fonts.googleapis.com"> 69 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 70 <link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;600;700&family=Montserrat:wght@400;500;600;700&family=Source+Sans+Pro:wght@300;400;600&display=swap" rel="stylesheet"> 71 72 <!-- ââ Favicon ââââââââââââââââââââââââââââââââââââââââââââââââââââ --> 73 <link rel="icon" href="/static/images/favicon.png" sizes="64x64" type="image/png"> 74 75 <!-- ââ Google AdSense âââââââââââââââââââââââââââââââââââââââââââââ --> 76
76<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9360099148680509" crossorigin="anonymous"></script>
76 77 <!-- ââ reCAPTCHA v3 âââââââââââââââââââââââââââââââââââââââââââââââ -->
vendor: 63 bytes, lines 77-78
77 78 <script src="https://www.google.com/recaptcha/api.js?render=
786LfPJg0iAAAAAC1WdlnuC5-3F1v1nirgwNzYEujT
vendor: 15 bytes, lines 78-80
78"></script> 79 80
80<style> 81 body { font-family: 'Source Sans Pro', sans-serif; } 82 .font-display { font-family: 'Lora', Georgia, serif; } 83 .font-ui { font-family: 'Montserrat', sans-serif; } 84 85 /* Skip link (accesibilidad) */ 86 .skip-link { 87 position: absolute; top: -100%; left: 1rem; 88 background: #121A3B; color: #FFE183; 89 padding: 0.5rem 1rem; border-radius: 0 0 0.5rem 0.5rem; 90 font-family: 'Montserrat', sans-serif; font-size: 0.875rem; font-weight: 600; 91 z-index: 9999; text-decoration: none; 92 transition: top 0.2s ease; 93 } 94 .skip-link:focus { top: 0; } 95 96 /* Focus visible global */ 97 :focus-visible { 98 outline: 2px solid #7586CC; 99 outline-offset: 3px; 100 border-radius: 4px; 101 } 102 103 /* Animaciones de entrada */ 104 @keyframes fadeUp { 105 from { opacity: 0; transform: translateY(18px); } 106 to { opacity: 1; transform: translateY(0); } 107 } 108 .fade-up { animation: fadeUp 0.55s ease both; } 109 .fade-up-2 { animation: fadeUp 0.55s 0.12s ease both; } 110 .fade-up-3 { animation: fadeUp 0.55s 0.22s ease both; } 111 112 /* Respetar preferencia de movimiento reducido */ 113 @media (prefers-reduced-motion: reduce) { 114 *, *::before, *::after { 115 animation-duration: 0.01ms !important; 116 animation-iteration-count: 1 !important; 117 transition-duration: 0.01ms !important; 118 } 119 } 120 121 /* Card hover */ 122 .card-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; } 123 .card-hover:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(18,26,59,0.15); } 124 125 /* Nav link subrayado animado */ 126 .nav-link { position: relative; } 127 .nav-link::after { 128 content: ''; position: absolute; bottom: -3px; left: 0; 129 width: 0; height: 2px; background: #FFE183; 130 transition: width 0.25s ease; 131 } 132 .nav-link:hover::after, 133 .nav-link[aria-current="page"]::after { width: 100%; } 134 135 /* Scrollbar personalizada */ 136 ::-webkit-scrollbar { width: 6px; } 137 ::-webkit-scrollbar-track { background: #e8edfb; } 138 ::-webkit-scrollbar-thumb { background: #7586CC; border-radius: 3px; } 139 </style> 140 141</head> 142<body class="bg-gray-50 text-gray-800"> 143 144 <!-- Skip link: permite a usuarios de teclado/lectores de pantalla saltar la navegación --> 145 <a href="#main-content" class="skip-link">Saltar al contenido principal</a> 146 147 <header class="bg-white shadow-sm"> 148 <!-- Banda superior --> 149 <div class="max-w-6xl mx-auto px-4 py-4 flex flex-wrap items-center justify-between gap-4"> 150 151 <!-- Logo --> 152 <a href="/" class="flex-shrink-0"> 153 <img loading="lazy" src="/static/images/logoc.png" width="90" height="90" 154 alt="Centro de Graduados FIUBA" 155 class="rounded-full shadow-md hover:scale-105 transition-transform duration-200"> 156 </a> 157 158 <!-- Descripción --> 159 <p class="font-display text-blue font-semibold text-sm sm:text-base max-w-lg text-justify leading-relaxed hidden sm:block"> 160 El centro de graduados de la facultad de ingenierÃa es una asociación de profesionales que brinda 161 diversas alternativas de actualización y posibilidades de vinculación e intercambio con profesionales 162 de diversas especialidades. 163 </p> 164 165 <!-- Redes sociales --> 166 <nav class="flex items-center gap-3" aria-label="Redes sociales"> 167 <a href="https://web.facebook.com/groups/768218933221173/" target="_blank" rel="noopener" 168 aria-label="Facebook del Centro de Graduados FIUBA (abre en nueva pestaña)" 169 class="text-gray-500 hover:text-blue transition-colors p-1 rounded"> 170 <img src="/static/images/Facebook.svg" alt="" aria-hidden="true" class="w-5 h-5"> 171 </a> 172 <a href="https://twitter.com/GraduadosFIUBA" target="_blank" rel="noopener" 173 aria-label="Twitter de Graduados FIUBA (abre en nueva pestaña)" 174 class="text-gray-500 hover:text-blue transition-colors p-1 rounded"> 175 <img src="/static/images/Twitter.svg" alt="" aria-hidden="true" class="w-5 h-5"> 176 </a> 177 <a href="https://www.linkedin.com/in/graduadosfiuba/" target="_blank" rel="noopener" 178 aria-label="LinkedIn de Graduados FIUBA (abre en nueva pestaña)" 179 class="text-gray-500 hover:text-blue transition-colors p-1 rounded"> 180 <img src="/static/images/Linkedin.svg" alt="" aria-hidden="true" class="w-5 h-5"> 181 </a> 182 <a href="https://www.youtube.com/channel/UCmXtpdu6SIFMDC5OATfFbyQ" target="_blank" rel="noopener" 183 aria-label="Canal de YouTube de Graduados FIUBA (abre en nueva pestaña)" 184 class="text-gray-500 hover:text-blue transition-colors p-1 rounded"> 185 <img src="/static/images/YouTube.svg" alt="" aria-hidden="true" class="w-5 h-5"> 186 </a> 187 <a href="https://github.com/centrograduadosFIUBA" target="_blank" rel="noopener" 188 aria-label="GitHub del Centro de Graduados FIUBA (abre en nueva pestaña)" 189 class="text-gray-500 hover:text-blue transition-colors p-1 rounded"> 190 <img src="/static/images/github0.svg" alt="" aria-hidden="true" class="w-5 h-5"> 191 </a> 192 <a href="https://www.meetup.com/es/Pasion-por-la-tecnologia/" target="_blank" rel="noopener" 193 aria-label="Meetup del Centro de Graduados FIUBA (abre en nueva pestaña)" 194 class="text-gray-500 hover:text-blue transition-colors p-1 rounded"> 195 <img src="/static/images/meet.png" alt="" aria-hidden="true" class="w-5 h-5 object-contain"> 196 </a> 197 </nav> 198 </div> 199 200 <!-- Barra de navegación --> 201 <nav class="bg-navy font-ui" aria-label="Navegación principal"> 202 <div class="max-w-6xl mx-auto px-4"> 203 <ul class="flex flex-wrap items-center justify-around sm:justify-start gap-1" role="list"> 204 <li> 205 <a href="/" class="nav-link block px-4 py-3 text-white text-sm font-semibold uppercase tracking-wide hover:text-gold-light transition-colors" 206 > 207 Inicio 208 </a> 209 </li> 210 <li> 211 <a href="/actividades" class="nav-link block px-4 py-3 text-white text-sm font-semibold uppercase tracking-wide hover:text-gold-light transition-colors" 212 > 213 Actividades 214 </a> 215 </li> 216 <li> 217 <a href="https://ia.tuexitoprofesional.com.ar" target="_blank" rel="noopener" 218 aria-label="Cursos (abre en nueva pestaña)" 219 class="nav-link block px-4 py-3 text-white text-sm font-semibold uppercase tracking-wide hover:text-gold-light transition-colors"> 220 Cursos <span aria-hidden="true" class="text-xs opacity-60">â</span> 221 </a> 222 </li> 223 <li> 224 <a href="https://tuexitoprofesional.com.ar" target="_blank" rel="noopener" 225 aria-label="Cooperativa de trabajo (abre en nueva pestaña)" 226 class="nav-link block px-4 py-3 text-white text-sm font-semibold uppercase tracking-wide hover:text-gold-light transition-colors"> 227 Cooperativa <span aria-hidden="true" class="text-xs opacity-60">â</span> 228 </a> 229 </li> 230 <li> 231 <a href="/blog" class="nav-link block px-4 py-3 text-white text-sm font-semibold uppercase tracking-wide hover:text-gold-light transition-colors" 232 aria-current="page"> 233 Blog 234 </a> 235 </li> 236 </ul> 237 </div> 238 </nav> 239</header> 240
241 <main id="main-content" class="min-h-screen" tabindex="-1"> 242 243<div class="max-w-6xl mx-auto px-4 py-8 flex flex-col lg:flex-row gap-6"> 244 245 <section class="flex-1 min-w-0"> 246 <h1 class="font-display font-bold text-navy text-2xl mb-6 pb-3 border-b border-blue-pale fade-up"> 247 Blog 248 </h1> 249 250 <div class="grid grid-cols-1 sm:grid-cols-2 gap-5"> 251 252 <article class="bg-white rounded-xl shadow-sm border border-blue-pale overflow-hidden card-hover fade-up"> 253 <div class="h-40 overflow-hidden"> 254 <img loading="lazy" src="/static/images/centro-graduados.png" alt="Centro de Graduados" 255 class="w-full h-full object-cover"> 256 </div> 257 <div class="p-5"> 258 <h3 class="font-display font-bold text-navy text-base mb-2 leading-snug"> 259 ¿Qué es el Centro de Graduados de la Facultad de IngenierÃa de la UBA? 260 </h3> 261 <p class="font-body text-gray-600 text-sm leading-relaxed mb-3"> 262 El Centro de Graduados es una Asociación Civil, la IGJ le otorgó la personerÃa jurÃdica en el año 2016. 263 Es una comunidad abierta, no es necesario ser graduado ni de la UBA para participar. 264 </p> 265 <a href="/articulos/centro-graduados" 266 class="inline-block font-ui text-sm font-semibold text-blue hover:text-navy transition-colors"> 267 Ver artÃculo â 268 </a> 269 </div> 270 </article> 271 272 <article class="bg-white rounded-xl shadow-sm border border-blue-pale overflow-hidden card-hover fade-up-2"> 273 <div class="h-40 overflow-hidden"> 274 <img loading="lazy" src="/static/images/cooperativa-de-trabajo.jpg" alt="Cooperativa de trabajo" 275 class="w-full h-full object-cover"> 276 </div> 277 <div class="p-5"> 278 <h3 class="font-display font-bold text-navy text-base mb-2 leading-snug"> 279 ¿Qué es una cooperativa de trabajo? 280 </h3> 281 <p class="font-body text-gray-600 text-sm leading-relaxed mb-3"> 282 Una cooperativa de trabajo es una empresa. A diferencia de una SA o SRL, en una cooperativa todos los 283 socios son dueños de la empresa. 284 </p> 285 <a href="/articulos/cooperativa" 286 class="inline-block font-ui text-sm font-semibold text-blue hover:text-navy transition-colors"> 287 Ver artÃculo â 288 </a> 289 </div> 290 </article> 291 292 <article class="bg-white rounded-xl shadow-sm border border-blue-pale overflow-hidden card-hover fade-up"> 293 <div class="h-40 overflow-hidden"> 294 <img loading="lazy" src="/static/images/industria-40.jpg" alt="Industria 4.0" 295 class="w-full h-full object-cover"> 296 </div> 297 <div class="p-5"> 298 <h3 class="font-display font-bold text-navy text-base mb-2 leading-snug"> 299 ¿Qué es la cuarta revolución industrial? 300 </h3> 301 <p class="font-body text-gray-600 text-sm leading-relaxed mb-3"> 302 La cuarta revolución industrial representa una sustancial "vuelta de rosca". La inteligencia artificial 303 viene a revolucionar el campo de la informática. 304 </p> 305 <a href="/articulos/revolucion-industrial" 306 class="inline-block font-ui text-sm font-semibold text-blue hover:text-navy transition-colors"> 307 Ver artÃculo â 308 </a> 309 </div> 310 </article> 311 312 <article class="bg-white rounded-xl shadow-sm border border-blue-pale overflow-hidden card-hover fade-up-2"> 313 <div class="h-40 overflow-hidden"> 314 <img loading="lazy" src="/static/images/informatica.webp" alt="Informática" 315 class="w-full h-full object-cover"> 316 </div> 317 <div class="p-5"> 318 <h3 class="font-display font-bold text-navy text-base mb-2 leading-snug"> 319 ¿Por qué la informática? ¿Por qué el software? 320 </h3> 321 <p class="font-body text-gray-600 text-sm leading-relaxed mb-3"> 322 La informática es transversal a todos los temas. La demanda de programadores es sostenida, 323 previéndose que seguirá creciendo. 324 </p> 325 <a href="/articulos/porque-informatica" 326 class="inline-block font-ui text-sm font-semibold text-blue hover:text-navy transition-colors"> 327 Ver artÃculo â 328 </a> 329 </div> 330 </article> 331 332 <article class="bg-white rounded-xl shadow-sm border border-blue-pale overflow-hidden card-hover fade-up"> 333 <div class="h-40 overflow-hidden"> 334 <img loading="lazy" src="/static/images/inteligencia-artifificla.jpeg" alt="Inteligencia Artificial" 335 class="w-full h-full object-cover"> 336 </div> 337 <div class="p-5"> 338 <h3 class="font-display font-bold text-navy text-base mb-2 leading-snug"> 339 ¿Por qué la inteligencia artificial? 340 </h3> 341 <p class="font-body text-gray-600 text-sm leading-relaxed mb-3"> 342 Estamos viviendo la revolución de los datos. Solo desde hace muy poco tiempo se están cumpliendo 343 predicciones que profetizaban que la computadora podÃa competir con la mente humana. 344 </p> 345 <a href="/articulos/inteligencia-artificial" 346 class="inline-block font-ui text-sm font-semibold text-blue hover:text-navy transition-colors"> 347 Ver artÃculo â 348 </a> 349 </div> 350 </article> 351 352 <article class="bg-white rounded-xl shadow-sm border border-blue-pale overflow-hidden card-hover fade-up-2"> 353 <div class="h-40 overflow-hidden"> 354 <img loading="lazy" src="/static/images/Pyton.jpg" alt="Python" 355 class="w-full h-full object-cover"> 356 </div> 357 <div class="p-5"> 358 <h3 class="font-display font-bold text-navy text-base mb-2 leading-snug"> 359 ¿Por qué Python? 360 </h3> 361 <p class="font-body text-gray-600 text-sm leading-relaxed mb-3"> 362 Python es fácil de aprender, de propósito general, modular, con una enorme comunidad y ampliamente 363 adoptado por la comunidad cientÃfica e IA. 364 </p> 365 <a href="/articulos/porque-pyton" 366 class="inline-block font-ui text-sm font-semibold text-blue hover:text-navy transition-colors"> 367 Ver artÃculo â 368 </a> 369 </div> 370 </article> 371 372 <article class="bg-white rounded-xl shadow-sm border border-blue-pale overflow-hidden card-hover fade-up"> 373 <div class="h-40 overflow-hidden"> 374 <img loading="lazy" src="/static/images/data.jpg" alt="Data Integration" 375 class="w-full h-full object-cover"> 376 </div> 377 <div class="p-5"> 378 <h3 class="font-display font-bold text-navy text-base mb-2 leading-snug"> 379 ¿Cuál es la Importancia de Data Integration? 380 </h3> 381 <p class="font-body text-gray-600 text-sm leading-relaxed mb-3"> 382 Los datos son el combustible con que cuentan las organizaciones para la toma de decisiones. 383 Quienes deciden requieren información precisa, oportuna y en tiempo real. 384 </p> 385 <a href="/articulos/data-integration" 386 class="inline-block font-ui text-sm font-semibold text-blue hover:text-navy transition-colors"> 387 Ver artÃculo â 388 </a> 389 </div> 390 </article> 391 392 </div> 393 </section> 394 395 <aside class="w-full lg:w-72 flex-shrink-0"> 396 <div class="bg-brown rounded-xl p-5 shadow-lg sticky top-4"> 397 <h3 class="font-ui font-semibold text-center text-brown bg-gold-pale rounded-lg px-3 py-2 text-sm mb-4"> 398 Suscribite para recibir información de nuestras actividades, convocatorias y comunidades 399 </h3> 400 <form action="/envio" method="post" id="form-suscripcion" class="space-y-3"> 401 <div> 402 <label for="ape" class="block text-xs text-gold-pale font-ui mb-1">Apellidos *</label> 403 <input type="text" name="ape" id="ape" required maxlength="26" placeholder="Apellidos" 404 class="w-full rounded-lg px-3 py-2 text-sm bg-white text-gray-800 border-0 focus:ring-2 focus:ring-gold outline-none"> 405 </div> 406 <div> 407 <label for="nom" class="block text-xs text-gold-pale font-ui mb-1">Nombres</label> 408 <input type="text" name="nom" id="nom" maxlength="30" placeholder="Nombres"
409 class="w-full rounded-lg px-3 py-2 text-sm bg-white text-gray-800 border-0 focus:ring-2 focus:ring-gold outline-none"> 410 </div> 411 <div> 412 <label for="email" class="block text-xs text-gold-pale font-ui mb-1">Email *</label> 413 <input type="email" name="email" id="email" required maxlength="70" placeholder="[email protected]" 414 class="w-full rounded-lg px-3 py-2 text-sm bg-white text-gray-800 border-0 focus:ring-2 focus:ring-gold outline-none"> 415 </div> 416 <div> 417 <label for="tel" class="block text-xs text-gold-pale font-ui mb-1">Celular *</label> 418 <input type="tel" name="tel" id="tel" required maxlength="20" placeholder="(54) 11-3030-3030" 419 class="w-full rounded-lg px-3 py-2 text-sm bg-white text-gray-800 border-0 focus:ring-2 focus:ring-gold outline-none"> 420 </div> 421 <input type="hidden" name="token" id="token"> 422 <input type="hidden" name="action" id="action" value="registro"> 423 <button type="submit" 424 class="w-full font-ui font-semibold text-sm bg-gold hover:bg-gold-light text-brown py-2.5 rounded-lg transition-colors duration-200 mt-2"> 425 Enviar 426 </button> 427 </form> 428 </div> 429</aside> 430 431</div> 432 433 </main> 434 435 <footer class="bg-navy text-white font-display mt-10"> 436 <div class="max-w-6xl mx-auto px-4 py-8"> 437 <div class="text-center mb-4"> 438 <p class="font-semibold text-gold-light text-lg">(54) 11 15-6050-1859</p> 439 <p class="text-blue-light text-sm mt-1">Doblas 160 - Piso 15 dpto 4, Ciudad Autónoma de Buenos Aires, Argentina C1424CCO</p> 440 </div> 441 <hr class="border-blue opacity-30 my-4"> 442 <p class="text-xs text-blue-light text-justify leading-relaxed opacity-80"> 443 (*) El Centro de Graduados de la Facultad de IngenierÃa de la UBA (no es una Institución oficial de la UBA) 444 es una Asociación Civil Independiente, abierta a toda la comunidad, que NO Depende de la Facultad de IngenierÃa 445 de la Universidad de Buenos Aires, con personerÃa jurÃdica otorgada por la Inspección General de Justicia el 446 16 de febrero de 2016, fundada y dirigida por Graduados de dicha Facultad, con el propósito de cooperar con 447 las Facultades de IngenierÃa del paÃs, en aquellos aspectos que éstas lo requieran, mediante diversas polÃticas 448 tÃpicas enumeradas en su estatuto. 449 </p> 450 <p class="text-center text-xs text-blue-light opacity-50 mt-4">© 2025 Centro de Graduados FIUBA</p> 451 </div> 452</footer> 453 454
454<script> 455 grecaptcha.ready(function() { 456 const siteKey = "6LfPJg0iAAAAAC1WdlnuC5-3F1v1nirgwNzYEujT"; 457 if (!siteKey) return; 458 grecaptcha.execute(siteKey, {action: 'registro'}).then(function(token) { 459 const el = document.getElementById('token'); 460 if (el) el.value = token; 461 }); 462 }); 463 </script>
463 464 465</body> 466</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.