mirror of
https://github.com/SimpleWebConf/SimpleWebConf.github.io.git
synced 2026-03-10 15:53:51 +00:00
754 lines
53 KiB
HTML
754 lines
53 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<title>SimpleWebConf 2021 - Make Web Development Simple</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="description" content="SimpleWebConf website" />
|
||
<meta name="keywords"
|
||
content="snowpack, lit-html, html imports, conference celebrating web development made simple, from side project to enterprise!" />
|
||
|
||
<meta property="og:title" content="SimpleWebConf 2021" />
|
||
<meta property="og:image" content="http://simplewebconf.com/images/simplewebconf-event-preview.png" />
|
||
<meta property="og:url" content="http://simplewebconf.com/" />
|
||
<meta property="og:site_name" content="SimpleWebConf 2021" />
|
||
<meta property="og:description"
|
||
content="A conference celebrating web development made simple, from side project to enterprise!" />
|
||
<meta name="twitter:title" content="SimpleWebConf 2021" />
|
||
<meta name="twitter:image" content="http://simplewebconf.com/images/simplewebconf-event-preview.png" />
|
||
<meta name="twitter:url" content="http://simplewebconf.com/" />
|
||
<meta name="twitter:card"
|
||
content="A conference celebrating web development made simple, from side project to enterprise!" />
|
||
|
||
<link rel="shortcut icon" href="favicon.ico">
|
||
|
||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,400italic,700' rel='stylesheet'
|
||
type='text/css'>
|
||
|
||
<link rel="stylesheet" href="css/animate.css">
|
||
<link rel="stylesheet" href="css/icomoon.css">
|
||
<link rel="stylesheet" href="css/simple-line-icons.css">
|
||
<link rel="stylesheet" href="css/magnific-popup.css">
|
||
<link rel="stylesheet" href="css/bootstrap.css">
|
||
|
||
<link rel="stylesheet" href="css/style5.css">
|
||
<!-- custom -->
|
||
<link rel="stylesheet" href="css/custom.css">
|
||
|
||
<script src="js/modernizr-2.6.2.min.js"></script>
|
||
<!-- FOR IE9 below -->
|
||
<!--[if lt IE 9]>
|
||
<script src="js/respond.min.js"></script>
|
||
<![endif]-->
|
||
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V5CKWQW54T"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
|
||
function gtag() {
|
||
dataLayer.push(arguments);
|
||
}
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'G-V5CKWQW54T');
|
||
</script>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<header role="banner" id="fh5co-header">
|
||
<div class="container">
|
||
<div class="row navbar navbar-default">
|
||
<div class="col-md-3 col-xs-12 logo-menu-line">
|
||
<!-- Mobile Toggle Menu Button -->
|
||
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse"
|
||
data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
|
||
<a class="navbar-brand" href="index.html"><img src="images/logo-white.png"
|
||
alt="the simplewebconf logo">SimpleWebConf</a>
|
||
</div>
|
||
<div id="navbar" class="navbar-collapse collapse col-md-6 col-xs-12">
|
||
<ul class="nav navbar-nav navbar-right" style="padding-top: .5em;">
|
||
|
||
<li><a href="#" data-nav-section="program"><span>Program & slides</span></a></li>
|
||
|
||
|
||
|
||
|
||
<li><a class="external" href="https://twitter.com/simplewebconf" target="_blank"><i
|
||
class="icon-twitter"></i></a></li>
|
||
<li id="navbar-2nd-logo">
|
||
<a href="https://www.ing.com/" target="_blank">
|
||
<img src="/images/ING_Primary_Logo_RGB.png" />
|
||
powered by
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<section id="fh5co-home" data-section="home" style="background-image: url(images/full_image_2.jpg);"
|
||
data-stellar-background-ratio="0.5">
|
||
<div class="gradient"></div>
|
||
<div class="container">
|
||
<div class="text-wrap">
|
||
<div class="text-inner">
|
||
<div class="row">
|
||
<div class="col-md-8 col-md-offset-2">
|
||
<h1 class="to-animate">SimpleWebConf 2021</h1>
|
||
<h2 class="to-animate">A conference celebrating web development made simple, from side
|
||
project to enterprise!
|
||
</h2>
|
||
<br>
|
||
<h1 class="to-animate">24-25 June, 2021 - online - free</h1>
|
||
<h3 class="to-animate">Workshops online, 22-23 June</h3>
|
||
<div class="col-md-12 text-center">
|
||
<p><a href="https://www.youtube.com/channel/UC4wZ2g-cisENrEmkNciUBKg/videos"
|
||
class="btn btn-primary btn-large big-red-button">Watch full record on
|
||
Youtube</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row top-actions">
|
||
<div class="col-md-offset-4 col-md-4 col-sm-6 text-center to-animate">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="slant"></div>
|
||
</section>
|
||
|
||
<section id="fh5co-about" data-section="program">
|
||
<div class="container">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 section-heading text-center">
|
||
<h2 class="to-animate">Program & slides</h2>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="sessionize-loader">
|
||
<div class="sz-root">
|
||
<div id="sessionize" class="sessionize-wrapper">
|
||
<link rel="stylesheet" href="https://sessionize.com/api/v2/rg3c88d8/embedstyle"
|
||
media="screen">
|
||
<div class="sz-timezone" style="display: none;">
|
||
<div class="sz-timezone__radio sz-timezone__radio--local"> <input type="radio"
|
||
id="local-timezone" name="select-timezone" checked=""> <label
|
||
for="local-timezone"> <span class="sz-timezone__name"></span> <span
|
||
class="sz-timezone__tooltip" role="tooltip"></span> </label> </div>
|
||
<svg class="icon-clock-time">
|
||
<use xlink:href="#icon-clock-time"></use>
|
||
</svg>
|
||
<div class="sz-timezone__radio sz-timezone__radio--event"> <input type="radio"
|
||
id="event-timezone" name="select-timezone"> <label for="event-timezone">
|
||
<span class="sz-timezone__name"></span> <span
|
||
class="sz-timezone__tooltip" role="tooltip"></span> </label> </div>
|
||
</div>
|
||
<div class="sz-tab-container sz-tab-container--active" id="sz-tab-0">
|
||
<ul class="sz-sessions--list">
|
||
<li id="sz-session-259541" data-sessionid="259541"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="c96322ab-da80-4ff8-8b16-9d07f8b808f1"> <a
|
||
href="#"
|
||
>Yohan
|
||
Lasorsa</a> </li>
|
||
<li data-speakerid="22c4edc8-2be9-436e-8f4e-047ac9497933"> <a
|
||
href="#"
|
||
>Olivier
|
||
Leplus</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> Build, deploy and audit a serverless PWA
|
||
with Azure Static Web Apps </h3>
|
||
<p class="sz-session__description">Let's find out in practice the
|
||
changes to transform your web app into a PWA, and manage offline
|
||
mode, app install and updates. We'll use Angular tools for quick
|
||
bootstrapping, but don't worry it's not the focus here.<br>After
|
||
setting up continuous deployment for your app using Azure Static Web
|
||
Apps and GitHub Actions, we'll gradually improve your app by
|
||
checking the useful metrics to keep in mind.</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-256950" data-sessionid="256950"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="f6db1268-74ff-4d14-8227-d2a8acd1e86d"> <a
|
||
href="#"
|
||
>Jean-Christophe
|
||
Gueriaud</a> </li>
|
||
<li data-speakerid="ff705f64-825a-4cac-bac0-837bfee8dd11"> <a
|
||
href="#"
|
||
>Marcus
|
||
Hellberg</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> Build your own PWA with Lit, Spring Boot,
|
||
and Vaadin Fusion </h3>
|
||
<a class="download" href="slides/Vaadin_SimpleWebConf - Cooking Club Workshop.pdf">Download slides</a>
|
||
<p class="sz-session__description">In this workshop you will build an
|
||
offline-capable event management system: "Cooking Club". You will
|
||
build the backend to fetch and save the events using Spring Boot and
|
||
Java and communicate seamlessly with the Typescript frontend to
|
||
build your views with custom Web components and forms with the
|
||
Vaadin Design System. You'll be able to enjoy the end-to-end type
|
||
safety experience.</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-253633" data-sessionid="253633"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="686a1439-6985-4530-89ee-b9ba23eb4869"> <a
|
||
href="#"
|
||
>Alex
|
||
Korzhikov</a> </li>
|
||
<li data-speakerid="6ccf1473-4e30-4bc2-8606-a05a6194c7d5"> <a
|
||
href="#"
|
||
>Joren
|
||
Broekema</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> Web Components in Action </h3>
|
||
<a href="slides/SimpleWebConf - Web Components In Action - 2021.pdf" class="download">Download slides</a>
|
||
<p class="sz-session__description">The workshop extends JavaScript
|
||
programming language knowledge, overviews general software design
|
||
patterns. It is focused on Web Components standards and technologies
|
||
built on top of them, like Lit-HTML and Lit-Element. We also
|
||
practice writing Web Components both with native JavaScript and
|
||
using Lit-Element. In the end we overview key tooling to develop an
|
||
application - open-wc.</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-263707" data-sessionid="263707"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="9dd40a67-892e-4276-ae2c-e55685f30eef"> <a
|
||
href="#"
|
||
>Bob
|
||
Bijvoet</a> </li>
|
||
<li data-speakerid="a1b8596d-5f01-4d6d-be07-cef5d98d18e1"> <a
|
||
href="#"
|
||
>Maartje
|
||
Geven</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> Simple Web at ING </h3>
|
||
<p class="sz-session__description">ING is a global bank that choose a
|
||
strategic direction centered around reusing and standardizing
|
||
front-end development globally in all channels. This made possible
|
||
by the use of the Web Components.<br>Maartje and Bob will share
|
||
insights in how teams work together on building the best UX for
|
||
customers using a design system, standardized pipelines, the modern
|
||
web, micro front-ends and hybrid mobile. </p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-261693" data-sessionid="261693"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="87bbad6f-455b-489c-b7a0-087bf8d92923"> <a
|
||
href="#"
|
||
>Rob
|
||
Eisenberg</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> Introducing FAST </h3>
|
||
<a href="slides/Introducing FAST.pdf" class="download">Download slides</a>
|
||
<p class="sz-session__description">In January 2020 Web Components became
|
||
available in every major browser. An industry shift began as
|
||
Microsoft, Google, Salesforce, Adobe, SpaceX and many more began
|
||
investing heavily in these new web standards. In this talk you'll
|
||
get an introduction to Microsoft's web component and design system
|
||
tech stack: FAST. Join us to learn through live code and demos what
|
||
FAST is and what it can do for you.</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-255421" data-sessionid="255421"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="1ed3c166-f028-4237-8755-34137849d771"> <a
|
||
href="#"
|
||
>Hidde
|
||
de Vries</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> Accelerating accessibility in a
|
||
component-based world </h3>
|
||
<a href="https://talks.hiddedevries.nl/u59Pzr/accelerating-accessibility-in-a-component-based-world" class="download">Download slides</a>
|
||
<p class="sz-session__description">Components have revolutionised the
|
||
way we work, as they allow us to invent wheels only once. Executed
|
||
well, they can save all of the team time. This provides an
|
||
opportunity for broadening the impact of accessibility, too. This
|
||
practical talk will go into some strategies for baking accessibility
|
||
into components, so that more people can use them. </p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-265282" data-sessionid="265282"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="9a696b6e-5fbf-4b4c-ac4d-8b93bf93fa78"> <a
|
||
href="#"
|
||
>Fred
|
||
Schott</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> The Past, Present, and Future of Web
|
||
Build Tools </h3>
|
||
<p class="sz-session__description">In 2021, we find ourselves in the
|
||
middle of a web tooling revolution. Webpack, Babel, and other
|
||
popular tools that came to define the last decade are suddenly being
|
||
disrupted by new upstarts with impossible-to-ignore taglines. Would
|
||
you adopt a new tech stack to achieve a 10-100x performance boost?
|
||
Should you? Have modern browsers made build tooling itself obsolete?
|
||
In this talk, Fred explores the current state of web build tools,
|
||
how we got here, why things are changing, and how you can prepare
|
||
for the future.</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-261855" data-sessionid="261855"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="844e6828-5d23-4e6e-b399-45c616faf499"> <a
|
||
href="#"
|
||
>Luke
|
||
Dary</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> Fashionable Web Components: Bespoke and
|
||
Ready-To-Use </h3>
|
||
<a href="slides/Fashionable Web Components.pptx" class="download">Download slides</a>
|
||
<p class="sz-session__description">Can enterprise-grade web components
|
||
be extremely custom-tailored while also usable in broader
|
||
off-the-rack applications? Yes, and the result is a developer
|
||
experience that is fabulous.</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-259407" data-sessionid="259407"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="904eb724-877a-4cf1-bdb9-eaf7f9dfd73f"> <a
|
||
href="#"
|
||
>Sam
|
||
Richard</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> PWAs: Past, Present, Future </h3>
|
||
<a href="slides/PWAs_ Past, Present, Future.pdf" class="download">Download slides</a>
|
||
<p class="sz-session__description">PWAs started as a way to let websites
|
||
live alongside app store installed apps. Today, PWAs are much more
|
||
than just website shortcuts; they're reliable, capable, and
|
||
installable on any device. Explore the technology that enables PWAs,
|
||
what success looks like for companies that adopt them, and the new
|
||
capabilities coming that will let you rethink the kinds of apps you
|
||
can deliver on the web.</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-258431" data-sessionid="258431"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="624f7e43-7a3c-4e75-ba65-a25e114ee3a4"> <a
|
||
href="#"
|
||
>Melissa
|
||
Jurkoic</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> Users Don't Have to Suffer in the Cloud
|
||
</h3>
|
||
<a href="slides/Users Don't Have to Suffer in the Cloud - SWC.pdf" class="download">Download slides</a>
|
||
<p class="sz-session__description">The cloud has a lot to offer - this
|
||
is unquestionable. <br>The strategies to move to the cloud usually
|
||
steer towards either migrating their data centers to IaaS and
|
||
PaaS.<br>These strategies can introduce serious challenges for
|
||
end-users. <br>What if there was a third option? There is. A hub and
|
||
spoke architecture frees you to make the right technology decisions
|
||
without impacting user adoption.</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-257711" data-sessionid="257711"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="95315b5c-2c7a-4e6f-89d3-bf6abfa10a16"> <a
|
||
href="#"
|
||
>Idan
|
||
Cohen</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> How JSON.stringify() Cost Me $8K </h3>
|
||
<a href="slides/How JSON.stringify() Cost Me $8K.pdf" class="download">Download slides</a>
|
||
<p class="sz-session__description">GCP & Firebase made app
|
||
development ridiculously simple. Unfortunately, it also made it
|
||
dangerously easy to mess up. And with GCP savage scaling
|
||
capabilities - a tiny mistake can quickly become HUGE. How huge?
|
||
Join me at this talk as I trace the steps that led to this tragedy,
|
||
and share some tips on how you can avoid it.</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-264488" data-sessionid="264488"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="0b1e435d-4f08-468c-9d85-9753bf6a0cda"> <a
|
||
href="#"
|
||
>Mathieu
|
||
Puech</a> </li>
|
||
<li data-speakerid="84c99e10-3ccf-4060-b082-4485d82f2a7d"> <a
|
||
href="#"
|
||
>Matthieu
|
||
Lebigre</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> Create a design system with Lion web
|
||
components </h3>
|
||
<a href="slides/Create a design system with Lion web components.pdf" class="download">Download slides</a>
|
||
<p class="sz-session__description">Lion web components allows you to
|
||
create a complete design system with just a little code. Styling it
|
||
is easy but you can do more by personalizing to your UX needs.</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-257533" data-sessionid="257533"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="c4aacb2e-3f1b-4097-8155-19b2f24dcd14"> <a
|
||
href="#"
|
||
>Colby
|
||
Fayock</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> Put Down the Javascript - Level Up with
|
||
the Fundamentals of Web Development </h3>
|
||
<a href="https://slides.com/colbyfayock/put-down-the-javascript-level-up-with-the-fundamentals-of-web-development-simplewebconf-2021" class="download">Download slides</a>
|
||
<p class="sz-session__description">Bootcamps and tutorials have a habit
|
||
of throwing those curious to learn right into Javascript, ignoring
|
||
the fundamentals of web development, making them miss some key
|
||
pieces to the puzzle of the web. We’ll look at how you can level up
|
||
your Javascript by getting back to the basics of HTML and CSS that
|
||
can enhance SEO, performance, and accessibility.</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-254278" data-sessionid="254278"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="4bb267a2-81b4-4f03-b0ad-f721114aa440"> <a
|
||
href="#"
|
||
>Thomas
|
||
Allmer</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> A modern web setup for static sites with
|
||
a sprinkle of JavaScript </h3>
|
||
<a href="slides/A modern web setup for static sites.pdf" class="download">Download slides</a>
|
||
<p class="sz-session__description">Join me in taking a brief history in
|
||
how web development started with html, css, js and how is it
|
||
different to the complex js heavy development from today.<br>Not
|
||
everyone likes these complexities so we will explore some (upcoming)
|
||
web standards and tools which allow us go full circle and working
|
||
with html, css, js again without compromises in Developer or User
|
||
Experience.</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-260328" data-sessionid="260328"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="2c5b794c-244f-4279-b0ab-e101bc17b4e1"> <a
|
||
href="#"
|
||
>Francesco
|
||
Leardini</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> Wait...can my browser do that?? </h3>
|
||
<a href="https://docs.google.com/presentation/d/e/2PACX-1vRUED5l37KMmPa7Hxlcyd2vvPwZZ-kxXpPnmFXQ2oRrl9krKKSSHFVPByr6KhHABCbk9aZJc3ZeuPqx/pub?start=false&loop=false&delayms=3000&slide=id.p2" class="download">Download slides</a>
|
||
<p class="sz-session__description">With the aim of modern web APIs, it
|
||
is possible to design completely new functionalities and explore
|
||
unique technological combinations, changing the way we develop and
|
||
interact with web apps. We can directly use hardware devices and
|
||
just through our browser! Let's explore some of the most exciting
|
||
APIs and see how we can combine them to unlock new scenarios and
|
||
give superpowers to our web apps. </p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-263139" data-sessionid="263139"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="e87fd71c-124e-4706-aff1-5d4c6490c68e"> <a
|
||
href="#"
|
||
>Gil
|
||
Fink</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> Profiling JavaScript Like A Pro </h3>
|
||
<a class="download" href="slides/Profiling JavaScript Apps.pdf">Download slides</a>
|
||
<p class="sz-session__description">As front-end developers we strive to
|
||
build fast and fluid web apps. But how can you find performance
|
||
problems? How do you profile a web app? <br>In this session you will
|
||
get to know how the browser works. Then, you will learn how to use
|
||
that information to profile web apps.</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-261991" data-sessionid="261991"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="47796677-1392-43cb-98a9-fe875f3de5b2"> <a
|
||
href="#"
|
||
>Frank
|
||
Tamre</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> A Billion Low End devices and their users
|
||
</h3>
|
||
<a href="slides/nextBillion.pdf" class="download">Download slides</a>
|
||
<p class="sz-session__description">Approximately half of the world's s
|
||
population is not connected to the internet. Its is projected that
|
||
most of this number use low end devices to come online for the first
|
||
time.<br>At the end of this talk, attendees will leave with the
|
||
understanding of low end users, slow or poor internet, performance
|
||
issues in low end devices and how to build for low end devices for
|
||
the next billion users.</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
<li id="sz-session-266397" data-sessionid="266397"
|
||
class="sz-session sz-session--full ">
|
||
<ul class="sz-session__speakers">
|
||
<li data-speakerid="b8a28ff1-2edd-44e9-b846-799feea4720c"> <a
|
||
href="#"
|
||
>Agnes
|
||
Crepet</a> </li>
|
||
<li data-speakerid="d44faf32-f024-453b-bbe7-82b47c66696c"> <a
|
||
href="#"
|
||
>Audrey
|
||
Neveu</a> </li>
|
||
</ul>
|
||
<h3 class="sz-session__title"> Digital and ethics : the impossible
|
||
equation? </h3>
|
||
<p class="sz-session__description">The digital era comes with promises
|
||
of a better future. However, if its environmental costs start being
|
||
evaluated and criticized, its social and geopolitical problems are
|
||
still unknown.<br>From ore extraction to bloatware and planned
|
||
obsolescence, the digital era is a revolution that does not keep its
|
||
promise of a shiny future. How we can build a more virtuous, ethical
|
||
and responsible digital era?</p>
|
||
|
||
<ul class="sz-session__tags"> </ul>
|
||
<dl class="sz-session__questions"> </dl>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div id="sz-modal-container" class="sz-modal-container is-hidden"></div>
|
||
<script>
|
||
|
||
</script>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row" style="margin-top: 30px">
|
||
<div class="col-md-12 section-heading text-center">
|
||
<h2 class="to-animate">Team</h2>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="fh5co-person text-center to-animate">
|
||
<figure><img src="images/team/julien.jpeg" alt="julien's profile photo"></figure>
|
||
<h3>Julien Lengrand-Lambert</h3>
|
||
<span class="fh5co-position">Tech Community Builder</span>
|
||
<p>Community Builder and Lead developer. I create 'islands' where engineers are the heroes</p>
|
||
<ul class="social social-circle">
|
||
<li><a href="https://twitter.com/jlengrand"><i class="icon-twitter"></i></a></li>
|
||
<li><a href="https://www.linkedin.com/in/julienlengrand/"><i class="icon-linkedin"></i></a>
|
||
</li>
|
||
<li><a href="https://github.com/jlengrand"><i class="icon-github"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="fh5co-person text-center to-animate">
|
||
<figure><img src="images/team/mikhail.jpeg" alt="mikhail's profile photo"></figure>
|
||
<h3>Mikhail Kuznetcov</h3>
|
||
<span class="fh5co-position">IT Chapter Lead</span>
|
||
<p>Software engineer, teacher, team lead. Software architecture professional, events organiser
|
||
</p>
|
||
<ul class="social social-circle">
|
||
<li><a href="https://twitter.com/shershen08"><i class="icon-twitter"></i></a></li>
|
||
<li><a href="https://www.linkedin.com/in/michailkuznetcov/"><i
|
||
class="icon-linkedin"></i></a></li>
|
||
<li><a href="https://github.com/shershen08"><i class="icon-github"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="fh5co-person text-center to-animate">
|
||
<figure><img src="images/team/alex.png" alt="alex's profile photo"></figure>
|
||
<h3>Alex Korzhikov</h3>
|
||
<span class="fh5co-position">Software Engineer</span>
|
||
<p>Team lead, instructor, speaker, mentor, and author of technical materials</p>
|
||
<ul class="social social-circle">
|
||
<li><a href="https://twitter.com/AlexKorzhikov"><i class="icon-twitter"></i></a></li>
|
||
<li><a href="https://www.linkedin.com/in/julienlengrand/"><i class="icon-linkedin"></i></a>
|
||
</li>
|
||
<li><a href="https://github.com/korzio"><i class="icon-github"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</br>
|
||
<div class="container" data-section="about">
|
||
<div class="row">
|
||
<div class="col-md-12 section-heading text-center">
|
||
<h2>Selection committee</h2>
|
||
Our team who will select the talks
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="fh5co-person text-center">
|
||
<figure><img src="images/team/margarita.jpeg" alt="margarita's profile photo"></figure>
|
||
<h3>Margarita Roi</h3>
|
||
<span class="fh5co-position">Freelance developer, teacher</span>
|
||
<ul class="social social-circle">
|
||
<li><a href="https://www.instagram.com/riittagirl/?hl=en"><i class="icon-instagram"></i></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="fh5co-person text-center">
|
||
<figure><img src="images/team/natalie.jpeg" alt="Natalie's profile photo"></figure>
|
||
<h3>Natalie Fruitema</h3>
|
||
<span class="fh5co-position">Enthusiastic Front-end developer @ING</span>
|
||
<ul class="social social-circle">
|
||
<li><a href="https://www.linkedin.com/in/natalie-fruitema-406074131/"><i
|
||
class="icon-linkedin"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-4">
|
||
<div class="fh5co-person text-center">
|
||
<figure><img src="images/team/frank.jpeg" alt="Frank's profile photo"></figure>
|
||
<h3>Frank Wijmans</h3>
|
||
<span class="fh5co-position">Consumer Engineer at Touchpoint ING</span>
|
||
<ul class="social social-circle">
|
||
<li><a href="https://www.linkedin.com/in/frank-wijmans-1a119832/"><i
|
||
class="icon-linkedin"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="fh5co-about" data-section="tickets">
|
||
<div class="container">
|
||
<!-- <div class="row">
|
||
<div class="col-md-12 section-heading text-center">
|
||
<h2>Reserve your spot</h2>
|
||
<div class="row"></div>
|
||
<div class="col-md-8 col-md-offset-2 subtext to-animate fadeInUp animated">
|
||
<h3>
|
||
<b>SimpleWebConf 2021 is online, and free!</b>
|
||
<br>
|
||
Register now to get a reminder later when the agenda is defined. Seats are limited, so
|
||
please reserve your seat now!
|
||
</h3>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6 col-md-offset-3 text-center">
|
||
<p><a href="https://www.youtube.com/channel/UC4wZ2g-cisENrEmkNciUBKg/videos"
|
||
class="btn btn-primary btn-large big-red-button">Watch full record on Youtube</a></p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="fh5co-counters" style="background-image: url(images/full_image_1.jpg);"
|
||
data-stellar-background-ratio="0.5">
|
||
<div class="fh5co-overlay"></div>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 section-heading text-center to-animate">
|
||
<h2>The conference in facts</h2>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-4 col-sm-6 col-xs-12">
|
||
<div class="fh5co-counter to-animate">
|
||
<i class="fh5co-counter-icon icon-briefcase to-animate-2"></i>
|
||
<span class="fh5co-counter-number js-counter" data-from="0" data-to="12" data-speed="500"
|
||
data-refresh-interval="50">1</span>
|
||
<span class="fh5co-counter-label">Talks</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 col-sm-6 col-xs-12">
|
||
<div class="fh5co-counter to-animate">
|
||
<i class="fh5co-counter-icon icon-code to-animate-2"></i>
|
||
<span class="fh5co-counter-number js-counter" data-from="0" data-to="3" data-speed="500"
|
||
data-refresh-interval="50">1</span>
|
||
<span class="fh5co-counter-label">workshops</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 col-sm-6 col-xs-12">
|
||
<div class="fh5co-counter to-animate">
|
||
<i class="fh5co-counter-icon icon-cup to-animate-2"></i>
|
||
<span class="fh5co-counter-number js-counter" data-from="0" data-to="2" data-speed="500"
|
||
data-refresh-interval="50">1</span>
|
||
<span class="fh5co-counter-label">days</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer id="footer" role="contentinfo">
|
||
<div class="container">
|
||
<div class="">
|
||
<div class="col-md-12 text-center small-footer-text">
|
||
<p>© Elate Free HTML5. All Rights Reserved. Created by <a href="http://freehtml5.co/"
|
||
target="_blank">FREEHTML5.co</a> Images: <a href="http://pexels.com/"
|
||
target="_blank">Pexels</a>, <a href="http://plmd.me/" target="_blank">plmd.me</a></p>
|
||
</div>
|
||
</div>
|
||
<a href="#" class="gotop js-gotop"><i class="icon-arrow-up2"></i></a>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/jquery.min.js"></script>
|
||
<script src="js/jquery.easing.1.3.js"></script>
|
||
<script src="js/bootstrap.min.js"></script>
|
||
<script src="js/jquery.waypoints.min.js"></script>
|
||
<script src="js/jquery.stellar.min.js"></script>
|
||
<script src="js/jquery.countTo.js"></script>
|
||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||
<script src="js/magnific-popup-options.js"></script>
|
||
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
|
||
</html> |