{"version":3,"sources":["images/foto_perfil.jpg","components/Header.js","components/Footer.js","components/Formacion.js","components/Experiencia.js","components/ConocimientosBD.js","components/ConocimientosLenguaje.js","components/OtrosConocimientos.js","components/ImagenMain.js","components/Informacion.js","components/About.js","components/Main.js","routes/DynamicScrollToTop.js","App.js","serviceWorker.js","index.js"],"names":["module","exports","Header","css","Navbar","bg","variant","expand","Brand","href","Toggle","aria-controls","Collapse","id","Nav","className","Link","as","to","NavDropdown","title","Item","Footer","yyyy","Date","getFullYear","role","rel","target","Formacion","src","foto","alt","Experiencia","ConocimientosBD","ConocimientosLenguaje","OtrosConocimientos","ImagenMain","Informacion","type","About","Main","withRouter","props","useEffect","console","log","history","action","hash","location","element","document","querySelector","scrollIntoView","block","behavior","window","scrollTo","App","exact","path","component","conocimientosBD","conocimientosLenguaje","otrosConocimientos","Boolean","hostname","match","ReactDOM","render","StrictMode","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","message"],"mappings":"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","file":"static/js/main.96f1452e.chunk.js","sourcesContent":["module.exports = \"data:image/jpeg;base64,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\"","import React from 'react';\r\nimport { Nav, Navbar, NavDropdown } from 'react-bootstrap';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst Header = ({css}) => {\r\n    return ( \r\n       \r\n        <Navbar bg=\"dark\" variant=\"dark\" expand=\"lg\">\r\n        <Navbar.Brand href=\"/\">Jose A. Navas</Navbar.Brand>\r\n        <Navbar.Toggle aria-controls=\"basic-navbar-nav\" />\r\n        <Navbar.Collapse id=\"basic-navbar-nav\">\r\n          <Nav className=\"mr-auto\">\r\n            <Nav.Link as={Link} to=\"/Formacion\">Formacion</Nav.Link>\r\n            <Nav.Link as={Link} to=\"/Experiencia\">Experiencia</Nav.Link>\r\n            <NavDropdown title=\"Conocimientos\" id=\"basic-nav-dropdown\">\r\n              <NavDropdown.Item as={Link} to=\"/conocimientosBD\">Bases de datos</NavDropdown.Item>\r\n              <NavDropdown.Item as={Link} to=\"/conocimientosLenguaje\">Lenguajes</NavDropdown.Item>\r\n              <NavDropdown.Item as={Link} to=\"/otrosConocimientos\">Otros</NavDropdown.Item>\r\n            </NavDropdown>\r\n          </Nav>\r\n        </Navbar.Collapse>\r\n      </Navbar>\r\n      \r\n     );\r\n\r\n     \r\n}\r\n \r\nexport default Header;\r\n    \r\n","import React, { Fragment } from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst Footer = () => {\r\n\r\n    let year = new Date();\r\n    let yyyy = year.getFullYear();\r\n    return ( \r\n        <Fragment>\r\n           <footer role=\"contentinfo\">\r\n                <div className=\"footer-middle\">\r\n                    <div className=\"container text-center\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-4 col-sm-6\">\r\n                            \r\n                                <div className=\"footer-pad\">\r\n                                    <h2>Acerca de la Web</h2>\r\n                                    <ul className=\"list-unstyled\">\r\n                                        <li></li>\r\n                                        <li><p className=\"parrafoFooter\">Web curriculum personal desarrollada con React hooks y diseñada con Bootstrap 4.</p></li>\r\n                                    </ul>\r\n                                </div>\r\n                            </div>\r\n                        <div className=\"col-md-4 col-sm-6\">\r\n                        \r\n                            <div className=\"footer-pad\">\r\n                                <h2>Enlaces</h2>\r\n                                <ul className=\"list-unstyled\">\r\n                                    <li></li>\r\n                                    <li> <Link to={'/Formacion'}>\r\n                                            Formacion\r\n                                        </Link></li>\r\n                                    <li> <Link to={'/Experiencia'}>\r\n                                        Experiencia\r\n                                    </Link></li>\r\n                                    <li> <Link to={'/ConocimientosBD'}>\r\n                                        Conocimientos BD\r\n                                    </Link></li>\r\n                                    <li> <Link to={'/ConocimientosLenguaje'}>\r\n                                        Conocimientos Lenguajes\r\n                                    </Link></li>\r\n                                    <li> <Link to={'/OtrosConocimientos'}>\r\n                                        Otros Conocimientos\r\n                                    </Link></li>\r\n                                    \r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                            <div className=\"col-md-4 col-sm-6\">\r\n                                <div className=\"footer-pad\">\r\n                                    <h2>Sigueme</h2>\r\n                                    <ul className=\"social-network social-circle\">\r\n                                    <li></li>\r\n                                    <li><a href=\"https://www.facebook.com/kuman33\" rel=\"noopener noreferrer\" target=\"_blank\" className=\"icoFacebook\" title=\"Facebook\"><i className=\"fa fa-facebook\"></i></a></li>\r\n                                    <li><a href=\"https://www.linkedin.com/in/jose-antonio-navas-ruiz-25694859/\" rel=\"noopener noreferrer\" target=\"_blank\" className=\"icoLinkedin\" title=\"Linkedin\"><i className=\"fa fa-linkedin\"></i></a></li>\r\n                                    <li> </li>\r\n                                    </ul>\t\t\t\r\n                                </div>\t\r\n                                < br />\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12 copy\">\r\n                                <p className=\"text-center\">&copy; Copyright {yyyy} - Jose A. Navas.  All rights reserved.</p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </footer>\r\n\r\n        </Fragment>\r\n\r\n\r\n     );\r\n}\r\n \r\nexport default Footer;","import React, { Fragment } from 'react';  \r\nimport Header from './Header';\r\nimport Footer from './Footer';\r\nimport foto from '../images/foto_perfil.jpg';\r\n\r\nconst Formacion = () => {\r\n    \r\n    let css = 'Formacion';\r\n    return (  \r\n        <Fragment>\r\n            <Header \r\n                css = {css}\r\n            />\r\n\r\n            <div className=\"wrapper\">\r\n        <div className=\"sidebar-wrapper\">\r\n            <div className=\"profile-container\">\r\n                <img className=\"profile rounded-circle imgYo ml-5\" src={foto} alt=\"\" />\r\n                <h1 className=\"name\">Jose Navas</h1>\r\n                <h3 className=\"tagline\">Full Stack Developer</h3>\r\n            </div>\r\n            \r\n            <div className=\"contact-container container-block\">\r\n                <ul className=\"list-unstyled contact-list\">\r\n                    <li className=\"email\"><i className=\"fa fa-envelope\"></i><a href=\"mailto: koeman1976sf@gmail.com\">koeman1976sf@gmail.com</a></li>\r\n                    <li className=\"website\"><i className=\"fa fa-globe\"></i><a href=\"http:www.joseanavas.com\" \r\n                        target=\"_blank\" rel=\"noopener noreferrer\">joseanavas.com</a></li>\r\n                    <li className=\"linkedin\"><i className=\"fa fa-linkedin\"></i><a href=\"https://www.linkedin.com/in/jose-antonio-navas-ruiz-25694859/\" \r\n                        target=\"_blank\" rel=\"noopener noreferrer\">linkedin</a></li>\r\n                    <li className=\"twitter\"><i className=\"fa fa-twitter\"></i><a href=\"https://twitter.com/koeman1976?s=09\" \r\n                    target=\"_blank\" rel=\"noopener noreferrer\">@koeman1976</a></li>\r\n                </ul>\r\n            </div>\r\n            <div className=\"education-container container-block\">\r\n                <h2 className=\"container-block-title\">DIRECCIÓN</h2>\r\n                <div className=\"item\">\r\n                    <h5 className=\"meta\">San Fernando de Henares </h5>\r\n\t                    <div className=\"time\">28830 MADRID (ESPAÑA)</div>\r\n                </div>\r\n            </div>\r\n            \r\n            <div className=\"languages-container container-block\">\r\n                <h2 className=\"container-block-title\">IDIOMAS</h2>\r\n                <ul className=\"list-unstyled interests-list\">\r\n                    <li>Español <span className=\"lang-desc\">(Native)</span></li>\r\n                    <li>Ingles <span className=\"lang-desc\">(Professional)</span></li>\r\n                </ul>\r\n            </div>\r\n            \r\n           \r\n            \r\n        </div>\r\n        \r\n        <div className=\"main-wrapper\">\r\n            \r\n            <section className=\"section experiences-section\">\r\n                <h2 className=\"section-title\"><span className=\"icon-holder\"><i className=\"fa fa-book\"></i></span>FORMACIÓN</h2>\r\n                \r\n                <div className=\"item\">\r\n                    <div className=\"meta\">\r\n                        <div className=\"upper-row\">\r\n                            <h3 className=\"job-title\">Curso React Hooks</h3>\r\n                            <div className=\"time\">Marzo 2020</div>\r\n                        </div>\r\n                        <div className=\"company\">Udemy.com</div>\r\n                    </div>\r\n                    <div className=\"details\">\r\n                        <p> - Curso online de React de 34 horas de videos, incluye 15 apps de ejemplo.<br />\r\n                        Incluye React Hooks, Gatsby y GraphQL, Firestore, Redux, Context, MERN, Next.js, \r\n                        Styled Components, Custom Hooks como parte de la formación del curso. \r\n                        </p>  \r\n                    </div>\r\n                </div>\r\n                \r\n                <div className=\"item\">\r\n                    <div className=\"meta\">\r\n                        <div className=\"upper-row\">\r\n                            <h3 className=\"job-title\">- MCTS (Microsoft Certified Technology Specialist)</h3>\r\n                            <div className=\"time\">Junio 2007</div>\r\n                        </div>\r\n                        <div className=\"company\">Microsoft </div>\r\n                    </div>\r\n                    <div className=\"details\">\r\n                        <p> - Certificado por Microsoft para desarrollo de aplicaciones Web y aplicaciones Windows.</p>  \r\n                        \r\n                    </div>\r\n                </div>\r\n                <div className=\"item\">\r\n                    <div className=\"meta\">\r\n                        <div className=\"upper-row\">\r\n                            <h3 className=\"job-title\">- Master .Net</h3>\r\n                            <div className=\"time\">Octubre 2006 – Junio 2007</div>\r\n                        </div>\r\n                        <div className=\"company\">Alhambra Eidos</div>\r\n                    </div>\r\n                    <div className=\"details\">\r\n                        <p>- Master en Desarrollo de Aplicaciones informáticas en .Net (173 horas) </p>  \r\n                        \r\n                    </div>\r\n                </div>\r\n                <div className=\"item\">\r\n                    <div className=\"meta\">\r\n                        <div className=\"upper-row\">\r\n                            <h3 className=\"job-title\">- Curso de Páginas Web</h3>\r\n                            <div className=\"time\">Enero–Abril 2006</div>\r\n                        </div>\r\n                        <div className=\"company\">Universidad Politécnica de Madrid</div>\r\n                    </div>\r\n                    <div className=\"details\">\r\n                        <p>- Curso de Páginas Web con JavaScript y DHTML en la\r\n                           modalidad de tele formación impartido por la Universidad \r\n                           Politécnica de Madrid (153 horas)  </p>  \r\n                        \r\n                    </div>\r\n                </div>\r\n                <div className=\"item\">\r\n                    <div className=\"meta\">\r\n                        <div className=\"upper-row\">\r\n                            <h3 className=\"job-title\">- Técnico especialista, Infomatica de gestión.</h3>\r\n                            <div className=\"time\">2002 – 2006</div>\r\n                        </div>\r\n                        <div className=\"company\">E.S.I. Escuela de sistemas informáticos</div>\r\n                    </div>\r\n                    <div className=\"details\">\r\n                        <p> </p>  \r\n                        \r\n                    </div>\r\n                </div>\r\n                <div className=\"item\">\r\n                    <div className=\"meta\">\r\n                        <div className=\"upper-row\">\r\n                            <h3 className=\"job-title\">-  Técnico Especialista en Electrónica</h3>\r\n                            <div className=\"time\">1997</div>\r\n                        </div>\r\n                        <div className=\"company\">I.F.P. Barajas</div>\r\n                    </div>\r\n                    <div className=\"details\">\r\n                        <p>- Técnico especialista de grado superior en electrónica industrial. </p>  \r\n                        \r\n                    </div>\r\n                </div>\r\n                \r\n            </section>\r\n            \r\n            \r\n            \r\n            \r\n        </div>\r\n    </div>\r\n        \r\n            <Footer/>\r\n        </Fragment>\r\n    );\r\n}\r\n \r\nexport default Formacion;","import React, { Fragment } from 'react';  \r\nimport Header from './Header';\r\nimport Footer from './Footer';\r\nimport foto from '../images/foto_perfil.jpg';\r\n\r\nconst Experiencia = () => {\r\n    \r\n    let css = 'Experiencia';\r\n    return (  \r\n        <Fragment>\r\n            <Header \r\n                css = {css}\r\n            />\r\n\r\n            <div className=\"wrapper\">\r\n        <div className=\"sidebar-wrapper\">\r\n            <div className=\"profile-container\">\r\n                <img className=\"profile rounded-circle imgYo ml-5\" src={foto} alt=\"\" />\r\n                <h1 className=\"name\">Jose Navas</h1>\r\n                <h3 className=\"tagline\">Full Stack Developer</h3>\r\n            </div>\r\n            \r\n            <div className=\"contact-container container-block\">\r\n                <ul className=\"list-unstyled contact-list\">\r\n                    <li className=\"email\"><i className=\"fa fa-envelope\"></i><a href=\"mailto: koeman1976sf@gmail.com\">koeman1976sf@gmail.com</a></li>\r\n                    <li className=\"website\"><i className=\"fa fa-globe\"></i><a href=\"http:www.joseanavas.com\" \r\n                        target=\"_blank\" rel=\"noopener noreferrer\">joseanavas.com</a></li>\r\n                    <li className=\"linkedin\"><i className=\"fa fa-linkedin\"></i><a href=\"https://www.linkedin.com/in/jose-antonio-navas-ruiz-25694859/\" \r\n                        target=\"_blank\" rel=\"noopener noreferrer\">linkedin</a></li>\r\n                    <li className=\"twitter\"><i className=\"fa fa-twitter\"></i><a href=\"https://twitter.com/koeman1976?s=09\" \r\n                    target=\"_blank\" rel=\"noopener noreferrer\">@koeman1976</a></li>\r\n                </ul>\r\n            </div>\r\n            <div className=\"education-container container-block\">\r\n                <h2 className=\"container-block-title\">DIRECCIÓN</h2>\r\n                <div className=\"item\">\r\n                    <h5 className=\"meta\">San Fernando de Henares </h5>\r\n\t                    <div className=\"time\">28830 MADRID (ESPAÑA)</div>\r\n                </div>\r\n            </div>\r\n            \r\n            <div className=\"languages-container container-block\">\r\n                <h2 className=\"container-block-title\">IDIOMAS</h2>\r\n                <ul className=\"list-unstyled interests-list\">\r\n                    <li>Español <span className=\"lang-desc\">(Native)</span></li>\r\n                    <li>Ingles <span className=\"lang-desc\">(Professional)</span></li>\r\n                </ul>\r\n            </div>\r\n            \r\n           \r\n            \r\n        </div>\r\n        \r\n        <div className=\"main-wrapper\">\r\n            \r\n            <section className=\"section summary-section\">\r\n                <h2 className=\"section-title\"><span className=\"icon-holder\"><i className=\"fa fa-user\"></i></span>Perfil Profesional</h2>\r\n                <div className=\"summary\">\r\n                    <p>\r\n                        Informático con mas de 13 años de experiencia desarrollando aplicaciones, capacitado\r\n                        para acometer todo tipo de desarrollos para el entorno que se requiera.<br/>\r\n                        Siempre en formacion continua para mejorar las capacidades y las aptitudes, de esta\r\n                        profesión tan cambiante y apasionante, con retos practicamente diarios.<br/>\r\n                        Me gusta trabajar en equipo y compartir las enseñanzas y aprendizajes con\r\n                        los compañeros.\r\n\r\n\r\n                    </p>\r\n                </div>\r\n            </section>\r\n            \r\n            <section className=\"section experiences-section\">\r\n                <h2 className=\"section-title\"><span className=\"icon-holder\"><i className=\"fa fa-briefcase\"></i></span>EXPERIENCIA PROFESIONAL</h2>\r\n                \r\n                <div className=\"item\">\r\n                    <div className=\"meta\">\r\n                        <div className=\"upper-row\">\r\n                            <h3 className=\"job-title\">Lead Developer</h3>\r\n                            <div className=\"time\">Enero 2007 - Actualidad</div>\r\n                        </div>\r\n                        <div className=\"company\">WGM S.L.</div>\r\n                    </div>\r\n                    <div className=\"details\">\r\n                        <p> Responsable del equipo de desarrollo para la creacion de Aplicaciones Webs y \r\n                            aplicaciones moviles para la gestión y mantenimiento de todo tipo de empresas e infraestructuras.<br/>\r\n                            Especialista en Sql Server y Reporting Services, como gestores de datos e informes respectivamente.<br/>\r\n                            Responsable IT de los recursos contratados en Azure.<br/>\r\n                            Actualmente desarrollando en React, Xamarin y .Net Core 3.0.\r\n                        </p>  \r\n                    </div>\r\n                </div>\r\n                \r\n                <div className=\"item\">\r\n                    <div className=\"meta\">\r\n                        <div className=\"upper-row\">\r\n                            <h3 className=\"job-title\">Responsable de turno</h3>\r\n                            <div className=\"time\">Marzo 1998 - Enero 2007</div>\r\n                        </div>\r\n                        <div className=\"company\">Inforsistem </div>\r\n                    </div>\r\n                    <div className=\"details\">\r\n                        <p>Responsable de la gestion de recursos y personal, para empresa encargada de la impresion \r\n                           y ensobrado de facturas a clientes de grandes entidades.</p>  \r\n                        \r\n                    </div>\r\n                </div>\r\n                \r\n            </section>\r\n            \r\n            \r\n            \r\n            \r\n        </div>\r\n    </div>\r\n        \r\n            <Footer/>\r\n        </Fragment>\r\n    );\r\n}\r\n \r\nexport default Experiencia;","import React, { Fragment } from 'react';  \r\nimport Header from './Header';\r\nimport Footer from './Footer';\r\nimport foto from '../images/foto_perfil.jpg';\r\n\r\nconst ConocimientosBD = () => {\r\n    return (  \r\n        <Fragment>\r\n            <Header/>\r\n           \r\n            <div className=\"wrapper\">\r\n        <div className=\"sidebar-wrapper\">\r\n            <div className=\"profile-container\">\r\n                <img className=\"profile rounded-circle imgYo ml-5\" src={foto} alt=\"\" />\r\n                <h1 className=\"name\">Jose Navas</h1>\r\n                <h3 className=\"tagline\">Full Stack Developer</h3>\r\n            </div>\r\n            \r\n            <div className=\"contact-container container-block\">\r\n                <ul className=\"list-unstyled contact-list\">\r\n                    <li className=\"email\"><i className=\"fa fa-envelope\"></i><a href=\"mailto: koeman1976sf@gmail.com\">koeman1976sf@gmail.com</a></li>\r\n                    <li className=\"website\"><i className=\"fa fa-globe\"></i><a href=\"http:www.joseanavas.com\" \r\n                        target=\"_blank\" rel=\"noopener noreferrer\">joseanavas.com</a></li>\r\n                    <li className=\"linkedin\"><i className=\"fa fa-linkedin\"></i><a href=\"https://www.linkedin.com/in/jose-antonio-navas-ruiz-25694859/\" \r\n                        target=\"_blank\" rel=\"noopener noreferrer\">linkedin</a></li>\r\n                    <li className=\"twitter\"><i className=\"fa fa-twitter\"></i><a href=\"https://twitter.com/koeman1976?s=09\" \r\n                    target=\"_blank\" rel=\"noopener noreferrer\">@koeman1976</a></li>\r\n                </ul>\r\n            </div>\r\n            <div className=\"education-container container-block\">\r\n                <h2 className=\"container-block-title\">DIRECCIÓN</h2>\r\n                <div className=\"item\">\r\n                    <h5 className=\"meta\">San Fernando de Henares </h5>\r\n\t                    <div className=\"time\">28830 MADRID (ESPAÑA)</div>\r\n                </div>\r\n            </div>\r\n            \r\n            <div className=\"languages-container container-block\">\r\n                <h2 className=\"container-block-title\">IDIOMAS</h2>\r\n                <ul className=\"list-unstyled interests-list\">\r\n                    <li>Español <span className=\"lang-desc\">(Native)</span></li>\r\n                    <li>Ingles <span className=\"lang-desc\">(Professional)</span></li>\r\n                </ul>\r\n            </div>\r\n            \r\n           \r\n            \r\n        </div>\r\n        \r\n        <div className=\"main-wrapper\">\r\n            \r\n            <section className=\"section experiences-section\">\r\n                <h2 className=\"section-title\"><span className=\"icon-holder\"><i className=\"fa fa-book\"></i></span>CONOCIMIENTOS BD</h2>\r\n                \r\n                <div className=\"item\">\r\n                    <div className=\"meta\">\r\n                        <div className=\"upper-row\">\r\n                            <h3 className=\"job-title\">SQL SERVER</h3>\r\n                        </div>\r\n                        <div className=\"company\">Experiencia alta </div>\r\n                    </div>\r\n                    <div className=\"details\">\r\n                    <p>\r\n                        - Experiencia desde 2005 con este sistema gestor de bases de datos. <br />\r\n                        - Diseño avanzado de bases de datos a partir de diagramas UML o ER. <br />\r\n                        - Programación en BD, triggers, procedimientos, indices, etc. <br />\r\n                        - Programación avanzada en Transact-SQL (T-SQL) <br />\r\n                        - Gestión de bases de datos (DBA - SQL) <br />\r\n\r\n                    </p>\r\n                    </div>\r\n                </div>\r\n                <div className=\"item\">\r\n                    <div className=\"meta\">\r\n                        <div className=\"upper-row\">\r\n                            <h3 className=\"job-title\">CLOUD</h3>\r\n                        </div>\r\n                        <div className=\"company\">Experiencia media </div>\r\n                    </div>\r\n                    <div className=\"details\">\r\n                    <p>\r\n                        - Microsoft Azure. <br />\r\n                        - Firebase y Firestore. <br />\r\n                        - MongoDB <br />\r\n                        - DataCMS <br />\r\n                    </p>\r\n                    </div>\r\n                </div>\r\n                <div className=\"item\">\r\n                    <div className=\"meta\">\r\n                        <div className=\"upper-row\">\r\n                            <h3 className=\"job-title\">OTRAS</h3>\r\n                        </div>\r\n                        <div className=\"company\">Experiencia alta </div>\r\n                    </div>\r\n                    <div className=\"details\">\r\n                   \r\n                   <p>\r\n                       - SQLite para movilidad. <br />\r\n                   </p>\r\n                   </div>\r\n                    <div className=\"meta\">\r\n                        <div className=\"upper-row\">                        \r\n                        </div>\r\n                        <div className=\"company\">Experiencia media </div>\r\n                    </div>\r\n                    <div className=\"details\">\r\n                   \r\n                    <p>\r\n                        - Oracle. <br />\r\n                        - MySQL. <br />\r\n                    </p>\r\n                    </div>\r\n                </div>\r\n                <br />\r\n            </section>\r\n        </div>\r\n    </div>\r\n        \r\n            <Footer/>\r\n        </Fragment>\r\n    );\r\n}\r\n \r\nexport default ConocimientosBD;","import React, { Fragment } from 'react';  \r\nimport Header from './Header';\r\nimport Footer from './Footer';\r\nimport foto from '../images/foto_perfil.jpg';\r\n\r\nconst ConocimientosLenguaje = () => {\r\n    return (  \r\n        <Fragment>\r\n             <Header/>\r\n           \r\n           <div className=\"wrapper\">\r\n       <div className=\"sidebar-wrapper\">\r\n           <div className=\"profile-container\">\r\n               <img className=\"profile rounded-circle imgYo ml-5\" src={foto} alt=\"\" />\r\n               <h1 className=\"name\">Jose Navas</h1>\r\n               <h3 className=\"tagline\">Full Stack Developer</h3>\r\n           </div>\r\n           \r\n           <div className=\"contact-container container-block\">\r\n               <ul className=\"list-unstyled contact-list\">\r\n                   <li className=\"email\"><i className=\"fa fa-envelope\"></i><a href=\"mailto: koeman1976sf@gmail.com\">koeman1976sf@gmail.com</a></li>\r\n                   <li className=\"website\"><i className=\"fa fa-globe\"></i><a href=\"http:www.joseanavas.com\" \r\n                       target=\"_blank\" rel=\"noopener noreferrer\">joseanavas.com</a></li>\r\n                   <li className=\"linkedin\"><i className=\"fa fa-linkedin\"></i><a href=\"https://www.linkedin.com/in/jose-antonio-navas-ruiz-25694859/\" \r\n                       target=\"_blank\" rel=\"noopener noreferrer\">linkedin</a></li>\r\n                   <li className=\"twitter\"><i className=\"fa fa-twitter\"></i><a href=\"https://twitter.com/koeman1976?s=09\" \r\n                   target=\"_blank\" rel=\"noopener noreferrer\">@koeman1976</a></li>\r\n               </ul>\r\n           </div>\r\n           <div className=\"education-container container-block\">\r\n               <h2 className=\"container-block-title\">DIRECCIÓN</h2>\r\n               <div className=\"item\">\r\n                   <h5 className=\"meta\">San Fernando de Henares </h5>\r\n                       <div className=\"time\">28830 MADRID (ESPAÑA)</div>\r\n               </div>\r\n           </div>\r\n           \r\n           <div className=\"languages-container container-block\">\r\n               <h2 className=\"container-block-title\">IDIOMAS</h2>\r\n               <ul className=\"list-unstyled interests-list\">\r\n                   <li>Español <span className=\"lang-desc\">(Native)</span></li>\r\n                   <li>Ingles <span className=\"lang-desc\">(Professional)</span></li>\r\n               </ul>\r\n           </div>\r\n           \r\n          \r\n           \r\n       </div>\r\n       \r\n       <div className=\"main-wrapper\">\r\n           \r\n           <section className=\"section experiences-section\">\r\n               <h2 className=\"section-title\"><span className=\"icon-holder\"><i className=\"fa fa-book\"></i></span>CONOCIMIENTOS LENGUAJE</h2>\r\n               \r\n               <div className=\"item\">\r\n                   <div className=\"meta\">\r\n                       <div className=\"upper-row\">\r\n                           <h3 className=\"job-title\">WEB</h3>\r\n                       </div>\r\n                       <div className=\"company\">Experiencia alta </div>\r\n                   </div>\r\n                   <div className=\"details\">\r\n                   <p>\r\n                   <p>\r\n                        - HTML5. <br />\r\n                        - CSS. <br />\r\n                        - Javascript. <br />\r\n                        - C# .NET Core 3.0<br />\r\n                        - React Hooks <br />\r\n                        - SQL <br />\r\n                    </p>\r\n\r\n                   </p>\r\n                   </div>\r\n               </div>\r\n               <div className=\"item\">\r\n                   <div className=\"meta\">\r\n                       <div className=\"upper-row\">\r\n                           <h3 className=\"job-title\">MOBILE</h3>\r\n                       </div>\r\n                       <div className=\"company\">Experiencia alta </div>\r\n                   </div>\r\n                   <div className=\"details\">\r\n                   <p>\r\n                   <p>\r\n                        - Xamarin <br />\r\n                        - Cordova Phonegap <br />\r\n                    </p>\r\n                   </p>\r\n                   </div>\r\n               </div>\r\n               <div className=\"item\">\r\n                   <div className=\"meta\">\r\n                       <div className=\"upper-row\">\r\n                           <h3 className=\"job-title\">OTROS</h3>\r\n                       </div>\r\n                       <div className=\"company\">Experiencia media </div>\r\n                   </div>\r\n                   <div className=\"details\">\r\n                  \r\n                  <p>\r\n                  <p>\r\n                        - C/C++ <br />\r\n                        - Visual Basic 6 <br />\r\n                        - PHP <br />\r\n                  </p>\r\n                  </p>\r\n                  </div>\r\n                   \r\n               </div>\r\n               <br />\r\n               <br />\r\n               <br />\r\n           </section>\r\n       </div>\r\n   </div>\r\n       \r\n           <Footer/>\r\n        </Fragment>\r\n    );\r\n}\r\n \r\nexport default ConocimientosLenguaje;","import React, { Fragment } from 'react';  \r\nimport Header from './Header';\r\nimport Footer from './Footer';\r\nimport foto from '../images/foto_perfil.jpg';\r\n\r\nconst OtrosConocimientos = () => {\r\n    return (  \r\n        <Fragment>\r\n            <Header/>\r\n           \r\n           <div className=\"wrapper\">\r\n       <div className=\"sidebar-wrapper\">\r\n           <div className=\"profile-container\">\r\n               <img className=\"profile rounded-circle imgYo ml-5\" src={foto} alt=\"\" />\r\n               <h1 className=\"name\">Jose Navas</h1>\r\n               <h3 className=\"tagline\">Full Stack Developer</h3>\r\n           </div>\r\n           \r\n           <div className=\"contact-container container-block\">\r\n               <ul className=\"list-unstyled contact-list\">\r\n                   <li className=\"email\"><i className=\"fa fa-envelope\"></i><a href=\"mailto: koeman1976sf@gmail.com\">koeman1976sf@gmail.com</a></li>\r\n                   <li className=\"website\"><i className=\"fa fa-globe\"></i><a href=\"http:www.joseanavas.com\" \r\n                       target=\"_blank\" rel=\"noopener noreferrer\">joseanavas.com</a></li>\r\n                   <li className=\"linkedin\"><i className=\"fa fa-linkedin\"></i><a href=\"https://www.linkedin.com/in/jose-antonio-navas-ruiz-25694859/\" \r\n                       target=\"_blank\" rel=\"noopener noreferrer\">linkedin</a></li>\r\n                   <li className=\"twitter\"><i className=\"fa fa-twitter\"></i><a href=\"https://twitter.com/koeman1976?s=09\" \r\n                   target=\"_blank\" rel=\"noopener noreferrer\">@koeman1976</a></li>\r\n               </ul>\r\n           </div>\r\n           <div className=\"education-container container-block\">\r\n               <h2 className=\"container-block-title\">DIRECCIÓN</h2>\r\n               <div className=\"item\">\r\n                   <h5 className=\"meta\">San Fernando de Henares </h5>\r\n                       <div className=\"time\">28830 MADRID (ESPAÑA)</div>\r\n               </div>\r\n           </div>\r\n           \r\n           <div className=\"languages-container container-block\">\r\n               <h2 className=\"container-block-title\">IDIOMAS</h2>\r\n               <ul className=\"list-unstyled interests-list\">\r\n                   <li>Español <span className=\"lang-desc\">(Native)</span></li>\r\n                   <li>Ingles <span className=\"lang-desc\">(Professional)</span></li>\r\n               </ul>\r\n           </div>\r\n           \r\n          \r\n           \r\n       </div>\r\n       \r\n       <div className=\"main-wrapper\">\r\n           \r\n           <section className=\"section experiences-section\">\r\n               <h2 className=\"section-title\"><span className=\"icon-holder\"><i className=\"fa fa-book\"></i></span>OTROS CONOCIMIENTOS</h2>\r\n               \r\n               <div className=\"item\">\r\n                   <div className=\"meta\">\r\n                       <div className=\"upper-row\">\r\n                           <h3 className=\"job-title\">TECNOLOGÍAS DE DESARROLLO</h3>\r\n                       </div>\r\n                       <div className=\"company\">Experiencia alta </div>\r\n                   </div>\r\n                   <div className=\"details\">\r\n                   <p>\r\n                   <p>\r\n                   - Web services (SOAP/REST), Web API <br />\r\n                    - jQuery. <br />\r\n                    - Bootstrap 4. <br />\r\n                    - LinQ <br />\r\n                    - AJAX <br />\r\n                    - .Net Framework 4.7 <br />\r\n                    - Entity Framework <br />\r\n                    - Microservicios <br />\r\n                    - Node.js <br />\r\n                    </p>\r\n\r\n                   </p>\r\n                   </div>\r\n               </div>\r\n               <div className=\"item\">\r\n                   <div className=\"meta\">\r\n                       <div className=\"upper-row\">\r\n                           <h3 className=\"job-title\">COMPLEMENTARIOS AL DESARROLLO</h3>\r\n                       </div>\r\n                       <div className=\"company\">Experiencia alta </div>\r\n                   </div>\r\n                   <div className=\"details\">\r\n                   <p>\r\n                   <p>\r\n                        - GIT. <br />\r\n                        - JSON. <br />\r\n                        - XML. <br />\r\n                        - Microsoft Teams <br />\r\n                        - Azure DevOps <br />\r\n                        - IIS <br />\r\n                        - CSS <br />\r\n                    </p>\r\n                   </p>\r\n                   </div>\r\n               </div>\r\n               <div className=\"item\">\r\n                   <div className=\"meta\">\r\n                       <div className=\"upper-row\">\r\n                           <h3 className=\"job-title\">OTROS</h3>\r\n                       </div>\r\n                       <div className=\"company\">Experiencia alta </div>\r\n                   </div>\r\n                   <div className=\"details\">\r\n                  \r\n                  <p>\r\n                  <p>\r\n                  <p>\r\n                    - SQL Reporting Services <br />\r\n                    - Crystal Reports <br />\r\n                    - Componentes Telerik <br />\r\n                    - Windows Server <br />\r\n                </p>\r\n                  </p>\r\n                  </p>\r\n                  </div>\r\n                   \r\n               </div>\r\n               <br />\r\n               <br />\r\n               <br />\r\n           </section>\r\n       </div>\r\n   </div>\r\n       \r\n           <Footer/>\r\n        </Fragment>\r\n    );\r\n}\r\n \r\nexport default OtrosConocimientos;","import React from 'react';\r\n\r\nconst ImagenMain = () => {\r\n    return ( \r\n      \r\n       <div className=\"bg\"></div>\r\n      \r\n       \r\n     );\r\n}\r\n \r\nexport default ImagenMain;","import React, { Fragment } from 'react';\r\nimport {Link} from 'react-router-dom';\r\nconst Informacion = () => {\r\n\r\n           return ( \r\n            <Fragment>        \r\n                <div className=\"col-md-3 mb-3 mt-5 pr-5\">\r\n                    <div className=\"card\">\r\n                    \r\n                        <h2 className=\"card-header\">Conocimientos BD</h2>\r\n                        <p className=\"parrafoInfo\">\r\n                            El 100% de las aplicaciones informaticas requieren almacenar los datos\r\n                            para trabajar con ellos. Es fundamental conocer tanto los sistemas de \r\n                            almacenamiento tradicionales como Sql Server, Oracle, etc. como las\r\n                            bases de datos online tales como Firebase, MongoDb y similares.\r\n                            Las grandes empresas de alojamiento ofrecen soluciones en la nube para alojar los\r\n                            datos empresariales y es imprescindible conocer plataformas como Azure,\r\n                            Amazon Web Services, Google Cloud entre otras.\r\n                        </p>\r\n                        <div className=\"card-body\">\r\n                        <Link to={'/conocimientosBD'}> \r\n                            <button\r\n                                type=\"button\"\r\n                                className=\"btn btn-block btn-primary btnVer\"\r\n                            >\r\n                                mis conocimientos en bd\r\n                            </button>\r\n                        </Link>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className=\"col-md-3 mb-3 mt-5 pr-5\">\r\n                    <div className=\"card\">\r\n                        <h2 className=\"card-header\">Conocimientos Lenguajes</h2>\r\n                        <p className=\"parrafoInfo\">\r\n                            Cada poco tiempo nace un nuevo lenguaje, un nuevo framework, una nueva \r\n                            versión de cada herramienta o libreria de desarrollo. Es muy importante\r\n                            estar al dia de todos estos cambios y dedicar una buena parte de tu \r\n                            tiempo a formación. Pero casi lo mas importante de todo, es poder adaptarse a las nuevas\r\n                            tecnologias y no quedarse estancado en lo que uno ya domina. <br />\r\n                            Conocer distintas plataformas, movil, web y escritorio con distintas herramientas. <br />\r\n                            \"A programar se aprende programando.\"\r\n\r\n                        </p>\r\n                        <div className=\"card-body\">\r\n                            <Link to={'/conocimientosLenguaje'}> \r\n                                <button\r\n                                    type=\"button\"\r\n                                    className=\"btn btn-block btn-primary btnVer\"\r\n                                >\r\n                                    que lenguajes domino\r\n                                </button>\r\n                            </Link>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className=\"col-md-3 mb-3 mt-5 pr-5\">\r\n                    <div className=\"card\">\r\n                        <h2 className=\"card-header\">Otros Conocimientos</h2>\r\n                        <p className=\"parrafoInfo\">\r\n                            Avanzamos hacia un futuro donde al desarrollador se le \r\n                            exigen cada vez mas aptitudes y donde se valora muchisimo\r\n                            la polivalencia dentro de un grupo de desarrollo.\r\n                            Poder asumir diferentes roles dentro de un proyecto, hace\r\n                            imprescindible a esa persona y que crezca dentro de la estructura\r\n                            de la empresa.<br />\r\n                            Dominar distintas tecnologias de desarrollo, \r\n                            control de proyectos y versiones, etc, son ejemplos de otros conocimientos\r\n                            tan importantes como el propio lenguaje.\r\n\r\n                             \r\n                        </p>\r\n                        <div className=\"card-body\">\r\n                        <Link to={'/otrosConocimientos'}> \r\n                            <button\r\n                                type=\"button\"\r\n                                className=\"btn btn-block btn-primary btnVer\"\r\n                            >\r\n                                Mis otros conocimientos\r\n                            </button>\r\n                        </Link>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n        </Fragment>\r\n\r\n\r\n    );\r\n}\r\n \r\nexport default Informacion;","import React, { Fragment } from 'react';\r\n\r\nconst About = () => {\r\n    return (\r\n        <Fragment>\r\n            <div className=\"row divMain\">\r\n            <div className=\"col-md-0.5 mt-5\"></div>\r\n\r\n               \r\n                <div className=\"col-md-8 mb-3 pr-5\">\r\n                    <div>\r\n                    <p className=\"parrafoAbout\">\r\n                        Con mas de 13 años de experiencia en el desarrollo de aplicaciones informáticas, \r\n                        he sido capaz de adaptarme a los distintos cambios de tecnologías que se han ido produciendo\r\n                        a lo largo de este tiempo. <br /><br />\r\n                        Cuento con una gran capacidad de análisis de la información y experiencia en la gestión de equipos,\r\n                        lo cual me ha llevado a ser el responsable informático de la empresa donde trabajo. <br /><br />\r\n                        La clave de todo está en querer seguir aprendiendo cosas nuevas todos los días y que disfrutes\r\n                        con todo lo que haces. \r\n\r\n                    </p>                   \r\n                    </div>\r\n                </div>               \r\n            </div>\r\n        </Fragment>\r\n      );\r\n}\r\n \r\nexport default About;\r\n","import React, { Fragment } from 'react';  \r\nimport Header from './Header';\r\nimport ImagenMain from './ImagenMain';\r\nimport Informacion from './Informacion';\r\nimport Footer from './Footer';\r\nimport About from './About';\r\n\r\nconst Main = () => {\r\n    return (  \r\n        <Fragment>\r\n            <ImagenMain />\r\n            <Header />\r\n            \r\n            <h1 className=\"h1Main\">Desarrollador informático</h1>\r\n            <hr className=\"hrUnderline\"/>\r\n            <About/>\r\n            <h1 className=\"h1Main\">Resumen de habilidades o skills</h1>\r\n            <hr className=\"hrUnderline\"/>\r\n            <div className=\"row divMain\">\r\n                <Informacion />\r\n               \r\n            </div>\r\n           <Footer/>\r\n        </Fragment>\r\n        \r\n\r\n        \r\n    );\r\n}\r\n \r\nexport default Main;","import React, { useEffect } from 'react'\r\nimport { withRouter } from 'react-router-dom';\r\n\r\nconst DynamicScrollToTop = (props) => {\r\n\r\n  useEffect(() => {\r\n    console.log(props);\r\n    // Keep default behavior of restoring scroll position when user:\r\n    // - clicked back button\r\n    // - clicked on a link that programmatically calls `history.goBack()`\r\n    // - manually changed the URL in the address bar (here we might want\r\n    // to scroll to top, but we can't differentiate it from the others)\r\n    if (props.history.action === 'POP') {\r\n      return;\r\n    }\r\n    // In all other cases, check fragment/scroll to top\r\n    let hash = props.location.hash;\r\n    if (hash) {\r\n      let element = document.querySelector(hash);\r\n      if (element) {\r\n        element.scrollIntoView({block: 'start', behavior: 'smooth'});\r\n      }\r\n    } else {\r\n      window.scrollTo(0, 0);\r\n    }\r\n  });\r\n\r\n  return (\r\n    <div/>\r\n  );\r\n};\r\n\r\nexport default withRouter(DynamicScrollToTop);","import React from 'react';\nimport {BrowserRouter as Router, Switch, Route} from 'react-router-dom';\nimport Formacion from './components/Formacion';\nimport Experiencia from './components/Experiencia';\nimport conocimientosBD from './components/ConocimientosBD';\nimport conocimientosLenguaje from './components/ConocimientosLenguaje';\nimport otrosConocimientos from './components/OtrosConocimientos';\nimport Main from './components/Main';\nimport DynamicScrollToTop from './routes/DynamicScrollToTop';\n\nfunction App() {\n\n  \n\n  return (\n     \n      <Router>\n        <DynamicScrollToTop />\n        <Switch>\n          <Route exact path=\"/\" component={Main} />\n          <Route exact path=\"/formacion\" component={Formacion} />\n          <Route exact path=\"/experiencia\" component={Experiencia}/>\n          <Route exact path=\"/conocimientosBD\" component={conocimientosBD}/>\n          <Route exact path=\"/conocimientosLenguaje\" component={conocimientosLenguaje}/>\n          <Route exact path=\"/otrosConocimientos\" component={otrosConocimientos}/>\n        </Switch>\n      </Router>\n  );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport './orbit-5.css';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <App />\r\n  </React.StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n"],"sourceRoot":""}