diff --git a/css/custom.css b/css/custom.css index b16bed9..c4a670d 100644 --- a/css/custom.css +++ b/css/custom.css @@ -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; } \ No newline at end of file diff --git a/index-fin.html b/index-fin.html new file mode 100644 index 0000000..2a60b4f --- /dev/null +++ b/index-fin.html @@ -0,0 +1,754 @@ + + + + + + SimpleWebConf 2021 - Make Web Development Simple + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+

SimpleWebConf 2021

+

A conference celebrating web development made simple, from side + project to enterprise! +

+
+

24-25 June, 2021 - online - free

+

Workshops online, 22-23 June

+
+

Watch full record on + Youtube

+
+
+
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+
+

Program & slides

+
+
+
+
+
+
+
+ + +
+
    +
  • + +

    Build, deploy and audit a serverless PWA + with Azure Static Web Apps

    +

    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.
    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.

    + +
    +
    +
    • +
  • + +

    Build your own PWA with Lit, Spring Boot, + and Vaadin Fusion

    + Download slides +

    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.

    + +
    +
    +
    • +
  • + +

    Web Components in Action

    + Download slides +

    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.

    + +
    +
    +
    • +
  • + +

    Simple Web at ING

    +

    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.
    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.

    + +
    +
    +
    • +
  • + +

    Introducing FAST

    + Download slides +

    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.

    + +
    +
    +
    • +
  • + +

    Accelerating accessibility in a + component-based world

    + Download slides +

    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.

    + +
    +
    +
    • +
  • + +

    The Past, Present, and Future of Web + Build Tools

    +

    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.

    + +
    +
    +
    • +
  • + +

    Fashionable Web Components: Bespoke and + Ready-To-Use

    + Download slides +

    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.

    + +
    +
    +
    • +
  • + +

    PWAs: Past, Present, Future

    + Download slides +

    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.

    + +
    +
    +
    • +
  • + +

    Users Don't Have to Suffer in the Cloud +

    + Download slides +

    The cloud has a lot to offer - this + is unquestionable.
    The strategies to move to the cloud usually + steer towards either migrating their data centers to IaaS and + PaaS.
    These strategies can introduce serious challenges for + end-users.
    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.

    + +
    +
    +
    • +
  • + +

    How JSON.stringify() Cost Me $8K

    + Download slides +

    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.

    + +
    +
    +
    • +
  • + +

    Create a design system with Lion web + components

    + Download slides +

    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.

    + +
    +
    +
    • +
  • + +

    Put Down the Javascript - Level Up with + the Fundamentals of Web Development

    + Download slides +

    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.

    + +
    +
    +
    • +
  • + +

    A modern web setup for static sites with + a sprinkle of JavaScript

    + Download slides +

    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.
    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.

    + +
    +
    +
    • +
  • + +

    Wait...can my browser do that??

    + Download slides +

    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.

    + +
    +
    +
    • +
  • + +

    Profiling JavaScript Like A Pro

    + Download slides +

    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?
    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.

    + +
    +
    +
    • +
  • + +

    A Billion Low End devices and their users +

    + Download slides +

    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.
    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.

    + +
    +
    +
    • +
  • + +

    Digital and ethics : the impossible + equation?

    +

    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.
    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?

    + +
    +
    +
    • +
+
+ + + +
+
+
+
+
+
+ +
+
+

Team

+
+
+
+
+
+
julien's profile photo
+

Julien Lengrand-Lambert

+ Tech Community Builder +

Community Builder and Lead developer. I create 'islands' where engineers are the heroes

+ +
+
+
+
+
mikhail's profile photo
+

Mikhail Kuznetcov

+ IT Chapter Lead +

Software engineer, teacher, team lead. Software architecture professional, events organiser +

+ +
+
+
+
+
alex's profile photo
+

Alex Korzhikov

+ Software Engineer +

Team lead, instructor, speaker, mentor, and author of technical materials

+ +
+
+
+
+
+
+
+
+

Selection committee

+ Our team who will select the talks +
+
+
+
+
+
margarita's profile photo
+

Margarita Roi

+ Freelance developer, teacher + +
+
+
+
+
Natalie's profile photo
+

Natalie Fruitema

+ Enthusiastic Front-end developer @ING + +
+
+ +
+
+
Frank's profile photo
+

Frank Wijmans

+ Consumer Engineer at Touchpoint ING + +
+
+
+
+
+ +
+
+ +
+ +
+
+

Watch full record on Youtube

+
+
+
+ +
+
+
+
+
+

The conference in facts

+
+
+
+
+
+ + 1 + Talks +
+
+
+
+ + 1 + workshops +
+
+
+
+ + 1 + days +
+
+
+
+
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/slides/A modern web setup for static sites.pdf b/slides/A modern web setup for static sites.pdf new file mode 100644 index 0000000..34b8f11 Binary files /dev/null and b/slides/A modern web setup for static sites.pdf differ diff --git a/slides/Create a design system with Lion web components.pdf b/slides/Create a design system with Lion web components.pdf new file mode 100644 index 0000000..4832893 Binary files /dev/null and b/slides/Create a design system with Lion web components.pdf differ diff --git a/slides/Fashionable Web Components.pptx b/slides/Fashionable Web Components.pptx new file mode 100644 index 0000000..b57c99f Binary files /dev/null and b/slides/Fashionable Web Components.pptx differ diff --git a/slides/How JSON.stringify() Cost Me $8K.pdf b/slides/How JSON.stringify() Cost Me $8K.pdf new file mode 100644 index 0000000..483377d Binary files /dev/null and b/slides/How JSON.stringify() Cost Me $8K.pdf differ diff --git a/slides/Introducing FAST.pdf b/slides/Introducing FAST.pdf new file mode 100644 index 0000000..e5571ec Binary files /dev/null and b/slides/Introducing FAST.pdf differ diff --git a/slides/PWAs_ Past, Present, Future.pdf b/slides/PWAs_ Past, Present, Future.pdf new file mode 100644 index 0000000..a10cb3f Binary files /dev/null and b/slides/PWAs_ Past, Present, Future.pdf differ diff --git a/slides/Profiling JavaScript Apps.pdf b/slides/Profiling JavaScript Apps.pdf new file mode 100644 index 0000000..c8f2abc Binary files /dev/null and b/slides/Profiling JavaScript Apps.pdf differ diff --git a/slides/SimpleWebConf - Web Components In Action - 2021.pdf b/slides/SimpleWebConf - Web Components In Action - 2021.pdf new file mode 100644 index 0000000..508bbe8 Binary files /dev/null and b/slides/SimpleWebConf - Web Components In Action - 2021.pdf differ diff --git a/slides/Users Don't Have to Suffer in the Cloud - SWC.pdf b/slides/Users Don't Have to Suffer in the Cloud - SWC.pdf new file mode 100644 index 0000000..eb18d0e Binary files /dev/null and b/slides/Users Don't Have to Suffer in the Cloud - SWC.pdf differ diff --git a/slides/Vaadin_SimpleWebConf - Cooking Club Workshop.pdf b/slides/Vaadin_SimpleWebConf - Cooking Club Workshop.pdf new file mode 100644 index 0000000..a6c0382 Binary files /dev/null and b/slides/Vaadin_SimpleWebConf - Cooking Club Workshop.pdf differ diff --git a/slides/nextBillion.pdf b/slides/nextBillion.pdf new file mode 100644 index 0000000..58ef150 Binary files /dev/null and b/slides/nextBillion.pdf differ