Adding a bit of static type checking to a world of web components
0 likes74 views
Web Components are a set of web platform API that focus on encapsulation and reusability that will soon be supported in all browsers. This means they can be used for free, at the opposite of frameworks like React. Web Components allow for great modularity, but can actually become very difficult to maintain and extend in large applications. Could a strongly, statically typed (and pure!) language like Elm solve those issues? This is what we will investigate together...
1 of 112
Download to read offline
Recommended
Styleguide-Driven Development: The New Web Development
Styleguide-Driven Development: The New Web DevelopmentJohn Albin Wilkins
?
The session was originally titled "Managing Complex Projects with Design Components¡±, but the training I took to become a certified ScrumMaster blew my mind.
Integrating agile development with web development is actually very simple. It's called Styleguide-Driven Development.
In this session, we will discuss the two requirements for Style Guide Driven Development: component-based design and automated style guides.vJUG24 - Spring Boot and Kotlin, a match made in Heaven
vJUG24 - Spring Boot and Kotlin, a match made in HeavenNicolas Fr?nkel
?
This document discusses how Spring Boot and Kotlin are a good match. It highlights how Spring Boot allows for convention over configuration and out-of-the-box features. It also summarizes some of Kotlin's main features like being functionally and object-oriented, statically typed, null safety, and Java compatibility. Extension functions are described as a killer feature that allow adding new methods on existing types. The document provides a basic "Hello World" Kotlin example and discusses using Kotlin with Spring Web and reactive Spring.Java One - Designing a DSL in Kotlin
Java One - Designing a DSL in KotlinNicolas Fr?nkel
?
How to design a Domain-Specific Language using features offered by the Kotlin language, using the Vaadin API as a example.Secrets of a Blazor Component Artisan
Secrets of a Blazor Component ArtisanEd Charbeneau
?
In this session we'll jump past hello world and focus on Blazor's Razor Component architecture. We'll learn component design concepts and best practices including: event handling, attribute splatting, state management, and component libraries. Through example we'll understand the tools and techniques from one of the top Blazor community contributors and Microsoft MVP, Ed Charbeneau.React Storybook, Atomic Design, and ITCSS
React Storybook, Atomic Design, and ITCSSTrevor Pierce
?
This document discusses the evolution of web design methodologies from static pages to dynamic single-page applications. It introduces Atomic Design and ITCSS as approaches to bring more structure and scalability to component-based design systems. The author learns to design directly in React using Atomic patterns, CSS Modules, and PostCSS to address challenges with CSS organization and scaling. They create a living style guide using Storybook to demonstrate these techniques.Atomic design
Atomic designBrad Frost
?
All matter, no matter how complex, can be broken down into molecules which can be broken down further into atomic elements. All web interfaces can be broken down down the same way. Atomic Design provides a methodology for building an effective design system. It consists of five distint stages: atoms, molecules, organisms, templates and pages.
Snappy Means Happy: Performance in Ember Apps
Snappy Means Happy: Performance in Ember AppsMatthew Beale
?
Ember is fast. Ember Core is working hard to make Ember even faster. So why does your app drag?
The performance of a single-page app is impacted by the performance characteristics of its foundational parts: Network, Rendering, and JavaScript. Ember provides tools to manage these cornerstones, but with the tradeoff of introducing its own characteristics.
In this talk, we will use the source of real, shipped Ember apps (and of Ember itself) to diagnose, understand, and improve slow interactions. The Chrome developer tools will help us understand slow code paths and identify opportunities for improvement. Along the way, we will learn how parts of Ember work at the macro and micro level and learn how the framework helps us manage performance challenges in a browser environment.Use atomic design ftw
Use atomic design ftwGiantJohnPepper
?
The document discusses atomic design principles and best practices for CSS architecture and code. It explains the different levels of atomic design including atoms, molecules, organisms, templates and pages. It provides examples of how to implement atomic design using CSS extensions, mixins, variables and imports. It also outlines recommendations for CSS practices such as managing specificity, using semantic selectors, separating concerns of paint and layout, avoiding magic numbers, and more.Rails is Easy*
Rails is Easy*bryanbibat
?
The document provides an overview of the history and evolution of the Rails web framework from 2006 to 2013. It discusses how Rails initially aimed to make web development "easy" but this led to issues with code quality. It then outlines how conventions and best practices developed over time to structure Rails applications according to the MVC pattern and provide guidance on testing, deployment and other aspects of developing with Rails. The document also notes that many advanced Rails topics were not covered.Change by HTML5
Change by HTML5dynamis
?
The document summarizes key features of HTML5 including updated markup, forms, multimedia elements, APIs, and specifications. It discusses the evolution of HTML in an incremental way to ease authoring of web applications. Specific HTML5 features covered include forms, Canvas, WebSockets, and APIs for drag-and-drop, geolocation, offline events, and more. Browser support for HTML5 is also addressed.Moving from Web 1.0 to Web 2.0
Moving from Web 1.0 to Web 2.0Estelle Weyl
?
The document discusses the evolution from Web 1.0 to Web 2.0, including defining characteristics of Web 2.0 sites like user participation, reusable data, and improving functionality as more users engage with the site. It also provides an overview of important Web 2.0 technologies like AJAX, microformats, mashups and recommendations for skills needed by web developers, such as JavaScript libraries, debugging tools, and techniques to improve page load speeds.Web Components: The Future of Web Development is Here
Web Components: The Future of Web Development is HereJohn Riviello
?
With the updates to iOS and Android phones released earlier this year, Web Components are now supported natively. With libraries such as Polymer that are built on top of Web Components, it is now possible to easily create fast Progressive Web Apps (PWAs) without the overhead of a framework. In this workshop, we'll begin with a brief introduction to Web Components and Polymer, and then dive into hands-on experiences with the core aspects of Web Components: the <template> tag, Custom Elements, and the Shadow DOM.Solving Common Web Component Problems - Simon MacDonald
Solving Common Web Component Problems - Simon MacDonaldWey Wey Web
?
This document discusses solving common problems with web components using server side rendering. It begins by explaining what web components are - custom elements, shadow DOM, and HTML templates. It then discusses why web components are useful, such as component reuse and interoperability. Common problems with web components are described like flash of undefined custom elements (FOUCE) and shadow DOM not playing well with native forms. Solutions to these problems include declarative shadow DOM and the Enhance framework, which allows server side rendering of components to avoid FOUCE and uses the light DOM for styling instead of shadow DOM. Overall, the document presents server side rendering as an effective way to solve problems with web components.Web Components: The Future of Web Development is Here
Web Components: The Future of Web Development is HereJohn Riviello
?
From Drupaldelphia 2018
If you haven¡¯t explored Web Components yet, you¡¯re missing out on a powerful tool that can greatly enhance reusability of common web elements throughout your websites and web applications. As Comcast has been updating our web properties to unify under a single UX, using Web Components with Polymer has helped make that process much more efficient.
This session will introduce you to what exactly Web Components are and how to use them. We¡¯ll also cover building Web Components with Polymer, the most popular Web Component library. You¡¯ll get to hear how Comcast is using the web platform to build its next generation single page apps & websites using the latest browser APIs.
You¡¯ll also learn about how easy it is to onboard a team to using Polymer, tips for sharing components with other websites & across teams, and best practices Comcast has established for efficient development of Web Components. Building a full-stack app with Golang and Google Cloud Platform in one?week
Building a full-stack app with Golang and Google Cloud Platform in one?weekDr. Felix Raab
?
This document discusses building a full-stack application called MemeMail using Golang and Google Cloud Platform within one week. It describes choosing Google Cloud over other cloud providers for its ease of use. It then discusses the frontend implementation using Vue.js with a simple state mutation approach. The backend is built with Golang on App Engine using Cloud services like Datastore and Cloud Build for CI/CD. It emphasizes keeping the architecture simple rather than over-engineering for an MVP within a tight deadline.Continuous Integration and Deployment Best Practices on AWS
Continuous Integration and Deployment Best Practices on AWSDanilo Poccia
?
This document discusses best practices for continuous integration and deployment on AWS. It recommends using AWS services like CodeCommit for source code repositories, CodeBuild for continuous integration, CodeDeploy for deployments, and CodePipeline for automated workflows. Continuous integration helps catch bugs early by frequently integrating code changes. Continuous deployment further automates releasing code to production multiple times a day through feature flags and A/B testing, allowing for rapid iteration and feedback from real users.Optimizing Spark Deployments for Containers: Isolation, Safety, and Performan...
Optimizing Spark Deployments for Containers: Isolation, Safety, and Performan...Spark Summit
?
Developers love Linux containers, which neatly package up an application and its dependencies and are easy to create and share. However, this unbeatable developer experience hides some deployment challenges for real applications: how do you wire together pieces of a multi-container application? Where do you store your persistent data if your containers are ephemeral? Do containers really contain and isolate your application, or are they merely hiding potential security vulnerabilities? Are your containers scheduled across your compute resources efficiently, or are they trampling on one another?
Container application platforms like Kubernetes provide the answers to some of these questions. We¡¯ll draw on expertise in Linux security, distributed scheduling, and the Java Virtual Machine to dig deep on the performance and security implications of running in containers. This talk will provide a deep dive into tuning and orchestrating containerized Spark applications. You¡¯ll leave this talk with an understanding of the relevant issues, best practices for containerizing data-processing workloads, and tips for taking advantage of the latest features and fixes in Linux Containers, the JDK, and Kubernetes. You¡¯ll leave inspired and enabled to deploy high-performance Spark applications without giving up the security you need or the developer-friendly workflow you want.Develop your first mobile App for iOS and Android
Develop your first mobile App for iOS and Androidralcocer
?
This document provides instructions for building a mobile app using Appcelerator Titanium. It begins by explaining the objectives of building an app and the assumptions about the intended audience's experience level. It then introduces Titanium and its capabilities. The document walks through creating a sample "Jokes" app, including setting up the Titanium development environment, configuring a new project, previewing it on simulators, and building out the app's structure and styling using XML and TSS files. The goal is to demonstrate the basic process and tools for designing, developing and running a simple Titanium-based mobile app.Develop your first mobile App for iOS and Android
Develop your first mobile App for iOS and AndroidRicardo Alcocer
?
This document provides instructions for building a mobile app using Appcelerator Titanium. It begins by explaining the objectives of building an app and the assumptions about the intended audience's experience level. It then provides an overview of Titanium, describing it as a JavaScript SDK that allows building native apps for iOS, Android, and other platforms. The document proceeds to guide building an example "Jokes" app, demonstrating how to set up the project structure in XML, apply styles, and construct the user interface with elements like windows, views, and table views.A rough guide to JavaScript Performance
A rough guide to JavaScript Performanceallmarkedup
?
This document provides guidance on optimizing JavaScript performance. It outlines general principles and offers specific tips for improving load time performance and runtime performance. For load times, it recommends moving scripts to the bottom of the page, concatenating, minimizing, and gzipping files, and loading scripts in a non-blocking way. For runtimes, it advises being cautious of the DOM due to overhead, writing lazy code that does minimal work, and managing AJAX requests through caching, GET requests, and returning optimized data formats. Additional resources on the topic are also referenced.PHP is the king, nodejs is the prince and Python is the fool - Alessandro Cin...
PHP is the king, nodejs is the prince and Python is the fool - Alessandro Cin...Codemotion
?
At Namshi, an e-commerce retailer based in Dubai serving the UAE and GCC, we are using different technologies to boost our architecture. We started with a common architecture based on PHP Nginx, Mysql and Memcache: the usual suspects. During last year the architecture changed a lot, using an SOA paradigm to meet expectations and the huge increase of traffic from several millions users throughout the year. But there¡¯s more¡ In this talk we will show how funny, easy and rewarding is to integrate different technologies in your stack, with PHP always being the king of the whole system.PHP is the King, nodejs the prince and python the fool
PHP is the King, nodejs the prince and python the foolAlessandro Cinelli (cirpo)
?
I gave this presentation at Codemotion Rome, it's the a story on a monolithic architecture evolved to an SOA architecture.Keypoints html5
Keypoints html5dynamis
?
20100807
OSC Nagoya ¤Ç¤ÎÖvÑÝÙYÁÏ
# ¥¹¥é¥¤¥É¤Î¤ß¤ÇÒŠ¤ä¤¹¤¤¤è¤¦Èô¸ÉÕûÀí
P5? Agenda
P17? "HTML5" ¤Ã¤ÆºÎ£¿
P56? HTML5 ¤Î¹ ‡ì¤Ï£¿
P67? ¥Ö¥é¥¦¥¶¤Î¥µ¥Ý©`¥È¤Ï£¿
P94? IE6 ¤Ï¤É¤¦¤¹¤ë¤Î£¿
P118? ʹÓÃÉϤÎ×¢Òâ
P147? ±ãÀû¤Ê¥Ä©`¥ë¤Ï£¿
P152? One Point Q&A
P186? ×·¼ÓÙYÁÏPutting the A in JAMstack
Putting the A in JAMstackChris on Code
?
This document discusses the JAMstack architecture and how it can be used to rebuild the Scotch.io website. It introduces key aspects of the JAMstack including JavaScript, APIs, and Markup. Popular headless CMSs that provide an API like Contentful, Prismic and Strapi are presented. Using a headless CMS with a static site generator like Gatsby, Hugo or Jekyll is demonstrated as a way to focus on content instead of building a custom CMS. Hosting the static site on DigitalOcean is presented as an affordable option."Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG
"Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG? Hanno Embregts ?
?
What source control software did you use in 2010? Possibly Git, if you were an early adopter or a Linux kernel committer. But chances are you were using Subversion, as this was the product of choice for the majority of the software developers. Ten years later, Git is the most popular product. Which makes me wonder: what will we use another ten years from now?
In this talk we will think about what features we want from our source control software in 2030. More speed? Better collaboration support? No merge conflicts ever?
I¡¯ll also discuss a few products that have been published after Git emerged, including Plastic, Fossil and Pijul. I¡¯ll talk about the extent to which they contain the features we so dearly desire and I¡¯ll demonstrate a few typical use cases. To conclude, I¡¯ll try to predict which one will be ¡®the top dog¡¯ in 2030 (all information is provided ¡°as is¡±, no guarantees etc. etc.).
So attend this session if you¡¯re excited about the future of version control and if you want to have a shot at beating even (!) the early adopters. Now if it turns out I was right, remember that you heard it here first. ?HTML5 and Beyond
HTML5 and Beyonddynamis
?
This document is a presentation on HTML5 and beyond given by Tomoya Asai at JSiSE at Hokkaido University. The presentation covers the current state and future of HTML5, browsers, JavaScript APIs, and new web technologies. It provides examples and references to specifications, browser implementations, and demos related to HTML5 features such as semantic markup, forms, canvas, WebSockets, geolocation, and more.Looking into HTML5
Looking into HTML5Christopher Schmitt
?
The document discusses the evolution of HTML5 from XHTML and highlights new HTML5 elements, audio/video capabilities, and the Canvas element. Key points include: HTML5 aims to address shortcomings of XHTML by simplifying the language; new semantic elements like <header>, <nav>, <article> are introduced; audio and video can be embedded but browser support is limited; the Canvas element allows for dynamic 2D graphic scripts and drawings on the page.Deep crawl the chaotic landscape of JavaScript 
Deep crawl the chaotic landscape of JavaScript Onely
?
The document discusses the challenges of indexing JavaScript-powered websites by search engines. It notes that JavaScript rendering takes significant computational resources, straining crawlers' budgets. It also suggests that client-side rendered JavaScript websites have difficulties with search engine indexing and ranking, as content may be missed during Google's two-wave indexing process for JavaScript. The document recommends using server-side rendering, hybrid rendering, or prerendering to help search engines properly index JavaScript websites.NL - Voeg een beetje 'static type checking' toe aan een wereld van web compon...
NL - Voeg een beetje 'static type checking' toe aan een wereld van web compon...Jordy Moos
?
Web Components zijn een paar nieuwe web platform API's met focus op encapsulatie en hergebruik. Web Components brenght het "component manier van programmeren" naar de browser. Maar brengt ook complexiteit met zich mee als je applicaties volledig op de component manier wilt programmeren. Kan een pure functionele programmeer taal hulp bieden?How to Develop Orchestration Logic in APIs with Baker
How to Develop Orchestration Logic in APIs with BakerJordy Moos
?
This document discusses how to develop orchestration logic for APIs using Baker. It introduces Baker and describes how it allows defining interactions, ingredients, and events for building process flows. It provides an example of modeling a recipe for spaghetti bolognese as a process in Baker using these concepts. Finally, it mentions some additional capabilities of Baker and provides links for further information.More Related Content
Similar to Adding a bit of static type checking to a world of web components (20)
Rails is Easy*
Rails is Easy*bryanbibat
?
The document provides an overview of the history and evolution of the Rails web framework from 2006 to 2013. It discusses how Rails initially aimed to make web development "easy" but this led to issues with code quality. It then outlines how conventions and best practices developed over time to structure Rails applications according to the MVC pattern and provide guidance on testing, deployment and other aspects of developing with Rails. The document also notes that many advanced Rails topics were not covered.Change by HTML5
Change by HTML5dynamis
?
The document summarizes key features of HTML5 including updated markup, forms, multimedia elements, APIs, and specifications. It discusses the evolution of HTML in an incremental way to ease authoring of web applications. Specific HTML5 features covered include forms, Canvas, WebSockets, and APIs for drag-and-drop, geolocation, offline events, and more. Browser support for HTML5 is also addressed.Moving from Web 1.0 to Web 2.0
Moving from Web 1.0 to Web 2.0Estelle Weyl
?
The document discusses the evolution from Web 1.0 to Web 2.0, including defining characteristics of Web 2.0 sites like user participation, reusable data, and improving functionality as more users engage with the site. It also provides an overview of important Web 2.0 technologies like AJAX, microformats, mashups and recommendations for skills needed by web developers, such as JavaScript libraries, debugging tools, and techniques to improve page load speeds.Web Components: The Future of Web Development is Here
Web Components: The Future of Web Development is HereJohn Riviello
?
With the updates to iOS and Android phones released earlier this year, Web Components are now supported natively. With libraries such as Polymer that are built on top of Web Components, it is now possible to easily create fast Progressive Web Apps (PWAs) without the overhead of a framework. In this workshop, we'll begin with a brief introduction to Web Components and Polymer, and then dive into hands-on experiences with the core aspects of Web Components: the <template> tag, Custom Elements, and the Shadow DOM.Solving Common Web Component Problems - Simon MacDonald
Solving Common Web Component Problems - Simon MacDonaldWey Wey Web
?
This document discusses solving common problems with web components using server side rendering. It begins by explaining what web components are - custom elements, shadow DOM, and HTML templates. It then discusses why web components are useful, such as component reuse and interoperability. Common problems with web components are described like flash of undefined custom elements (FOUCE) and shadow DOM not playing well with native forms. Solutions to these problems include declarative shadow DOM and the Enhance framework, which allows server side rendering of components to avoid FOUCE and uses the light DOM for styling instead of shadow DOM. Overall, the document presents server side rendering as an effective way to solve problems with web components.Web Components: The Future of Web Development is Here
Web Components: The Future of Web Development is HereJohn Riviello
?
From Drupaldelphia 2018
If you haven¡¯t explored Web Components yet, you¡¯re missing out on a powerful tool that can greatly enhance reusability of common web elements throughout your websites and web applications. As Comcast has been updating our web properties to unify under a single UX, using Web Components with Polymer has helped make that process much more efficient.
This session will introduce you to what exactly Web Components are and how to use them. We¡¯ll also cover building Web Components with Polymer, the most popular Web Component library. You¡¯ll get to hear how Comcast is using the web platform to build its next generation single page apps & websites using the latest browser APIs.
You¡¯ll also learn about how easy it is to onboard a team to using Polymer, tips for sharing components with other websites & across teams, and best practices Comcast has established for efficient development of Web Components. Building a full-stack app with Golang and Google Cloud Platform in one?week
Building a full-stack app with Golang and Google Cloud Platform in one?weekDr. Felix Raab
?
This document discusses building a full-stack application called MemeMail using Golang and Google Cloud Platform within one week. It describes choosing Google Cloud over other cloud providers for its ease of use. It then discusses the frontend implementation using Vue.js with a simple state mutation approach. The backend is built with Golang on App Engine using Cloud services like Datastore and Cloud Build for CI/CD. It emphasizes keeping the architecture simple rather than over-engineering for an MVP within a tight deadline.Continuous Integration and Deployment Best Practices on AWS
Continuous Integration and Deployment Best Practices on AWSDanilo Poccia
?
This document discusses best practices for continuous integration and deployment on AWS. It recommends using AWS services like CodeCommit for source code repositories, CodeBuild for continuous integration, CodeDeploy for deployments, and CodePipeline for automated workflows. Continuous integration helps catch bugs early by frequently integrating code changes. Continuous deployment further automates releasing code to production multiple times a day through feature flags and A/B testing, allowing for rapid iteration and feedback from real users.Optimizing Spark Deployments for Containers: Isolation, Safety, and Performan...
Optimizing Spark Deployments for Containers: Isolation, Safety, and Performan...Spark Summit
?
Developers love Linux containers, which neatly package up an application and its dependencies and are easy to create and share. However, this unbeatable developer experience hides some deployment challenges for real applications: how do you wire together pieces of a multi-container application? Where do you store your persistent data if your containers are ephemeral? Do containers really contain and isolate your application, or are they merely hiding potential security vulnerabilities? Are your containers scheduled across your compute resources efficiently, or are they trampling on one another?
Container application platforms like Kubernetes provide the answers to some of these questions. We¡¯ll draw on expertise in Linux security, distributed scheduling, and the Java Virtual Machine to dig deep on the performance and security implications of running in containers. This talk will provide a deep dive into tuning and orchestrating containerized Spark applications. You¡¯ll leave this talk with an understanding of the relevant issues, best practices for containerizing data-processing workloads, and tips for taking advantage of the latest features and fixes in Linux Containers, the JDK, and Kubernetes. You¡¯ll leave inspired and enabled to deploy high-performance Spark applications without giving up the security you need or the developer-friendly workflow you want.Develop your first mobile App for iOS and Android
Develop your first mobile App for iOS and Androidralcocer
?
This document provides instructions for building a mobile app using Appcelerator Titanium. It begins by explaining the objectives of building an app and the assumptions about the intended audience's experience level. It then introduces Titanium and its capabilities. The document walks through creating a sample "Jokes" app, including setting up the Titanium development environment, configuring a new project, previewing it on simulators, and building out the app's structure and styling using XML and TSS files. The goal is to demonstrate the basic process and tools for designing, developing and running a simple Titanium-based mobile app.Develop your first mobile App for iOS and Android
Develop your first mobile App for iOS and AndroidRicardo Alcocer
?
This document provides instructions for building a mobile app using Appcelerator Titanium. It begins by explaining the objectives of building an app and the assumptions about the intended audience's experience level. It then provides an overview of Titanium, describing it as a JavaScript SDK that allows building native apps for iOS, Android, and other platforms. The document proceeds to guide building an example "Jokes" app, demonstrating how to set up the project structure in XML, apply styles, and construct the user interface with elements like windows, views, and table views.A rough guide to JavaScript Performance
A rough guide to JavaScript Performanceallmarkedup
?
This document provides guidance on optimizing JavaScript performance. It outlines general principles and offers specific tips for improving load time performance and runtime performance. For load times, it recommends moving scripts to the bottom of the page, concatenating, minimizing, and gzipping files, and loading scripts in a non-blocking way. For runtimes, it advises being cautious of the DOM due to overhead, writing lazy code that does minimal work, and managing AJAX requests through caching, GET requests, and returning optimized data formats. Additional resources on the topic are also referenced.PHP is the king, nodejs is the prince and Python is the fool - Alessandro Cin...
PHP is the king, nodejs is the prince and Python is the fool - Alessandro Cin...Codemotion
?
At Namshi, an e-commerce retailer based in Dubai serving the UAE and GCC, we are using different technologies to boost our architecture. We started with a common architecture based on PHP Nginx, Mysql and Memcache: the usual suspects. During last year the architecture changed a lot, using an SOA paradigm to meet expectations and the huge increase of traffic from several millions users throughout the year. But there¡¯s more¡ In this talk we will show how funny, easy and rewarding is to integrate different technologies in your stack, with PHP always being the king of the whole system.PHP is the King, nodejs the prince and python the fool
PHP is the King, nodejs the prince and python the foolAlessandro Cinelli (cirpo)
?
I gave this presentation at Codemotion Rome, it's the a story on a monolithic architecture evolved to an SOA architecture.Keypoints html5
Keypoints html5dynamis
?
20100807
OSC Nagoya ¤Ç¤ÎÖvÑÝÙYÁÏ
# ¥¹¥é¥¤¥É¤Î¤ß¤ÇÒŠ¤ä¤¹¤¤¤è¤¦Èô¸ÉÕûÀí
P5? Agenda
P17? "HTML5" ¤Ã¤ÆºÎ£¿
P56? HTML5 ¤Î¹ ‡ì¤Ï£¿
P67? ¥Ö¥é¥¦¥¶¤Î¥µ¥Ý©`¥È¤Ï£¿
P94? IE6 ¤Ï¤É¤¦¤¹¤ë¤Î£¿
P118? ʹÓÃÉϤÎ×¢Òâ
P147? ±ãÀû¤Ê¥Ä©`¥ë¤Ï£¿
P152? One Point Q&A
P186? ×·¼ÓÙYÁÏPutting the A in JAMstack
Putting the A in JAMstackChris on Code
?
This document discusses the JAMstack architecture and how it can be used to rebuild the Scotch.io website. It introduces key aspects of the JAMstack including JavaScript, APIs, and Markup. Popular headless CMSs that provide an API like Contentful, Prismic and Strapi are presented. Using a headless CMS with a static site generator like Gatsby, Hugo or Jekyll is demonstrated as a way to focus on content instead of building a custom CMS. Hosting the static site on DigitalOcean is presented as an affordable option."Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG
"Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG? Hanno Embregts ?
?
What source control software did you use in 2010? Possibly Git, if you were an early adopter or a Linux kernel committer. But chances are you were using Subversion, as this was the product of choice for the majority of the software developers. Ten years later, Git is the most popular product. Which makes me wonder: what will we use another ten years from now?
In this talk we will think about what features we want from our source control software in 2030. More speed? Better collaboration support? No merge conflicts ever?
I¡¯ll also discuss a few products that have been published after Git emerged, including Plastic, Fossil and Pijul. I¡¯ll talk about the extent to which they contain the features we so dearly desire and I¡¯ll demonstrate a few typical use cases. To conclude, I¡¯ll try to predict which one will be ¡®the top dog¡¯ in 2030 (all information is provided ¡°as is¡±, no guarantees etc. etc.).
So attend this session if you¡¯re excited about the future of version control and if you want to have a shot at beating even (!) the early adopters. Now if it turns out I was right, remember that you heard it here first. ?HTML5 and Beyond
HTML5 and Beyonddynamis
?
This document is a presentation on HTML5 and beyond given by Tomoya Asai at JSiSE at Hokkaido University. The presentation covers the current state and future of HTML5, browsers, JavaScript APIs, and new web technologies. It provides examples and references to specifications, browser implementations, and demos related to HTML5 features such as semantic markup, forms, canvas, WebSockets, geolocation, and more.Looking into HTML5
Looking into HTML5Christopher Schmitt
?
The document discusses the evolution of HTML5 from XHTML and highlights new HTML5 elements, audio/video capabilities, and the Canvas element. Key points include: HTML5 aims to address shortcomings of XHTML by simplifying the language; new semantic elements like <header>, <nav>, <article> are introduced; audio and video can be embedded but browser support is limited; the Canvas element allows for dynamic 2D graphic scripts and drawings on the page.Deep crawl the chaotic landscape of JavaScript
Deep crawl the chaotic landscape of JavaScript Onely
?
The document discusses the challenges of indexing JavaScript-powered websites by search engines. It notes that JavaScript rendering takes significant computational resources, straining crawlers' budgets. It also suggests that client-side rendered JavaScript websites have difficulties with search engine indexing and ranking, as content may be missed during Google's two-wave indexing process for JavaScript. The document recommends using server-side rendering, hybrid rendering, or prerendering to help search engines properly index JavaScript websites.More from Jordy Moos (6)
NL - Voeg een beetje 'static type checking' toe aan een wereld van web compon...
NL - Voeg een beetje 'static type checking' toe aan een wereld van web compon...Jordy Moos
?
Web Components zijn een paar nieuwe web platform API's met focus op encapsulatie en hergebruik. Web Components brenght het "component manier van programmeren" naar de browser. Maar brengt ook complexiteit met zich mee als je applicaties volledig op de component manier wilt programmeren. Kan een pure functionele programmeer taal hulp bieden?How to Develop Orchestration Logic in APIs with Baker
How to Develop Orchestration Logic in APIs with BakerJordy Moos
?
This document discusses how to develop orchestration logic for APIs using Baker. It introduces Baker and describes how it allows defining interactions, ingredients, and events for building process flows. It provides an example of modeling a recipe for spaghetti bolognese as a process in Baker using these concepts. Finally, it mentions some additional capabilities of Baker and provides links for further information. Code splitting? How unnecessary in Elm 0.19!
Code splitting? How unnecessary in Elm 0.19!Jordy Moos
?
This document discusses Elm, an awesome frontend language that is fast, small in size, has a friendly compiler, easy learning curve, and no runtime errors. It mentions upgrading from elm-package.json to elm.json, changes to Platform.Cmd and uncurry/curry/flip, and recommends trying out the Pilf library. It also thanks the reader and answers an FAQ question about the next Elm version that will likely be 0.19.1 or 0.20 but without a specific predicted release date.Formal verification of algorithms
Formal verification of algorithmsJordy Moos
?
This talk is for developers new to formal verification of algorithms. It will be an introduction to TLA+, which is a formal specification language. It¡¯s a tool to design systems and algorithms, then programmatically verify that those systems don¡¯t have critical bugs. It¡¯s the software equivalent of a blueprint. At ING we are using TLA+ to reason about the split-brain situations that occur in distributed systems and how to deal with those. Achieving correctness of such an SBR (Split Brain Resolver) algorithm is challenging and TLA+ helped in finding complex or subtle problems. The key takeaway from the talk will be to let developers know about TLA+ and motivate them to apply it when designing new applications or distributed systems.
This talk was prepared and given together with Bekir OguzElm, the runtime error killer
Elm, the runtime error killerJordy Moos
?
Runtime errors, we all know them and we all dislike them. Luckily why we now have Elm. Elm represents simplicity, pure functional programming and clearly indicated error descriptions. With Elm you discover a complete new way to approach frontend programming.
Web version of the slides:
https://jordymoos.github.io/Talk-Elm-the-runtime-error-killer/Elasticsearch, the story so far
Elasticsearch, the story so farJordy Moos
?
Elasticsearch, all the cool kids talks about it, tutorials for beginners aplenty but what about beyond the first install and putting your first document in? This advanced talk will give you an insight on the steps that come next: a dive into analysers, performance for percolation and the gold nuggets for your cluster infrastructure. This is our experience with Elasticsearch in a 2.4 billion (yes, that would be nine zeroes indeed) page view environment with over 22 million documents. We're not the experts but we can tell you a hell of a lot about our mistakes. Basic knowledge of Elasticsearch is assumed.Recently uploaded (20)
22PCOAM16_ML_Unit 1 notes & Question Bank with answers.pdf
22PCOAM16_ML_Unit 1 notes & Question Bank with answers.pdfGuru Nanak Technical Institutions
?
22 PCOAM16 _ML_ Unit 2 Full unit notes.pdfBSS_1_E1.2_ElectromobilityElectromobility.pdf
BSS_1_E1.2_ElectromobilityElectromobility.pdfjungdan064
?
Electromobility, or e-mobility, refers to the use of electric powertrain technologies, in-vehicle information, and communication technologies, and connected infrastructure to enable electric vehicles (EVs) and reduce dependence on fossil fuels. As the world faces increasing environmental challenges such as climate change, air pollution, and the depletion of natural resources, electromobility has emerged as a promising solution for sustainable transportation.
At the heart of electromobility are electric vehicles, which include battery electric vehicles (BEVs), plug-in hybrid electric vehicles (PHEVs), and fuel cell electric vehicles (FCEVs). These vehicles use electricity either stored in batteries or generated through hydrogen fuel cells, drastically reducing or even eliminating tailpipe emissions. Compared to internal combustion engine (ICE) vehicles, EVs have significantly lower greenhouse gas emissions over their lifecycle, especially when powered by renewable energy sources like wind or solar.
One of the primary drivers of the electromobility revolution is the urgent need to decarbonize transportation. The transport sector contributes nearly one-quarter of global CO? emissions, with road vehicles being the largest contributors. Transitioning to electric vehicles helps countries meet their climate goals under international agreements such as the Paris Accord. Furthermore, cities struggling with air pollution see electromobility as a way to improve public health by reducing harmful pollutants like nitrogen oxides and particulate matter.
In addition to environmental benefits, electromobility offers economic advantages. EVs have lower operating and maintenance costs due to fewer moving parts and greater energy efficiency. Governments around the world have supported this shift by offering subsidies, tax incentives, and investing in charging infrastructure. The development of fast-charging networks and home-charging solutions has made EV ownership more convenient than ever before.
Technological advancements in battery chemistry, such as lithium-ion and solid-state batteries, are improving driving range and reducing charging time. At the same time, smart charging systems and vehicle-to-grid (V2G) technologies are integrating EVs into the broader energy ecosystem. In V2G systems, EVs can feed electricity back into the grid during peak demand periods, creating a more resilient and balanced power network.
Electromobility extends beyond private passenger cars. It includes electric buses, trucks, bikes, scooters, and even ferries and airplanes. Public transportation authorities are increasingly adopting electric buses to reduce emissions and noise in urban areas. E-bikes and scooters provide convenient, zero-emission alternatives for short-distance travel, supporting the development of ¡°last mile¡± mobility solutions.
Reinventando el CD_ Unificando Aplicaciones e Infraestructura con Crossplane-...
Reinventando el CD_ Unificando Aplicaciones e Infraestructura con Crossplane-...Alberto Lorenzo
?
En esta charla, exploraremos c¨®mo Crossplane puede transformar la forma en que gestionamos despliegues, yendo m¨¢s all¨¢ de un simple IaC para convertirse en una potente herramienta de Continuous Deployment (CD).
? Aprenderemos que es Crossplane
? Como usar Crossplane como IaC pero sobretodo Deployment as Code de manera eficiente
? Unificar la gesti¨®n de aplicaciones e infraestructura de forma nativa en Kubernetes
YSPH VMOC Special Report - Measles Outbreak Southwest US 4-8-2025 FINAL ver4...
YSPH VMOC Special Report - Measles Outbreak Southwest US 4-8-2025 FINAL ver4...Yale School of Public Health - The Virtual Medical Operations Center (VMOC)
?
A measles outbreak originating in West Texas has been linked to confirmed cases in New Mexico, with additional cases reported in Oklahoma and Kansas. 58 individuals have required hospitalization, and 3 deaths, 2 children in Texas and 1 adult in New Mexico. These fatalities mark the first measles-related deaths in the United States since 2015 and the first pediatric measles death since 2003. The YSPH The Virtual Medical Operations Center Briefs (VMOC) were created as a service-learning project by faculty and graduate students at the Yale School of Public Health in response to the 2010 Haiti Earthquake. Each year, the VMOC Briefs are produced by students enrolled in Environmental Health Science Course 581 - Public Health Emergencies: Disaster Planning and Response. These briefs compile diverse information sources ¨C including status reports, maps, news articles, and web content¨C into a single, easily digestible document that can be widely shared and used interactively. Key features of this report include:
- Comprehensive Overview: Provides situation updates, maps, relevant news, and web resources.
- Accessibility: Designed for easy reading, wide distribution, and interactive use.
- Collaboration: The ¡°unlocked" format enables other responders to share, copy, and adapt it seamlessly.
The students learn by doing, quickly discovering how and where to find critical information and presenting it in an easily understood manner.
power system protection and why to protect the system
power system protection and why to protect the systemDivyangBhatt6
?
Power system protection is a crucial aspect of electrical engineering that ensures the safety and reliability of power networks. It involves detecting faults, isolating faulty sections, and minimizing damage using relays, circuit breakers, and protective devices. Proper protection prevents equipment failures, enhances system stability, and ensures continuous power supply."Introduction to VLSI Design: Concepts and Applications"
"Introduction to VLSI Design: Concepts and Applications"GtxDriver
?
This document offers a detailed exploration of VLSI (Very Large-Scale Integration) design principles, techniques, and applications. Topics include transistor-level design, digital circuit integration, and optimization strategies for modern electronics. Ideal for students, researchers, and professionals seeking a comprehensive guide to VLSI technology.
PROJECT REPORT ON PASTA MACHINE - KP AUTOMATIONS - PASTA MAKING MACHINE PROJE...
PROJECT REPORT ON PASTA MACHINE - KP AUTOMATIONS - PASTA MAKING MACHINE PROJE...yadavchandan322
?
All the materials and content contained in Project report is for educational purpose and reflect the views of the industry which are drawn from various research on pasta machine. PM FME- Detailed Project Report of Multigrain Pasta Making Unit. 3. 1. PROJECT ... A pasta extruder is a machine that makes pasta dough through dies to.The process is quite simple and requires not much skilled labour. The machine itself is high technology and provides the manufacturers to produce noodles with. In this article, you will be able to get all the detail about a pasta-making business unit in India and the financial status of this business as well.ENGINEERS INDIA RESEARCH INSTITUTE - Service Provider of Project Report on PASTA PRODUCTION PLANT (SHORT PASTA) [CODE NO. 1632] based in Delhi, India.
Macaroni Machines are used to produce pasta from the raw material. With ... The views expressed in this Project Report are advisory in nature. SAMADHAN.
Karim Baina NISS 2025 invited speach about Ethical Considerations for Respons...
Karim Baina NISS 2025 invited speach about Ethical Considerations for Respons...Karim Ba?na
?
Karim Ba?na Talk at NISS¡¯2025, The 8th International Conference. Networking, Intelligent Systems & Security, Chefchaouen & Tangier, Apr 10-11, 2025, Morocco.
Title : Ethical Considerations for Responsible/Trustworthy AI
Abstract.
Artificial Intelligence (AI) is reshaping societies and raising complex ethical, legal, and geopolitical questions. This talk explores the foundations and limits of Trustworthy AI through the lens of global frameworks such as the EU¡¯s HLEG guidelines, UNESCO¡¯s human rights-based approach, OECD recommendations, and NIST¡¯s taxonomy of AI security risks.
We analyze key principles like fairness, transparency, privacy, and robustness ¡ª not only as ideals, but in terms of their practical implementation and tensions. Special attention is given to real-world contexts such as Morocco¡¯s deployment of 4,000 intelligent cameras and the country¡¯s positioning in AI readiness indexes. These examples raise critical issues about surveillance, accountability, and ethical governance in the Global South.
Rather than relying on standardized terms or ethical "checklists", this presentation advocates for a grounded, interdisciplinary, and context-aware approach to responsible AI ¡ª one that balances innovation with human rights, and technological ambition with social responsibility.4. "Exploring the Role of Lubrication in Machinery Efficiency: Mechanisms, Ty...
4. "Exploring the Role of Lubrication in Machinery Efficiency: Mechanisms, Ty...adityaprakashme26
?
lubrication testIntro of Airport Engg..pptx-Definition of airport engineering and airport pla...
Intro of Airport Engg..pptx-Definition of airport engineering and airport pla...Priyanka Dange
?
Definition of airport engineering and airport planning, Types of surveys required for airport site, Factors affecting the selection of site for Airport
Virtual Power plants-Cleantech-Revolution
Virtual Power plants-Cleantech-RevolutionAshoka Saket
?
VPPs are virtual aggregations of distributed energy resources, such as energy storage, solar panels, and wind turbines, that can be controlled and optimized in real-time to provide grid services.Airport Components Part2 ppt.pptx-Apron,Hangers,Terminal building
Airport Components Part2 ppt.pptx-Apron,Hangers,Terminal buildingPriyanka Dange
?
Apron,Hangers,Terminal building
YSPH VMOC Special Report - Measles Outbreak Southwest US 4-8-2025 FINAL ver4...
YSPH VMOC Special Report - Measles Outbreak Southwest US 4-8-2025 FINAL ver4...Yale School of Public Health - The Virtual Medical Operations Center (VMOC)
?
Adding a bit of static type checking to a world of web components
- 5. Baker on Github h ps://github.com/ing-bank/baker
- 8. I just heard that ING hates ... and does ....
- 10. I just heard that @JordyMoos hates ... and does ....
- 12. ADDING A BIT OF STATIC TYPE CHECKINGADDING A BIT OF STATIC TYPE CHECKING TO A WORLD OF WEB COMPONENTSTO A WORLD OF WEB COMPONENTS
- 19. WEB COMPONENTSWEB COMPONENTS Web pla orm APIs Component-based engineering Encapsula on and Reusability
- 20. WEB PLATFORM APISWEB PLATFORM APIS Custom Elements Shadow DOM HTML Template HTML Imports
- 25. HTML IMPORTSHTML IMPORTS ES MODULESES MODULES
- 28. MOST IMPORTANTLY ...MOST IMPORTANTLY ...
- 29. IT IS A WEB STANDARDIT IS A WEB STANDARD
- 30. LETS SEE HOW WEB COMPONENTS WORKLETS SEE HOW WEB COMPONENTS WORK
- 37. ATTRIBUTES ARE A GOOD WAY TO GAINATTRIBUTES ARE A GOOD WAY TO GAIN DATADATA
- 38. YOU ALSO MIGHT WANT TO INFORM OTHERYOU ALSO MIGHT WANT TO INFORM OTHER ABOUT YOUR KNOWLEDGEABOUT YOUR KNOWLEDGE
- 64. ELMELM Pure Func onal language
- 65. ELMELM Pure Func onal language Sta cally Typed
- 66. ELMELM Pure Func onal language Sta cally Typed Strongly Typed
- 67. "NO RUNTIME ERRORS""NO RUNTIME ERRORS"
- 68. SORRY NO ELM QUIZ!SORRY NO ELM QUIZ!
- 80. ELM LIVE DEMOELM LIVE DEMO
- 81. ADDING A BIT OF STATIC TYPE CHECKINGADDING A BIT OF STATIC TYPE CHECKING TO A WORLD OF WEB COMPONENTSTO A WORLD OF WEB COMPONENTS
- 82. COMBINE THE TWOCOMBINE THE TWO
- 93. "CONCLUSION""CONCLUSION" Split the Logic and View layer
- 94. "CONCLUSION""CONCLUSION" Split the Logic and View layer Elm for the logic
- 95. "CONCLUSION""CONCLUSION" Split the Logic and View layer Elm for the logic Web Components for the view
- 97. "CONCLUSION""CONCLUSION" Do not tangle too much to a framework
- 98. "CONCLUSION""CONCLUSION" Do not tangle too much to a framework Web Standards and Languages tend to outlive them
- 99. "CONCLUSION""CONCLUSION" Do not tangle too much to a framework Web Standards and Languages tend to outlive them Write things that can be used in years
- 100. TAKE AWAYTAKE AWAY
- 101. TAKE AWAYTAKE AWAY Do not go blind on one thing
- 102. TAKE AWAYTAKE AWAY Do not go blind on one thing Combine things
- 103. TAKE AWAYTAKE AWAY Do not go blind on one thing Combine things Experiment
- 104. CODECODE
- 108. LEARN ABOUT WEB COMPONENTSLEARN ABOUT WEB COMPONENTS h ps://github.com/thepassle/webcomponents- from-zero-to-hero
- 109. LEARN ABOUT ELMLEARN ABOUT ELM guide.elm-lang.org Play with the ELM
- 110. THANK YOUTHANK YOU
- 111. THANKS FOR THE LOGO PASCALTHANKS FOR THE LOGO PASCAL h ps://twi er.com/passle_
- 112. ABOUT MEABOUT ME h ps://www.linkedin.com/in/jordy-moos-8a809754/ h ps://twi er.com/jordymoos h ps://github.com/jordymoos