First Commit

Setup repo and website
This commit is contained in:
2024-11-21 09:29:25 +01:00
commit a6f764245d
524 changed files with 357923 additions and 0 deletions

View File

@@ -0,0 +1,734 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Formación</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<link rel="stylesheet" href="formacion.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== -1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h1>FORMACIÓN</h1>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-3 tm-section-mb" id="tm-section-3">
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<p>Los precios indicados para los cursos no incluyen el IVA</p>
<div id="ApiWebDMVC" class="media media-center ml-padding">
</div>
<div id="elastic" class="media media-center ml-padding">
</div>
<div id="linuxDelphi" class="media media-center ml-padding">
</div>
<div id="delphi1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<section class="tm-section-4 tm-section-mb">
</section>
<section class="tm-section-5" id="tm-section-5">
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="delphi2" class="media media-center ml-padding">
</div>
<div id="firemonkey" class="media media-center ml-padding">
</div>
<div id="multithreading" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<section class="tm-section-4 tm-section-mb">
</section>
<section class="tm-section-5" id="tm-section-5">
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="workshop_webMobile" class="media media-center ml-padding">
</div>
<div id="backendDelphi" class="media media-center ml-padding">
</div>
<div id="CppBuilder1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<section class="tm-section-4 tm-section-mb">
</section>
<section class="tm-section-5" id="tm-section-5">
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="CppBuilder2" class="media media-center ml-padding">
</div>
<div id="dmvcFramework" class="media media-center ml-padding">
</div>
<div id="angular" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<section class="tm-section-4 tm-section-mb" id="tm-section-4">
</section>
<section class="tm-section-5" id="tm-section-5">
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="python" class="media media-center ml-padding">
</div>
<div id="pythonFlask" class="media media-center ml-padding">
</div>
<div id="PHP" class="media media-center ml-padding">
</div>
</div>
</section>
<section class="tm-section-4 tm-section-mb" id="tm-section-4">
</section>
<section class="tm-section-5" id="tm-section-5">
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="workshop_codeVersioning" class="media media-center ml-padding">
</div>
<div id="googleSDK" class="media media-center ml-padding">
</div>
<div id="redis" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<section class="tm-section-4 tm-section-mb" id="tm-section-4">
</section>
<section class="tm-section-3 tm-section-mb" id="tm-section-6">
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="parallelProgramming" class="media media-center ml-padding">
</div>
<div id="OOPDesignPattern" class="media media-center ml-padding">
</div>
<div id="microsoftSQLServer" class="media media-center ml-padding">
</div>
<section class="tm-section-4 tm-section-mb" id="tm-section-4">
</section>
<section class="tm-section-5" id="tm-section-5">
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="fireDAC" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre" required />
</div>
<div class="form-group col-xl-6 pl-xl-1">
<input type="email" id="contact_email" name="contact_email" class="form-control"
placeholder="Correo electrónico" required />
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control"
rows="6" placeholder="Escribe aquí tu mensaje." required></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<!-- <p class="mb-5">Integer pretium volutpat tempor. Maecenas condimentum tincidunt leo. Paesent scelerisque erat placerat tempus laoreet. Vivamus pellentesque tempor congue.</p> -->
<address>
<a class="no-link" href="https://www.google.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-right: 0.1em"></i></a>
<a class="no-link" href="https://www.google.it/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904327,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés, 3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
<br>Nuestras oficinas están abiertas de Lunes a Viernes.
<br>De 9h a 14h / 15h a 18h
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<script type="text/javascript">
const courses = {
ApiWebDMVC: `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<h2>Web API con Delphi y DMVCFramework</h2>
<br>
<b>Duración: 2 días | Precio: € 490</b><br>
La disponibilidad de datos corporativos de forma remota no es una opción. Sus empleados necesitan acceso a información vital, incluso cuando no están en su puesto. En este curso, descubrirá lo simple (y poderoso) que es usar Delphi para escribir servicios RESTful / JSON usando DelphiMVCFramework. En este curso analizaremos todas las peculiaridades de DelphiMVCFramework, el framework apreciado en todo el mundo por su rapidez y sencillez. ¡El taller incluye el desarrollo real de un servidor RESTful completo y un cliente web javascript! ¡Este es el curso perfecto para aquellos que desean aprender a desarrollar web API con Delphi de forma rápida y sencilla!
</p>
</div><br>`,
elastic: `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<h2>ELK Stack (Elasticsearch, Logstash, Kibana)</h2>
<br>
<b>Duración: 2 días | Precio: € 900</b><br>
Este curso proporciona una introducción al uso de la pila ELK (Elasticsearch, Logstash, Kibana)
para leer, normalizar, procesar, indexar, mostrar datos y series temporales.
Elasticsearch, el producto principal de la suite, es un motor de búsqueda profesional capaz de administrar Big Data
de manera efectiva en cualquier aplicación / sitio web.
</p>
</div><br>`,
linuxDelphi: `<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<h2>Desarollo Linux Con Delphi</h2>
<br>
<b>Duración: 1 día | Precio: € 399</b><br>
Si desea desarrollar finalmente en el sistema operativo mas difundido en ambiente servidor,
este curso es para usted. En este curso intensivo, analizaremos los fundamentos del sistema operativo Linux GNU
necesario para el desarrollo nativo con Delphi. ¡Los servicios RESTful y servidores de todo tipo finalmente pueden
ejecutarse en el sistema operativo del pinguino con la familiaridad y el rendimiento de Delphi!
Nota: El curso se basa en la última versión de Ubuntu LTS. Necesitará tener una máquina virtual VirtualBox ejecutándose
con la última versión de Ubuntu Desktop LTS.
</p>
</div><br>`,
delphi1: `<div class="media-body tm-box-5">
<h2>Delphi Parte 1</h2>
<br>
<b>Duración: 2 días | Precio: € 600</b><br>
<p class="mb-0" id="tm-section-4">
Un curso clásico, uno de los más apreciados por los programadores de Delphi. No te pierdas la actualización a Delphi 10.3 Rio,
una de las mejores versiones de la historia.
</p>
</div><br>`,
delphi2: `<div class="media-body tm-box-5">
<h2>Delphi Parte 2</h2>
<br>
<b>Duración: 2 días | Precio: € 600</b><br>
<p class="mb-0" id="tm-section-4">
Un curso clásico, uno de los más apreciados por los programadores de Delphi. No te pierdas la actualización a Delphi 10.3 Rio,
una de las mejores versiones de la historia.
</p>
</div><br>`,
firemonkey: `<div class="media-body tm-box-5">
<h2>Desarrollo FireMonkey móvil para programadores VCL</h2>
<br>
<b>Duración: 3 días | Precio: 900 €</b><br>
<p class="mb-0" id="tm-section-4">
¿Eres un programador Delphi desde hace mucho tiempo y te gustaría entender lo que se necesita para escribir
correctamente una aplicación con FireMonkey? ¿Deseas evitar perder tiempo y dinero tratando de resolver los
problemas habituales relacionados con los dispositivos móviles? Este curso está hecho para ti!
</p>
</div><br>`,
multithreading: `<div class="media-body tm-box-5">
<h2>Técnicas de multithreading</h2>
<br>
<b>Duración: 1 día | Precio: 299 €</b><br>
<p class="mb-0" id="tm-section-4">
Este curso te ayudará a mejorar el rendimiento y la experiencia usuario de tus programas con ejemplos
y casos de uso real.
</p>
</div><br>`,
workshop_webMobile: `<div class="media-body tm-box-5">
<h2>Workshop: "Tus datos en la web / móvil con Delphi".</h2>
<br>
<b>Duración: 2 días | Precio: € 600</b><br>
<p class="mb-0" id="tm-section-4">
Incluye el desarrollo real de un sistema Web Móvil completo utilizando DelphiMVCFramework.
</p>
</div><br>`,
backendDelphi: `<div class="media-body tm-box-5">
<h2>BackEnd Delphi</h2>
<br>
<b>Duración: 1 día | Precio: € 300</b><br>
<p class="mb-0" id="tm-section-4">
Aprenda a explotar la potencia del fantástico framework angular de Google para escribir
Thin Clients Web para tus servicios RESTful Delphi.
</p>
</div><br>`,
CppBuilder1: `<div class="media-body tm-box-5">
<h2>C ++ Builder 10.3 Rio Desarrollo de aplicaciones Parte 1</h2>
<br>
<b>Duración: 2 días | Precio: € 600</b><br>
<p class="mb-0" id="tm-section-4">
El curso es apto para aquellos que inician con C++ Builder.
</p>
</div><br>`,
CppBuilder2: `<div class="media-body tm-box-5">
<h2>C ++ Builder 10.3 Rio Desarrollo de aplicaciones Parte 2</h2>
<br>
<b>Duración: 2 días | Precio: € 600</b><br>
<p class="mb-0" id="tm-section-4">
El curso es apto para aquellos que inician con C++ Builder.
</p>
</div><br>`,
dmvcFramework: `<div class="media-body tm-box-5">
<h2>DelphiMVCFramework</h2>
<br>
<b>Duración: 2 días | Precio: € 600</b><br>
<p class="mb-0" id="tm-section-4">
En este curso analizaremos todas las peculiaridades de DelphiMVCFramework, el framework apreciado en todo el mundo
por su velocidad y simplicidad. ¡El curso incluye el desarrollo real de un completo servidor RESTful y un cliente web
javascript!
</p>
</div><br>`,
angular: `<div class="media-body tm-box-5">
<h2>Angular</h2>
<br>
<b>Duración: 3 días | Precio: € 900</b><br>
<p class="mb-0" id="tm-section-4">
Un curso intensivo de desarrollo de tres días con Angular y Typescript, para conocer todas las noticias y
los potenciales del nuevo framework de Google. Es absolutamente recomendable tener una PC/notebook personal
con usted para utilizarlo durante los ejercicios.
</p>
</div><br>`,
python: `<div class="media-body tm-box-5">
<h2>Curso Python</h2>
<br>
<b>Duración: 2 días | Precio: € 600</b><br>
<p class="mb-0" id="tm-section-4">
Python es un lenguaje de programación orientado a objetos, que se presta a múltiples usos: desde scripts simples
hasta aplicaciones web complejas. Python combina características muy potentes con una sintaxis sencilla e intuitiva,
que hace que el código sea limpio y fácil de leer.
</p>
</div><br>`,
pythonFlask: `<div class="media-body tm-box-5">
<h2>Desarrolla API con Python y Flask</h2>
<br>
<b>Duración: 1 día | Precio: € 300</b><br>
<p class="mb-0" id="tm-section-4">
Independientemente de la plataforma, es necesario crear API para servir datos entre diferentes aplicaciones Client
y los Endpoint. Se necesitan buenas API para los proyectos web y móviles, especialmente con enfoques como mobile-first.
Este curso de capacitación proporciona los conocimientos fundamentales necesarios para hacer posibles interacciones
altamente interconectadas entre las aplicaciones utilizando API RESTful.
</p>
</div><br>`,
PHP: `<div class="media-body tm-box-5">
<h2>Desarrolla API con PHP</h2>
<br>
<b>Duración: 1 día | Precio: € 300</b><br>
<p class="mb-0" id="tm-section-4">
Independientemente de la plataforma, es necesario crear API para servir datos entre diferentes aplicaciones Client
y los Endpoint. Se necesitan buenas API para los proyectos web y móviles, especialmente con enfoques mobile-first.
Este curso de capacitación proporciona los conocimientos fundamentales necesarios para hacer posibles
interacciones altamente interconectadas entre aplicaciones utilizando API RESTful.
</p>
</div><br>`,
workshop_codeVersioning: `<div class="media-body tm-box-5">
<h2>Workshop: "Control de versiones del código"</h2>
<br>
<b>Duración: 1 día | Precio: 350 €</b><br>
<p class="mb-0" id="tm-section-4">
En este curso, analizaremos las estrategias y técnicas que se adoptarán para controlar el control de versiones
de las fuentes utilizando GIT y Subversion.
</p>
</div><br>`,
googleSDK: `<div class="media-body tm-box-5">
<h2>Desarrollo de Android con el SDK de Google.</h2>
<br>
<b>Duración: 3 días | Precio: € 990</b><br>
<p class="mb-0" id="tm-section-4">
Para aquellos que quieren desarrollar aplicaciones para Android con Java y el SDK de Google.
</p>
</div><br>`,
redis: `<div class="media-body tm-box-5">
<h2>Redis: Cuando los duros empiezan a jugar.</h2>
<br>
<b>Duración: 1 día | Precio: 350 €</b><br>
<p class="mb-0" id="tm-section-4">
En algunos casos, un servidor de datos es esencial. Su aplicabilidad abarca desde aplicaciones web hasta aplicaciones
clásicas client/server. Un mundo nuevo, mucho más eficiente, para resolver viejos problemas. Si desea mejorar el
rendimiento de su aplicación e introducir funciones avanzadas sin distorsionar lo existente, este curso es para usted.
</p>
</div><br>`,
parallelProgramming: `<div class="media-body tm-box-5">
<h2>Hacer feliz a los usuarios con la Parallel Programming Library</h2>
<br>
<b>Duración: 1 día | Precio: 249 €</b><br>
<p class="mb-0" id="tm-section-4">
Desde hace años nos ocupamos de computadoras y dispositivos multinúcleo.
¿Cómo aprovechar al máximo el poder de estas máquinas para hacer feliz al cliente?
En este seminario web, analizaremos algunas características de la nueva Biblioteca de programación
paralela(Parallel Programming Library) introducida desde Delphi 10 Seattle
que puede hacer que nuestras aplicaciones sean rápidas y agradables de usar.
</p>
</div><br>`,
OOPDesignPattern: `<div class="media-body tm-box-5">
<h2>Aplicar realmente la OOP y el design pattern</h2>
<br>
<b>Duración: 3 días | Precio: € 900</b><br>
<p class="mb-0" id="tm-section-4">
"Este curso cambia tu vida" - cit. un participante
En este curso, apreciado por docenas de programadores en los últimos años, se abordan las fallas más obvias en el
diseño "clásico" y las relativas soluciones ofrecidas por los principios SOLID y de design pattern.
El curso incluye numerosos ejemplos y ejercicios.
</p>
</div><br>`,
microsoftSQLServer: `<div class="media-body tm-box-5">
<h2>Microsoft SQL Server: vuelva a escribir sus consultas(querys) para un mejor rendimiento</h2>
<br>
<b>Duración: 1 día | Precio: € 300</b><br>
<p class="mb-0" id="tm-section-4">
En comparación con otros lenguajes de programación, T-SQL no es un lenguaje difícil de aprender.
Descubre la naturaleza declarativa de este lenguaje y obten
el máximo rendimiento y poder de sus consultas(querys).
Este curso nos ayuda a responder a las preguntas: "¿Por qué esta query es tan lenta?", "¿Qué índices se utilizan y cómo?".
Los temas tratados sobre el lenguaje T-SQL permitirán mejorar la escritura de tu código.
</p>
</div><br>`,
fireDAC: `<div class="media-body tm-box-5">
<h2>FireDAC</h2>
<br>
<b>Duración: 2 días | Precio: € 600</b><br>
<p class="mb-0" id="tm-section-4">
El curso está dirigido a todos los programadores y analistas de Delphi. Todas las características de FireDAC
serán analizadas. Los ejercicios prácticos ilustrarán el uso de cada componente para mejorar la productividad,
la calidad, la solidez y la elegancia del código y de la aplicación producida. Los objetivos del curso son los siguientes:
Familiarizarse con los componentes de la suite FireDAC, conocer en profundidad las diversas opciones de personalización
y utilizarlas en los escenarios más difundidos.
</p>
</div><br>`
};
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("navigation-bar").innerHTML = `
<nav class="navbar navbar-expand-sm bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<!-- Dropdown -->
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu no-line-link">
<a class="dropdown-item" href="../tecnologia/aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="../tecnologia/arduino.html">Arduino</a>
<a class="dropdown-item" href="../tecnologia/bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="../tecnologia/delphi.html">Delphi</a>
<a class="dropdown-item" href="../tecnologia/elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="../tecnologia/machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="../tecnologia/python.html">Python</a>
<a class="dropdown-item" href="../tecnologia/raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="../tecnologia/restsoap.html">Rest y Soap</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../tecnologia/aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../tecnologia/arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../tecnologia/bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../tecnologia/delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../tecnologia/elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../tecnologia/machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../tecnologia/python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../tecnologia/raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../tecnologia/restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="#sn-section" data-dismiss="modal" aria-label="Close">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
const paragraph = document.querySelectorAll('.media');
paragraph.forEach((p) => {
p.innerHTML = courses[p.id];
p.innerHTML += `
<br><a class="btn tm-btn-pad-2 float-right" href="` + 'cursos/' + p.id + '.html' + `" > ` + 'LEE EL PROGRAMA' + ` </a>
<br><br><br><hr>`;
});
if (this.mediaQueryInUse == 'mobile') {
const paragraph = document.querySelectorAll('.media');
paragraph.forEach((p) => {
p.className = 'adjust-mobile-layout';
});
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(function () {
if (renderPage) {
$('body').addClass('loaded');
}
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
});
</script>
</body>
</html>