ENEI2019-Public/website/cp-web-development.html

349 lines
23 KiB
HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt" xml:lang="pt">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="width=device-width, initial-scale=1, user-scalable=0" name="viewport">
<meta content="width" name="MobileOptimized">
<meta content="true" name="HandheldFriendly">
<!-- Place favicon.ico in the root directory -->
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<title>Career Path - Web Development</title>
<meta name="description" content="Página do Encontro Nacional de Estudantes de Informática 2019, no Instituto Superior de Engenharia de Coimbra (ISEC) a realizar-se entre 12 e 15 de abril de 2019. O ENEI pretende oferecer aos estudantes de todo o país um evento que promove a aprendizagem, a troca de ideias e o convívio, enquanto tenta criar fortes ligações com o mundo empresarial.">
<meta property="og:locale" content="pt_PT" />
<meta property="og:title" content="Career Path - Web Development" />
<meta property="og:description" content="Página do Encontro Nacional de Estudantes de Informática 2019, no Instituto Superior de Engenharia de Coimbra (ISEC) a realizar-se entre 12 e 15 de abril de 2019. O ENEI pretende oferecer aos estudantes de todo o país um evento que promove a aprendizagem, a troca de ideias e o convívio, enquanto tenta criar fortes ligações com o mundo empresarial." />
<meta property="og:site_name" content="Career Path - Web Development" />
<meta property="og:url" content="http://www.enei.pt/cp-web" />
<meta property="og:image" content="http://www.enei.pt/imgs/share-image.jpg" />
<meta property="og:type" content="Website" />
<link rel="canonical" href="http://www.enei.pt/cp-web" />
<link href="bootstrap-grid.css" rel="stylesheet" type="text/css" />
<link href="main.css" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Bai+Jamjuree:400,600,700" rel="stylesheet">
</head>
<body class="career-path web-color">
<div id="overlay"></div>
<header id="main-menu">
<nav>
<a href="#" title="Abrir menu" rel="nofollow" id="open-menu-mobile">Menu</a>
<ul>
<li><a href="https://enei.pt/#enei" title="Enei">Enei</a></li>
<li><a href="https://enei.pt/careerPaths">Career Paths</a></li>
<li><a href="https://enei.pt/#calendar">Programa</a></li>
<li><a href="https://enei.pt/#precos" title="Preços">Preços</a></li>
<li><a href="https://enei.pt/app" title="Preços">App</a></li>
<li><a href="https://enei.pt/ctf" title="CTF">CTF</li>
<li><a href="https://enei.pt/#sponsors" title="Sponsors">Sponsors</a></li>
<li><a href="https://enei.pt/#faqs" title="Faq's">Faq's</a></li>
</ul>
</nav>
</header>
<!-- apresentation section -->
<div id="apresentation">
<div class="career-apresentation">
<div class="career-name">Web Development <span>Powered by:</span></div>
<img src="imgs/logos/blip.png" alt="Blip Image">
</div>
</div>
<!-- enei section -->
<section id="enei">
<div class="container">
<div class="row">
<div class="col-lg-7 col-sm-7">
<div class="pre-h1">Career Path</div>
<h1>Web Development</h1>
<hr>
<p>O Encontro Nacional de Estudantes de Informática é um dos maiores eventos na área da tecnologia
em
Portugal
reunindo estudantes de informática de todas as faculdades do país.</p>
<p>Reconhecido pela sua qualidade e variedade de temas e atividades, tem como prioridade o contacto
entre
participantes e empresas, bem como a socialização, o convívio e a troca de experiências e
conhecimentos
entre os presentes.</p>
</div>
</div>
</div>
</section>
<!-- programa geral -->
<section id="calendar" class="grey">
<div class="container">
<div class="row">
<div class="col-lg-6 col-lg-offset-3">
<h1>Programa</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div id="calendar-container">
<div id="event-days-list">
<button class="selected" data-eventDay="13">13 <span>Abril</span></button>
<button data-eventDay="14">14 <span>Abril</span></button>
</div>
<div class="day-night-filter">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-6 col-sm-6">
<div class="half-day">Manhã</div>
</div>
<div class="col-lg-6 col-sm-6">
<div class="half-day">Tarde/Noite</div>
</div>
</div>
</div>
</div>
</div>
<div id="content-container">
<section class="content visible" data-eventContent="13">
<div class="row">
<div class="col-lg-6 col-sm-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time">11:00 - 13:30</div>
</div>
<div class="col-lg-8 col-lg-offset-0 col-sm-offset-2 col-xs-offset-2 event-details">
<div class="event-type">Workshop</div>
<h2>Progressive Web App: From Full Online to Full Offline</h2>
<h3>Domingos Martins e Ricardo Soares</h3>
<div class="event-details"><span class="icon-company"></span>Blip</div>
<button class="modal-link event-description" data-modalLink="modal-80"><span class="arrow">&#10132;</span>Ver mais detalhes</button>
</div>
</div>
</div>
<div class="col-lg-6 col-sm-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time">17:00 - 18:00</div>
</div>
<div class="col-lg-8 col-lg-offset-0 col-sm-offset-2 col-xs-offset-2 event-details">
<div class="event-type">Palestra</div>
<h2>Introdução ao Git: onde estiveste toda a minha vida?</h2>
<h3>João Vale</h3>
<div class="event-details"><span class="icon-company"></span>Blip</div>
<button class="modal-link event-description" data-modalLink="modal-81"><span class="arrow">&#10132;</span>Ver mais detalhes</button>
</div>
</div>
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time">18:00 - 19:00</div>
</div>
<div class="col-lg-8 col-lg-offset-0 col-sm-offset-2 col-xs-offset-2 event-details">
<div class="event-type">Palestra</div>
<h3>Mapping the DNA of fraud</h3>
<div class="event-details"><span class="icon-company"></span>Feedzai</div>
<button class="modal-link event-description" data-modalLink="modal-82"><span class="arrow">&#10132;</span>Ver mais detalhes</button>
</div>
</div>
</div>
</div>
</section>
<section class="content" data-eventContent="14">
<div class="row">
<div class="col-lg-6 col-sm-6">
<div class="row event-data">
<div class="col-lg-4">
</div>
<div class="col-lg-8 col-lg-offset-0 col-sm-offset-2 col-xs-offset-2 event-details">
</div>
</div>
</div>
<div class="col-lg-6 col-sm-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time">16:45 - 17:45</div>
</div>
<div class="col-lg-8 col-lg-offset-0 col-sm-offset-2 col-xs-offset-2 event-details">
<div class="event-type">Palestra</div>
<h2>React Engineering Principles</h2>
<h3>Hugo Daniel Gomes</h3>
<div class="event-details"><span class="icon-company"></span>Farfetch</div>
<button class="modal-link event-description" data-modalLink="modal-85"><span class="arrow">&#10132;</span>Ver mais detalhes</button>
</div>
</div>
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time">17:45 - 18:45</div>
</div>
<div class="col-lg-8 col-lg-offset-0 col-sm-offset-2 col-xs-offset-2 event-details">
<div class="event-type">Palestra</div>
<h2>Do conteúdo ao negócio</h2>
<h3>Nuno Alves</h3>
<div class="event-details"><span class="icon-company"></span>LOBA - Customer Experience Design</div>
<button class="modal-link event-description" data-modalLink="modal-84"><span class="arrow">&#10132;</span>Ver mais detalhes</button>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- oradores section -->
<section id="speakers">
<div class="container">
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-sm-12 col-sm-offset-0 col-xs-10 col-xs-offset-1">
<h1>Speakers</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-sm-6">
<a href="https://www.linkedin.com/in/domingos-martins-3152a534/" title="Domingos Martins" target="_blank" class="speaker-button">
<div class="speaker-image">
<img src="imgs/speakers-image/domingos-martins.jpg" alt="Domingos Martins">
<img src="imgs/sponsor-images/blip-sponsor.png" alt="Blip" class="company-image">
</div>
<h2 class="speaker-name">Domingos Martins</h2>
<div class="speaker-company">Blip</div>
</a>
</div>
<div class="col-lg-3 col-sm-6">
<a href="https://www.linkedin.com/in/ricardo-soares-silva/" title="Ricardo Soares" target="_blank" class="speaker-button">
<div class="speaker-image">
<img src="imgs/speakers-image/ricardo-soares.jpg" alt="Ricardo Soares">
<img src="imgs/sponsor-images/blip-sponsor.png" alt="Blip" class="company-image">
</div>
<h2 class="speaker-name">Ricardo Soares</h2>
<div class="speaker-company">Blip</div>
</a>
</div>
<div class="col-lg-3 col-sm-6">
<a href="https://www.linkedin.com/in/jvale/" title="João Vale" target="_blank" class="speaker-button">
<div class="speaker-image">
<img src="imgs/speakers-image/joao-vale.jpg" alt="João Vale">
<img src="imgs/sponsor-images/blip-sponsor.png" alt="Blip" class="company-image">
</div>
<h2 class="speaker-name">João Vale</h2>
<div class="speaker-company">Blip</div>
</a>
</div>
<div class="col-lg-3 col-sm-6">
<a href="https://www.linkedin.com/in/nuno-m-alves/" title="Nuno Alves" target="_blank" class="speaker-button">
<div class="speaker-image">
<img src="imgs/speakers-image/nuno-alves.jpg" alt="Nuno Alves">
<img src="imgs/speakers-company/loba.png" alt="LOBA - Customer Experience Design" class="company-image">
</div>
<h2 class="speaker-name">Nuno Alves</h2>
<div class="speaker-company">LOBA - Customer Experience Design</div>
</a>
</div>
<div class="col-lg-3 col-sm-6">
<a href="https://www.linkedin.com/in/lfacc/" title="Luís Cardoso" target="_blank" class="speaker-button">
<div class="speaker-image">
<img src="imgs/speakers-image/luis-cardoso.jpg" alt="Nuno Alves">
<img src="imgs/speakers-company/feedzai.png" alt="LOBA - Customer Experience Design" class="company-image">
</div>
<h2 class="speaker-name">Luís Cardoso</h2>
<div class="speaker-company">Feedzai</div>
</a>
</div>
<div class="col-lg-3 col-sm-6">
<a href="https://www.farfetch.com/pt/" title="Luís Cardoso" target="_blank" class="speaker-button">
<div class="speaker-image">
<img src="imgs/speakers-image/hugo.png" alt="Hugo Daniel Gomes">
<img src="imgs/speakers-company/farfetch.png" alt="Farfetch" class="company-image">
</div>
<h2 class="speaker-name">Hugo Daniel Gomes</h2>
<div class="speaker-company">Farfetch</div>
</a>
</div>
</div>
</div>
</section>
<!-- footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-4 col-xs-6">
<p>© 2019 ENEI . Todos os direitos reservados</p>
</div>
<div class="col-lg-8 col-xs-6">
<ul id="social-network">
<li><a href="https://www.facebook.com/ENEIConf/" title="Facebook" target="_blank" class="icon-facebook"></a></li>
<li><a href="https://www.instagram.com/eneiconf/" title="Instagram" target="_blank" class="icon-instagram"></a></li>
<li><a href="https://www.linkedin.com/company/enei/" title="Linkedin" target="_blank" class="icon-linkedin"></a></li>
<li><a href="mailto:geral@enei.pt" title="Email" target="_blank" class="icon-email"></a></li>
</ul>
</div>
</div>
</div>
</footer>
<div class="modal-container" id="modal-80" data-status="closed">
<button class="modal-close" data-modalContainer="modal-80"><span class="icon-close"></span></button>
<h2>Description</h2>
<p>Progressive Web Apps use modern web capabilities to deliver fast, native-app experiences with no app stores or downloads, and all the goodness of the web. In this workshop you will learn how to improve any web application and transform it into a working Progressive Web App. To accomplish this you will learn how to use the Lighthouse Tool to evaluate if your web application meets the standards of a PWA. We will teach you how to create a manifest file that tells the browser about your web application and how it should behave when installed on a mobile device. You will improve the first page load by caching the relevant request using a service worker. Finally, you will increase the user engagement by implementing push notifications.</p>
<h2>Speaker's Bio</h2>
<h3>Domingos Martins:</h3>
<p>Domingos is a software engineer currently working at Paddypower Betfair (BLIP). He is enthusiastic about the future of the web, that's why his main focus is building faster JS applications and experimenting with new languages and frameworks.</p>
<h3>Ricardo Soares:</h3>
<p>Ricardo is a software developer at Blip. He is not intimidated in switching between frontend and backend technologies, without forgetting to test everything to assure the quality of his code. He believes that with an amazing team the sky is the limit.</p>
</div>
<div class="modal-container" id="modal-81" data-status="closed">
<button class="modal-close" data-modalContainer="modal-81"><span class="icon-close"></span></button>
<h2>DESCRIÇÃO</h2>
<p>Esta talk vai abordar sistemas de controlo de versões, mais especificamente Git. Vamos abordar os conceitos base e depois aprofundar um pouco mais as particularidades de Git que fizeram com que fosse dos mais usados da actualidade. E como te podem ajudar a poupar tempo e dores de cabeça!</p>
</div>
<div class="modal-container" id="modal-82" data-status="closed">
<button class="modal-close" data-modalContainer="modal-82"><span class="icon-close"></span></button>
<h2>Descrição</h2>
<p>"Do you want to know how Feedzai uncovers financial crimes? In this presentation, we will explain how our Genome platform works. Genome allows fraud investigators to visualize complex financial crime patterns using link-analysis, allowing them to identify related transactions inside a group."</p>
<h2>Biografia</h2>
<p>"I've been a Frontend Engineer at Feedzai for 7 years. I'm on the company almost from it's beginning and I had a big role on what is the Frontend at Feedzai today (for good and bad). In my free time I'm an amateur photographer."</p>
</div>
<div class="modal-container" id="modal-84" data-status="closed">
<button class="modal-close" data-modalContainer="modal-84"><span class="icon-close"></span></button>
<h2>Descrição</h2>
<p>A cada dia as necessidades do desenvolvimento web tornam-se mais complexas, obrigando as equipas de desenvolvimento a serem multidisciplinares. Nesta palestra vamos percorrer algumas áreas desde marketing digital a ecommerce passando pelo design e analisar estratégias de melhoraria e optimização, integrando estas áreas no desenvolvimento web.</p>
<h2>Biografia</h2>
<p>Nuno Alves, licenciado em engenharia informática está ligado ao desenvolvimento há mais de 10 anos. Durante este tempo já colaborou em projetos para o El corte Inglês, Lion of Porches, Bwizer, BIAL e EDP onde integrou equipas de áreas distintas nomeadamente web, mobile e aplicações. Atualmente é o CTO da Loba Customer Experience Design, a primeira agência da experiência de cliente em Portugal. </p>
</div>
<div class="modal-container" id="modal-85" data-status="closed">
<button class="modal-close" data-modalContainer="modal-85"><span class="icon-close"></span></button>
<h2>Descrição</h2>
<p>Vamos percorrer alguns dos princípios de desenho associados ao React JS e tentar perceber quais os conceitos de engenharia associados e como os podemos aplicar no nosso dia-a-dia.</p>
<h2>Biografia</h2>
<p>Trabalho atualmente na equipa de Store of the Future da Farfetch como Front-End engineer. Já passei por diversas startups, função pública e empresas de consultoria. Durante dois anos fiz bootstrap de uma aplicação web para pintar com a qual participei no WebSummit 2017 como Alpha. Fui também contribuidor de vários projectos open-source e por 8 anos estive envolvido na comunidade da linguagem de programação Haskell onde desenvolvi vários packages. </p>
</div>
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-130588243-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-130588243-1');
</script>
</body>
</html>