PageSourceSearch

https://graduadosfiuba.org/blog

html graduadosfiuba.org collected 2026-10-07 09:00:25 UTC 23,300 bytes, 466 lines download raw bytes

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 &nbsp;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.