mirror of
https://github.com/SimpleWebConf/SimpleWebConf.github.io.git
synced 2026-03-10 08:51:23 +00:00
add slides
This commit is contained in:
Mikhail Kuznetcov
@@ -123,4 +123,10 @@ html {
|
||||
|
||||
#fh5co-services #sessionize ul.sz-session__speakers a {
|
||||
color: white !important;
|
||||
}
|
||||
a.download {
|
||||
background:#f44336;
|
||||
color: #fff;
|
||||
padding: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
754
index-fin.html
Normal file
754
index-fin.html
Normal file
@@ -0,0 +1,754 @@
|
||||
<!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>
|
||||
BIN
slides/A modern web setup for static sites.pdf
Normal file
BIN
slides/A modern web setup for static sites.pdf
Normal file
Binary file not shown.
BIN
slides/Create a design system with Lion web components.pdf
Normal file
BIN
slides/Create a design system with Lion web components.pdf
Normal file
Binary file not shown.
BIN
slides/Fashionable Web Components.pptx
Normal file
BIN
slides/Fashionable Web Components.pptx
Normal file
Binary file not shown.
BIN
slides/How JSON.stringify() Cost Me $8K.pdf
Normal file
BIN
slides/How JSON.stringify() Cost Me $8K.pdf
Normal file
Binary file not shown.
BIN
slides/Introducing FAST.pdf
Normal file
BIN
slides/Introducing FAST.pdf
Normal file
Binary file not shown.
BIN
slides/PWAs_ Past, Present, Future.pdf
Normal file
BIN
slides/PWAs_ Past, Present, Future.pdf
Normal file
Binary file not shown.
BIN
slides/Profiling JavaScript Apps.pdf
Normal file
BIN
slides/Profiling JavaScript Apps.pdf
Normal file
Binary file not shown.
BIN
slides/SimpleWebConf - Web Components In Action - 2021.pdf
Normal file
BIN
slides/SimpleWebConf - Web Components In Action - 2021.pdf
Normal file
Binary file not shown.
BIN
slides/Users Don't Have to Suffer in the Cloud - SWC.pdf
Normal file
BIN
slides/Users Don't Have to Suffer in the Cloud - SWC.pdf
Normal file
Binary file not shown.
BIN
slides/Vaadin_SimpleWebConf - Cooking Club Workshop.pdf
Normal file
BIN
slides/Vaadin_SimpleWebConf - Cooking Club Workshop.pdf
Normal file
Binary file not shown.
BIN
slides/nextBillion.pdf
Normal file
BIN
slides/nextBillion.pdf
Normal file
Binary file not shown.
Reference in New Issue
Block a user