TypeScript's Type System
0 likes240 views
This document discusses type systems and TypeScript. It provides an overview of TypeScript's type system features including gradual typing, structural and generic types, distinct value and type namespaces, extensive type inference, control flow analysis, support for object-oriented and functional programming. It also discusses TypeScript's design goals of being open source, closely tracking the ECMAScript standard, innovating in its type system, having best-in-class tooling, lowering barriers to entry, and focusing on community.
1 of 53
Recommended
Best practices in pair programming
Best practices in pair programmingLucas Aquiles This document provides a guide to best practices in pair programming. It defines pair programming as two people working together at a single computer to write code that will be deployed to production. It describes different styles of pair programming such as driver-navigator and mob programming. It also discusses remote pair programming and antipatterns to avoid like navigators giving low-level instructions or drivers not taking breaks. Finally, it outlines some lesser known benefits of pair programming like reducing distractions and regressions.
The Road To Technical Team Lead
The Road To Technical Team Leadbenwaine This document discusses the role and responsibilities of a technical team lead. It begins by defining a technical team lead as a leader responsible for a development team who spends at least 30% of their time writing code. It then outlines the typical activities of a technical team lead, including coding (40% of time), design (30%), integration (15%), and other miscellaneous tasks (15%). It discusses the skills needed for the role, such as people skills, communication skills, and technical skills. It also provides advice on how to transition into a technical team lead role, such as getting the necessary skills, finding a mentor, and understanding different organizational structures.
Technical lead, the balance between leadership and technical skills
Technical lead, the balance between leadership and technical skillsSoftware Guru Sesión presentada por Michelle Torres Techical Lead at Tiempo Development, en la 5ta. edición de Dev Day 4 Women
Golang, Python or C/C++, who wins 
Golang, Python or C/C++, who wins Obed N Muñoz This time I had an opportunity for presenting at Ameca, Jalisco. I presented at the CUVALLES university.
My talk was about some of the key features of Golang, Python and C/C++ programming languages. But, this was not the main reason I choose this topic. The idea is to explain the process for choosing a good programming language for your project. It’s not about the language, it’s about the problem you want to solve and which are the features a programming language can offer you to solve the problem.
Managing and evolving JavaScript Code
Managing and evolving JavaScript CodeJean Carlo Emer If your project has working features, a living design system, quality assurance and a code style guide, there is nothing that you will learn in this talk. Maybe.
Improving WordPress Performance: Xdebug and PHP profiling
Improving WordPress Performance: Xdebug and PHP profilingSeravo How to improve WordPress performance? Slides from the talk given by Otto Kekäläinen at WordCamp Europe 2017.
What I learned interviewing for front-end developer roles
What I learned interviewing for front-end developer rolesJean Carlo Emer This document summarizes tips and advice for front-end developer interviews. It covers 7 key areas: 1) algorithms and data structures, 2) JavaScript language skills, 3) layout and styling, 4) technologies, 5) types of interviews, 6) considering different companies and jobs, and 7) dealing with rejections. The document provides specific resources on each topic like websites, courses, code snippets, and advice from other engineers on how to prepare for and succeed in interviews.
Xdebug for Beginners
Xdebug for BeginnersSean Prunka var_dump($foo);
print_r($bar);
die($baz);
Are these your current debugging tools? Wouldn't it be nice to see $foo, $bar, and $baz while the code is still being executed? Watch it change, live? And not have it just dumped all over the output of your otherwise beautiful app? We'll install XDebug, set up your IDE to use it (with examples shown for PhpStorm, Netbeans, and ZendStudio), then we'll actually walk through some badly written code that needs to be debugged.
Full-Stack Development
Full-Stack DevelopmentDhilipsiva DS A full-stack developer is someone who can take a project from conception to a finished product, handling both front-end and back-end development. They have a wide range of skills across the stack rather than deep expertise in one area. Full-stack developers are well-suited for small startups but may face more scaling challenges in larger companies with more specialized roles. The document discusses technologies used in full-stack development and tips for learning new skills like contributing to open source projects.
What is a Full stack developer? - Tech talk 
What is a Full stack developer? - Tech talk Bui Hai An This document discusses full-stack developers and debunks myths about what they are. A full-stack developer is defined as someone with familiarity or mastery across front-end, back-end, and other layers of software development who enjoys learning new technologies. It is presented that full-stack developer is more of a mindset of being open-minded and willing to learn rather than a job title. The document provides advice on how to become a full-stack developer by expanding one's skill set through online courses and personal projects. Examples are given of how full-stack developers have benefited a product development lab in Vietnam called Silicon Straits Saigon.
Beyond Full Stack Engineering
Beyond Full Stack EngineeringAdam Hepton Being a great engineer is about more than the code you write - working to your strengths and learning from other specialists in your team is what can make you truly shine.
Build Better Software Together
Build Better Software TogetherSven Peters Software development is a social challenge. We should design our workflows so that everybody knows what's going on: From coining an idea to running the software on servers in production.
Let me share with you how we at Atlassian are working with a highly transparent workflow and how we have build that directly into our tools - to build software better together!
Scaling Mobile Engineering
Scaling Mobile EngineeringDeniz Veli Growing your mobile engineering team sustainably while also delivering quality features in your product is a difficult challenge. Adding more engineers onto a project does introduce new problems. How do your development, testing and delivery processes evolve as a team grows? Deniz Veli will share advice and lessons learnt from working on small, medium and large scale mobile engineering teams, including scaling the mobile teams at Etsy and iflix.
3 hacks to accelerate your data science career 
3 hacks to accelerate your data science career Alexey Grigorev This document provides 3 hacks to accelerate a data science career:
1. Be friends with your product manager to learn about prioritization, communication, planning, users, and marketing.
2. Be visible by giving demos of your work, creating frontends for models, speaking at internal events, and writing blog posts.
3. Become part of the data science community by participating in meetups and conferences.
Introducing TypeScript
Introducing TypeScriptMicrosoft Developer Network (MSDN) - Belgium and Luxembourg TypeScript is a typed superset of JavaScript that adds optional static types, classes, and modules to enable scalable application development while still allowing code to run in any browser or environment. It provides static typing for JavaScript code and libraries while compiling to plain JavaScript, allowing developers to gradually introduce types into existing JavaScript projects. TypeScript aims to address the challenges of large scale JavaScript development through static typing as well as features like classes and modules that align with emerging ECMAScript standards.
Migrating Web SDK from JS to TS
Migrating Web SDK from JS to TSGrigory Petrov Slides from my talk at AmsterdamJS 08.06, https://amsterdamjs.com
Typescript was warmly welcomed with all our developers from C++, Java and C# background. So it was only a question of time for our public JavaScript SDK to be completely rewritten in Typescript from scratch. In my talk I will focus on good and bad things that we experienced during development, and will tell how our initial thoughts played out.
Introduction to TypeScript
Introduction to TypeScriptBob German This document summarizes an introduction to TypeScript presentation. It includes an agenda that covers what TypeScript is, why it should be used, code walkthroughs, an example, and debugging TypeScript. It also provides setup steps and resources for learning more about TypeScript.
TypeScipt - Get Started
TypeScipt - Get StartedKrishnanand Sivaraj This document provides an introduction to TypeScript, a superset of JavaScript that adds optional static types and classes. It discusses why TypeScript was created due to issues with maintaining large JavaScript codebases. The document then covers TypeScript features like type checking, classes, interfaces, modules, and how it compiles to JavaScript. It provides examples of TypeScript syntax for types, classes, interfaces, and other language features. Overall, the document serves as an introduction to TypeScript for developers familiar with JavaScript.
TypeScript
TypeScriptFabian Vilers TypeScript is a superset of JavaScript that compiles to JavaScript. It adds optional static types, classes, and modules to JavaScript to enable scalable application development. TypeScript starts with and compiles to idiomatic JavaScript, so it runs in any browser or host on any OS. The TypeScript type system formalizes JavaScript's dynamic types through static representation and type inference, requiring few type annotations in practice. Classes and modules in TypeScript structure applications clearly and align with emerging ECMAScript standards. The open source TypeScript compiler and tooling like Visual Studio and Resharper support provide full static typing of libraries and source maps.
Introduction to TypeScript
Introduction to TypeScriptAndré Pitombeira This document provides an introduction and overview of TypeScript. It begins by discussing some of the benefits and drawbacks of JavaScript, and why TypeScript was created. It then covers TypeScript's design goals, popular frameworks built with it, and IDE support. The rest of the document outlines TypeScript's configuration, basic language features like types, interfaces, classes and generics. It also discusses code organization techniques like modules and namespaces. Finally, it provides a brief introduction to TypeScript's type system.
TypeScript-SPS-melb.pptx
TypeScript-SPS-melb.pptxaccordv12 This document introduces TypeScript, a superset of JavaScript created by Microsoft. It discusses problems with vanilla JavaScript like dynamic typing, scope issues, difficult object inheritance and multiple files. TypeScript addresses these by adding optional static typing, block scope, class-based inheritance and ability to reference code across files. The document demonstrates TypeScript code, shows converting an existing project to TypeScript, and provides references for further information.
Type script
Type scriptsrinivaskapa1 TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. It adds optional static types, classes, and interfaces to JavaScript to help catch errors. TypeScript is developed by Microsoft and is often used for large-scale JavaScript applications. Some key benefits of TypeScript include compilation to catch errors early, strong static typing for IntelliSense and refactoring, and support for modern JavaScript features while allowing for backwards compatibility.
Typescript in 30mins 
Typescript in 30mins Udaya Kumar This document introduces TypeScript and provides an overview of its key features. It discusses why TypeScript was created due to issues with JavaScript like dynamic typing and lack of modularity. It also covers TypeScript features like optional static types, interfaces, classes, modules and how it compiles to JavaScript. The presentation concludes by noting TypeScript allows gradual adoption and that application scale JavaScript development is difficult but TypeScript makes it easier.
Learning typescript
Learning typescriptAlexandre Marreiros The first deck of a two part learning deck about TypeScript.
Here you can view a first introduction to the language and some attention call for some of TypeScript detailes.
Scenic City Summit 2018 - TypeScript 101
Scenic City Summit 2018 - TypeScript 101Frances Coronel This document summarizes a class introduction to TypeScript that covers:
1. The key benefits of TypeScript for large projects like adding types and interfaces for modularity.
2. An overview of TypeScript versus JavaScript including how TypeScript extends JavaScript.
3. Assignments for students to explore TypeScript further including completing a Codelab, watching videos, or playing with an online editor.
One language to rule them all type script
One language to rule them all type scriptGil Fink The document discusses TypeScript, an open source language that compiles to JavaScript. It highlights TypeScript's key features like code encapsulation, maintainable code, and tooling support. The presentation covers TypeScript syntax like classes, modules, and interfaces, and demonstrates building a simple app with TypeScript. It encourages learning TypeScript for its abilities to write large programs in JavaScript with static typing and code checking.
11_typescript.pptx for north south university course cse425
11_typescript.pptx for north south university course cse425AnikSahaToni19126196 Mou Deshmukh submitted a document analyzing TypeScript, a superset of JavaScript that adds optional static typing. The document discusses TypeScript's history and development, key features like static typing and interfaces, advantages like catch errors earlier and enhanced tooling support, disadvantages like learning curve and compatibility issues, and common application domains like large web apps.
Introducing type script
Introducing type scriptRemo Jansen TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. It allows for large scale JavaScript application development with features like classes, inheritance, modules, generators, async/await, and decorators. TypeScript introduces strong typing, interfaces, generics, and other design-time features not available in JavaScript to reduce complexity in large codebases. It supports the future of JavaScript by allowing the use of ES6 and ES7 features today through compiler options. Getting started is easy using the TypeScript playground or boilerplate projects on GitHub.
Type script
Type scriptMallikarjuna G D TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. It adds optional static types, classes, and interfaces to JavaScript to help catch errors. TypeScript supports object-oriented programming concepts like classes, interfaces, inheritance, and modules. It is compatible with JavaScript and can reuse existing JavaScript code and libraries. The TypeScript compiler checks for errors and compiles TypeScript code into JavaScript that can run on any browser, device, or operating system that supports JavaScript.
Typescript: Beginner to Advanced
Typescript: Beginner to AdvancedTalentica Software Typescript is a strict syntactical superset of JavaScript that adds type safety. It allows defining type annotations for variables, functions, objects, and function return values to catch errors. Typescript uses a static and structural type system. Its types include primitives, objects, arrays, functions, classes, generics, and utility types. Typescript code compiles to JavaScript, so it doesn't change runtime behavior but can catch errors earlier.
More Related Content
What's hot (6)
Full-Stack Development
Full-Stack DevelopmentDhilipsiva DS A full-stack developer is someone who can take a project from conception to a finished product, handling both front-end and back-end development. They have a wide range of skills across the stack rather than deep expertise in one area. Full-stack developers are well-suited for small startups but may face more scaling challenges in larger companies with more specialized roles. The document discusses technologies used in full-stack development and tips for learning new skills like contributing to open source projects.
What is a Full stack developer? - Tech talk
What is a Full stack developer? - Tech talk Bui Hai An This document discusses full-stack developers and debunks myths about what they are. A full-stack developer is defined as someone with familiarity or mastery across front-end, back-end, and other layers of software development who enjoys learning new technologies. It is presented that full-stack developer is more of a mindset of being open-minded and willing to learn rather than a job title. The document provides advice on how to become a full-stack developer by expanding one's skill set through online courses and personal projects. Examples are given of how full-stack developers have benefited a product development lab in Vietnam called Silicon Straits Saigon.
Beyond Full Stack Engineering
Beyond Full Stack EngineeringAdam Hepton Being a great engineer is about more than the code you write - working to your strengths and learning from other specialists in your team is what can make you truly shine.
Build Better Software Together
Build Better Software TogetherSven Peters Software development is a social challenge. We should design our workflows so that everybody knows what's going on: From coining an idea to running the software on servers in production.
Let me share with you how we at Atlassian are working with a highly transparent workflow and how we have build that directly into our tools - to build software better together!
Scaling Mobile Engineering
Scaling Mobile EngineeringDeniz Veli Growing your mobile engineering team sustainably while also delivering quality features in your product is a difficult challenge. Adding more engineers onto a project does introduce new problems. How do your development, testing and delivery processes evolve as a team grows? Deniz Veli will share advice and lessons learnt from working on small, medium and large scale mobile engineering teams, including scaling the mobile teams at Etsy and iflix.
3 hacks to accelerate your data science career
3 hacks to accelerate your data science career Alexey Grigorev This document provides 3 hacks to accelerate a data science career:
1. Be friends with your product manager to learn about prioritization, communication, planning, users, and marketing.
2. Be visible by giving demos of your work, creating frontends for models, speaking at internal events, and writing blog posts.
3. Become part of the data science community by participating in meetups and conferences.
Similar to TypeScript's Type System (20)
Introducing TypeScript
Introducing TypeScriptMicrosoft Developer Network (MSDN) - Belgium and Luxembourg TypeScript is a typed superset of JavaScript that adds optional static types, classes, and modules to enable scalable application development while still allowing code to run in any browser or environment. It provides static typing for JavaScript code and libraries while compiling to plain JavaScript, allowing developers to gradually introduce types into existing JavaScript projects. TypeScript aims to address the challenges of large scale JavaScript development through static typing as well as features like classes and modules that align with emerging ECMAScript standards.
Migrating Web SDK from JS to TS
Migrating Web SDK from JS to TSGrigory Petrov Slides from my talk at AmsterdamJS 08.06, https://amsterdamjs.com
Typescript was warmly welcomed with all our developers from C++, Java and C# background. So it was only a question of time for our public JavaScript SDK to be completely rewritten in Typescript from scratch. In my talk I will focus on good and bad things that we experienced during development, and will tell how our initial thoughts played out.
Introduction to TypeScript
Introduction to TypeScriptBob German This document summarizes an introduction to TypeScript presentation. It includes an agenda that covers what TypeScript is, why it should be used, code walkthroughs, an example, and debugging TypeScript. It also provides setup steps and resources for learning more about TypeScript.
TypeScipt - Get Started
TypeScipt - Get StartedKrishnanand Sivaraj This document provides an introduction to TypeScript, a superset of JavaScript that adds optional static types and classes. It discusses why TypeScript was created due to issues with maintaining large JavaScript codebases. The document then covers TypeScript features like type checking, classes, interfaces, modules, and how it compiles to JavaScript. It provides examples of TypeScript syntax for types, classes, interfaces, and other language features. Overall, the document serves as an introduction to TypeScript for developers familiar with JavaScript.
TypeScript
TypeScriptFabian Vilers TypeScript is a superset of JavaScript that compiles to JavaScript. It adds optional static types, classes, and modules to JavaScript to enable scalable application development. TypeScript starts with and compiles to idiomatic JavaScript, so it runs in any browser or host on any OS. The TypeScript type system formalizes JavaScript's dynamic types through static representation and type inference, requiring few type annotations in practice. Classes and modules in TypeScript structure applications clearly and align with emerging ECMAScript standards. The open source TypeScript compiler and tooling like Visual Studio and Resharper support provide full static typing of libraries and source maps.
Introduction to TypeScript
Introduction to TypeScriptAndré Pitombeira This document provides an introduction and overview of TypeScript. It begins by discussing some of the benefits and drawbacks of JavaScript, and why TypeScript was created. It then covers TypeScript's design goals, popular frameworks built with it, and IDE support. The rest of the document outlines TypeScript's configuration, basic language features like types, interfaces, classes and generics. It also discusses code organization techniques like modules and namespaces. Finally, it provides a brief introduction to TypeScript's type system.
TypeScript-SPS-melb.pptx
TypeScript-SPS-melb.pptxaccordv12 This document introduces TypeScript, a superset of JavaScript created by Microsoft. It discusses problems with vanilla JavaScript like dynamic typing, scope issues, difficult object inheritance and multiple files. TypeScript addresses these by adding optional static typing, block scope, class-based inheritance and ability to reference code across files. The document demonstrates TypeScript code, shows converting an existing project to TypeScript, and provides references for further information.
Type script
Type scriptsrinivaskapa1 TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. It adds optional static types, classes, and interfaces to JavaScript to help catch errors. TypeScript is developed by Microsoft and is often used for large-scale JavaScript applications. Some key benefits of TypeScript include compilation to catch errors early, strong static typing for IntelliSense and refactoring, and support for modern JavaScript features while allowing for backwards compatibility.
Typescript in 30mins
Typescript in 30mins Udaya Kumar This document introduces TypeScript and provides an overview of its key features. It discusses why TypeScript was created due to issues with JavaScript like dynamic typing and lack of modularity. It also covers TypeScript features like optional static types, interfaces, classes, modules and how it compiles to JavaScript. The presentation concludes by noting TypeScript allows gradual adoption and that application scale JavaScript development is difficult but TypeScript makes it easier.
Learning typescript
Learning typescriptAlexandre Marreiros The first deck of a two part learning deck about TypeScript.
Here you can view a first introduction to the language and some attention call for some of TypeScript detailes.
Scenic City Summit 2018 - TypeScript 101
Scenic City Summit 2018 - TypeScript 101Frances Coronel This document summarizes a class introduction to TypeScript that covers:
1. The key benefits of TypeScript for large projects like adding types and interfaces for modularity.
2. An overview of TypeScript versus JavaScript including how TypeScript extends JavaScript.
3. Assignments for students to explore TypeScript further including completing a Codelab, watching videos, or playing with an online editor.
One language to rule them all type script
One language to rule them all type scriptGil Fink The document discusses TypeScript, an open source language that compiles to JavaScript. It highlights TypeScript's key features like code encapsulation, maintainable code, and tooling support. The presentation covers TypeScript syntax like classes, modules, and interfaces, and demonstrates building a simple app with TypeScript. It encourages learning TypeScript for its abilities to write large programs in JavaScript with static typing and code checking.
11_typescript.pptx for north south university course cse425
11_typescript.pptx for north south university course cse425AnikSahaToni19126196 Mou Deshmukh submitted a document analyzing TypeScript, a superset of JavaScript that adds optional static typing. The document discusses TypeScript's history and development, key features like static typing and interfaces, advantages like catch errors earlier and enhanced tooling support, disadvantages like learning curve and compatibility issues, and common application domains like large web apps.
Introducing type script
Introducing type scriptRemo Jansen TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. It allows for large scale JavaScript application development with features like classes, inheritance, modules, generators, async/await, and decorators. TypeScript introduces strong typing, interfaces, generics, and other design-time features not available in JavaScript to reduce complexity in large codebases. It supports the future of JavaScript by allowing the use of ES6 and ES7 features today through compiler options. Getting started is easy using the TypeScript playground or boilerplate projects on GitHub.
Type script
Type scriptMallikarjuna G D TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. It adds optional static types, classes, and interfaces to JavaScript to help catch errors. TypeScript supports object-oriented programming concepts like classes, interfaces, inheritance, and modules. It is compatible with JavaScript and can reuse existing JavaScript code and libraries. The TypeScript compiler checks for errors and compiles TypeScript code into JavaScript that can run on any browser, device, or operating system that supports JavaScript.
Typescript: Beginner to Advanced
Typescript: Beginner to AdvancedTalentica Software Typescript is a strict syntactical superset of JavaScript that adds type safety. It allows defining type annotations for variables, functions, objects, and function return values to catch errors. Typescript uses a static and structural type system. Its types include primitives, objects, arrays, functions, classes, generics, and utility types. Typescript code compiles to JavaScript, so it doesn't change runtime behavior but can catch errors earlier.
4Developers: Tomasz Ducin- JavaScript + Java = TypeScript
4Developers: Tomasz Ducin- JavaScript + Java = TypeScriptPROIDEA JavaScript is the most accessible platform of our times. Yet, it has many downsides, especially in terms of big scale applications, created by multiple developers. TypeScript is the solution. Being the new guy, it has already found its place among rivals such as CoffeeScript and ES6. TypeScript is the Angular2 language. It has bindings for lots of existing libraries. Some people, like me, would choose TypeScript for development of any new project. So why is that? In this talk I'll highlight the native-JS problems that TS solves and compare it to its rivals, CoffeeScript and ES6. I'll mention the similarities between TypeScript and Java. We'll see how do non-Frontenders see TypeScript. I'll share my experience of banking software development.
TypeScript - Javascript done right
TypeScript - Javascript done rightWekoslav Stefanovski This is an introductory presentation of the TypeScript language. It cover its genesis, its features and its use in Visual Studio 2012
Back to the Future with TypeScript
Back to the Future with TypeScriptAleš Najmann This document provides an overview of JavaScript development challenges and how EcmaScript 2015 and TypeScript address these challenges. It discusses the rise of JavaScript, traditional development challenges like lack of structuring capabilities and static types, new features in EcmaScript 2015 like arrow functions and classes, and how TypeScript adds static types and interfaces to provide benefits for large application development. The document contains code examples to demonstrate various JavaScript and TypeScript language features.
Typescript: JS code just got better!
Typescript: JS code just got better!amit bezalel - Typescript improves on JavaScript by adding optional static typing, classes, interfaces and other features to address issues like lack of block scope and type safety.
- It compiles to plain JavaScript that runs on any browser or platform, allowing use of type checking without limiting deployment targets.
- Many companies have adopted Typescript for its readability, code navigation, refactoring and ability to scale to large codebases with many developers.
More from Stefan Baumgartner (13)
WASM! WASI! WAGI! WAT?
WASM! WASI! WAGI! WAT?Stefan Baumgartner WebAssembly is neither Web nor Assembly. This may sound odd at first, but makes a lot of sense if you look at some of its core features: Fast, efficient, sandboxed. Something we want from container technologies!
In this talk, we look at WASM as an alternative for your everyday container. We develop and deploy applications that run in WASM, not in the browser, but everywhere, including the cloud. Together with accompanying technologies like WASI and the experimental WAGI, we see how WebAssembly can be the future for cloud apps, including serverless.
Serverless Rust
Serverless RustStefan Baumgartner The document discusses using Rust for serverless computing on platforms like AWS Lambda and Azure Functions. It notes that Rust performs better than Node.js in serverless workloads due to producing smaller binaries and having lower memory usage. The document shares results showing Rust functions have faster cold start times and execution times compared to Node.js. It also provides examples of building Rust functions for AWS Lambda using the Lambda runtime crate and for Azure Functions by compiling to a binary and specifying bindings.
What TypeScript taught me about JavaScript
What TypeScript taught me about JavaScriptStefan Baumgartner Framing slides to my talks at
- Global Azure Bootcamp 2020
- Vienna JS
Works best with live examples
Real-world component libraries at scale
Real-world component libraries at scaleStefan Baumgartner Good component libraries can help your development teams scale. But developers are not the only people involved in the UI component creation process, there’s UX and design folks as well! For them, good component design might look completely different. In this talk we will look at component library architecture and best practices for powerful design systems. See how hundreds of designers and developers contribute to one platform to create one consistent piece of UI.
Held together with @Ka_Trin_F
Jamstack on Azure
Jamstack on AzureStefan Baumgartner JAMStack stands for “JavaScript, APIs, Markup” and describes a new, cloud ready website architecture. The CMS monoliths of old are replaced with finely tuned build processes, static site generators, and serverless functions. A perfect fit for everything Azure has to offer! In this talk, we will look at architectural patterns and challenges that come with this new approach. Let’s see how we can use Azure pipelines, Azure functions and your favorite front-end framework to craft websites that are cheap, scalable, secure and incredibly fast.
The hero's journey
The hero's journeyStefan Baumgartner The document discusses the "hero's journey" narrative structure and its application to software development projects. It describes the stages as: (1) the call to adventure, when a new project is started; (2) the road of trials, when challenges are faced while learning new technologies; and (3) achieving the ultimate boon, or successful completion of the project. Along each stage, it provides examples from next.js projects to illustrate how developers can rely on familiar patterns, learn from experience, use sensible defaults, and document their work.
Sketchmine: Design Systems Tooling
Sketchmine: Design Systems ToolingStefan Baumgartner Sketchmine is a toolset to maintain, validate and create Sketch files. The perfect suite for design systems and design systems tooling. In this presentation, we look at challenges of large organisations and their design systems, and how we solve them with Sketchmine. Design Ops as it should be
Automating UI development
Automating UI developmentStefan Baumgartner Design systems and pattern libraries help designers and developers to get a common understanding of user interfaces. But even with such tools in place, there's a ton of processes and handovers involved. Each one causing possible friction and information loss. Especially over time. This might lead to new features feeling outdated on release, and screens and mock-ups getting too old too fast.
With our recent move to Angular and Sketch, we were able to automate 70% of our UI development. Helping our developers to focus on the real problems, and reducing the UI review efforts tremendously. Join us and see how we produce a single source of truth for developers and designers, and how we are able to consume this source in our tool of choice.
A hero's journey in JavaScript frameworks
A hero's journey in JavaScript frameworksStefan Baumgartner Everytime you select a JavaScript framework, you set out on a hero's journey, much like Frodo who needs to cast the one ring into the fires of Mount Doom.
See how models of mythology and narrative fiction help us discover new technologies and help us overcome obstacles on our very personal road of trials.
With Zeit's Next.js, we set out on an incremental path of adoption. Being offered just enough API surface to fulfill our direct needs and to master our skills.
[German] Ab mit dem Kopf!![[German] Ab mit dem Kopf!](https://cdn.slidesharecdn.com/ss_thumbnails/wke-180912103636-thumbnail.jpg?width=560&fit=bounds)
[German] Ab mit dem Kopf!Stefan Baumgartner Ab mit dem Kopf! – Moderne Infrastruktur für skalierbare Webentwicklung
Die Komplexität eines Webportals steigt im Normalfall direkt proportional zu den Ansprüchen, die gestellt werden. Zuvor ausgewählte Technologien, Architekturen und CMS können da oft nicht mehr mithalten oder halten uns sogar auf. Wir verbiegen Schnittstellen, bis sie brechen. Unsere dedicated Server gehen in die Knie. Anzahl und Qualität der installieren Plug-Ins lassen unser Portal an Frankenstein erinnern.
Mit den neuen Möglichkeiten, die hippe Cloud-Technologien mit sich bringen, können wir solchen Monolithen vorbeugen:
Cloud-Infrastrukturen sind dynamisch skalierbar und verteilbar und benötigen mittlerweile für die Administration kein Diplom mehr.
Statische Seitengeneratoren liefern genau das Markup, das wir benötigen.
Mit Cloudfunktionen und Microservices können wir diese statischen Seiten mit dynamischen Inhalten erweitern, ohne auf Funktionalität zu verzichten
Headless CMS erlauben Redakteuren den gleichen Komfort in der Wartung, verstecken aber die Komplexität der darunter liegenden Architektur.
Sehen wir uns an, wie diese Einzelteile im großen Ganzen zusammenspielen, und wie komplex diese Systeme wirklich sind. Kopflose Systeme, ohne selbst dabei den Kopf zu verlieren. Dabei werfen wir einen kritischen Blick auf Integrität, Nachhaltigkeit und Performance und hinterfragen Einsatzgebiete.
Advanced JavaScript build pipelines using Gulp.js
Advanced JavaScript build pipelines using Gulp.jsStefan Baumgartner It has been some time since JavaScript build tools like Grunt or Gulp were just the "next big thing" for web developers. Working without them is nearly unimaginable nowadays and it seems that there's almost no problem in our day to day workflow which cannot be solved by simply using just another plugin.
But are build tools really the answer to everything?
In this talk, we will take a look at the ten most common problems which seem to be unsolved by using just the build tool basics. We will create advanced building pipelines for our custom processes and find out reusable patterns which can be applied to similar issues.
Speed Index, explained!
Speed Index, explained!Stefan Baumgartner In the land of web performance metrics, Speed Index is one of the most promising and robust ones around. Taking the visual progress on the user's screen into account instead of merely relying on navigation timings, it promises to give real feedback on the user experience of your website.
But is it really the silver bullet? What's the catch? Can we even "cheat" on getting a better score? In this talk, we will get to the bottom of Speed Index:
– We will learn how Speed Index is calculated and what you need to measure your own site's Speed Index
– We will see which pain points Speed Index tackles, and what you can do to optimise your site to get a better score
– We learn where the downsides of this metric are and if it should be of any concern to you
– Last, but not least, we will check how we can overcome those downsides with additional, non-disruptive monitoring to get an even better view of your site's performance.
Plumbin Pipelines - A Gulp.js workshop
Plumbin Pipelines - A Gulp.js workshopStefan Baumgartner With JavaScript being no toy language anymore our demands on a high quality development environment have risen tremendously. One part of a good development environment are build tools, and Gulp.js -- being the JavaScript streaming build system -- is but one of the many choices a developer has nowadays. For many however, it's considered to be the best! In this three hour workshop, we will take a good look into Gulp and its possibilities. After our in-depth 3 hour course you will be able to do the following:
- Know how Gulp's API and the ecosystem of its plugins work
- Create parallel and sequential execution chains to be in total control of your build flow
- Know how 3rd party Node modules evolve around Gulp and how they can be integrated
- Create incremental builds to speed up your build time
- Know how streams work in Node.js
- And use stream arrays and merge streams to plumb together sophisticated pipelines doing all the work for you
Join us and become a build plumber!
More information
http://github.com/frontend-tooling
http://bit.ly/gulp-tool-book
http://fettblog.eu
Recently uploaded (20)
Dev Dives: System-to-system integration with UiPath API Workflows
Dev Dives: System-to-system integration with UiPath API WorkflowsUiPathCommunity Join the next Dev Dives webinar on May 29 for a first contact with UiPath API Workflows, a powerful tool purpose-fit for API integration and data manipulation!
This session will guide you through the technical aspects of automating communication between applications, systems and data sources using API workflows.
📕 We'll delve into:
- How this feature delivers API integration as a first-party concept of the UiPath Platform.
- How to design, implement, and debug API workflows to integrate with your existing systems seamlessly and securely.
- How to optimize your API integrations with runtime built for speed and scalability.
This session is ideal for developers looking to solve API integration use cases with the power of the UiPath Platform.
👨🏫 Speakers:
Gunter De Souter, Sr. Director, Product Manager @UiPath
Ramsay Grove, Product Manager @UiPath
This session streamed live on May 29, 2025, 16:00 CET.
Check out all our upcoming UiPath Dev Dives sessions:
👉 https://community.uipath.com/dev-dives-automation-developer-2025/
UiPath Community Berlin: Studio Tips & Tricks and UiPath Insights
UiPath Community Berlin: Studio Tips & Tricks and UiPath InsightsUiPathCommunity Join the UiPath Community Berlin (Virtual) meetup on May 27 to discover handy Studio Tips & Tricks and get introduced to UiPath Insights. Learn how to boost your development workflow, improve efficiency, and gain visibility into your automation performance.
📕 Agenda:
- Welcome & Introductions
- UiPath Studio Tips & Tricks for Efficient Development
- Best Practices for Workflow Design
- Introduction to UiPath Insights
- Creating Dashboards & Tracking KPIs (Demo)
- Q&A and Open Discussion
Perfect for developers, analysts, and automation enthusiasts!
This session streamed live on May 27, 18:00 CET.
Check out all our upcoming UiPath Community sessions at:
👉 https://community.uipath.com/events/
Join our UiPath Community Berlin chapter:
👉 https://community.uipath.com/berlin/
From Legacy to Cloud-Native: A Guide to AWS Modernization.pptx
From Legacy to Cloud-Native: A Guide to AWS Modernization.pptxMohammad Jomaa From Legacy to Cloud-Native: A Guide
to AWS Modernization
Maxx nft market place new generation nft marketing place
Maxx nft market place new generation nft marketing placeusersalmanrazdelhi PREFACE OF MAXXNFT
MaxxNFT: Powering the Future of Digital Ownership
MaxxNFT is a cutting-edge Web3 platform designed to revolutionize how
digital assets are owned, traded, and valued. Positioned at the forefront of the
NFT movement, MaxxNFT views NFTs not just as collectibles, but as the next
generation of internet equity—unique, verifiable digital assets that unlock new
possibilities for creators, investors, and everyday users alike.
Through strategic integrations with OKT Chain and OKX Web3, MaxxNFT
enables seamless cross-chain NFT trading, improved liquidity, and enhanced
user accessibility. These collaborations make it easier than ever to participate
in the NFT ecosystem while expanding the platform’s global reach.
With a focus on innovation, user rewards, and inclusive financial growth,
MaxxNFT offers multiple income streams—from referral bonuses to liquidity
incentives—creating a vibrant community-driven economy. Whether you
'
re
minting your first NFT or building a digital asset portfolio, MaxxNFT empowers
you to participate in the future of decentralized value exchange.
https://maxxnft.xyz/
The 2025 Digital Adoption Blueprint.pptx
The 2025 Digital Adoption Blueprint.pptxaptyai Unlock your organization’s full potential with the 2025 Digital Adoption Blueprint. Discover proven strategies to streamline software onboarding, boost productivity, and drive enterprise-wide digital transformation.
Security Operations and the Defense Analyst - Splunk Certificate
Security Operations and the Defense Analyst - Splunk CertificateVICTOR MAESTRE RAMIREZ Security Operations and the Defense Analyst - Splunk Certificate
Offshore IT Support: Balancing In-House and Offshore Help Desk Technicians
Offshore IT Support: Balancing In-House and Offshore Help Desk Techniciansjohn823664 In today's always-on digital environment, businesses must deliver seamless IT support across time zones, devices, and departments. This SlideShare explores how companies can strategically combine in-house expertise with offshore talent to build a high-performing, cost-efficient help desk operation.
From the benefits and challenges of offshore support to practical models for integrating global teams, this presentation offers insights, real-world examples, and key metrics for success. Whether you're scaling a startup or optimizing enterprise support, discover how to balance cost, quality, and responsiveness with a hybrid IT support strategy.
Perfect for IT managers, operations leads, and business owners considering global help desk solutions.
Master tester AI toolbox - Kari Kakkonen at Testaus ja AI 2025 Professio
Master tester AI toolbox - Kari Kakkonen at Testaus ja AI 2025 ProfessioKari Kakkonen My slides at Professio Testaus ja AI 2025 seminar in Espoo, Finland.
Deck in English, even though I talked in Finnish this time, in addition to chairing the event.
I discuss the different motivations for testing to use AI tools to help in testing, and give several examples in each categories, some open source, some commercial.
AI Emotional Actors: “When Machines Learn to Feel and Perform"
AI Emotional Actors: “When Machines Learn to Feel and Perform"AkashKumar809858 Welcome to the era of AI Emotional Actors.
The entertainment landscape is undergoing a seismic transformation. What started as motion capture and CGI enhancements has evolved into a full-blown revolution: synthetic beings not only perform but express, emote, and adapt in real time.
For reading further follow this link -
https://akash97.gumroad.com/l/meioex
AI in Java - MCP in Action, Langchain4J-CDI, SmallRye-LLM, Spring AI
AI in Java - MCP in Action, Langchain4J-CDI, SmallRye-LLM, Spring AIBuhake Sindi This is the presentation I gave with regards to AI in Java, and the work that I have been working on. I've showcased Model Context Protocol (MCP) in Java, creating server-side MCP server in Java. I've also introduced Langchain4J-CDI, previously known as SmallRye-LLM, a CDI managed too to inject AI services in enterprise Java applications. Also, honourable mention: Spring AI.
European Accessibility Act & Integrated Accessibility Testing
European Accessibility Act & Integrated Accessibility TestingJulia Undeutsch Emma Dawson will guide you through two important topics in this session.
Firstly, she will prepare you for the European Accessibility Act (EAA), which comes into effect on 28 June 2025, and show you how development teams can prepare for it.
In the second part of the webinar, Emma Dawson will explore with you various integrated testing methods and tools that will help you improve accessibility during the development cycle, such as Linters, Storybook, Playwright, just to name a few.
Focus: European Accessibility Act, Integrated Testing tools and methods (e.g. Linters, Storybook, Playwright)
Target audience: Everyone, Developers, Testers
John Carmack’s Slides From His Upper Bound 2025 Talk
John Carmack’s Slides From His Upper Bound 2025 TalkRazin Mustafiz Source: https://docs.google.com/presentation/d/1GmGe9ref1nxEX_ekDuJXhildpWGhLEYBMeXCclVECek/edit?usp=sharing
Introducing FME Realize: A New Era of Spatial Computing and AR
Introducing FME Realize: A New Era of Spatial Computing and ARSafe Software A new era for the FME Platform has arrived – and it’s taking data into the real world.
Meet FME Realize: marking a new chapter in how organizations connect digital information with the physical environment around them. With the addition of FME Realize, FME has evolved into an All-data, Any-AI Spatial Computing Platform.
FME Realize brings spatial computing, augmented reality (AR), and the full power of FME to mobile teams: making it easy to visualize, interact with, and update data right in the field. From infrastructure management to asset inspections, you can put any data into real-world context, instantly.
Join us to discover how spatial computing, powered by FME, enables digital twins, AI-driven insights, and real-time field interactions: all through an intuitive no-code experience.
In this one-hour webinar, you’ll:
-Explore what FME Realize includes and how it fits into the FME Platform
-Learn how to deliver real-time AR experiences, fast
-See how FME enables live, contextual interactions with enterprise data across systems
-See demos, including ones you can try yourself
-Get tutorials and downloadable resources to help you start right away
Whether you’re exploring spatial computing for the first time or looking to scale AR across your organization, this session will give you the tools and insights to get started with confidence.
Protecting Your Sensitive Data with Microsoft Purview - IRMS 2025
Protecting Your Sensitive Data with Microsoft Purview - IRMS 2025Nikki Chapple Session | Protecting Your Sensitive Data with Microsoft Purview: Practical Information Protection and DLP Strategies
Presenter | Nikki Chapple (MVP| Principal Cloud Architect CloudWay) & Ryan John Murphy (Microsoft)
Event | IRMS Conference 2025
Format | Birmingham UK
Date | 18-20 May 2025
In this closing keynote session from the IRMS Conference 2025, Nikki Chapple and Ryan John Murphy deliver a compelling and practical guide to data protection, compliance, and information governance using Microsoft Purview. As organizations generate over 2 billion pieces of content daily in Microsoft 365, the need for robust data classification, sensitivity labeling, and Data Loss Prevention (DLP) has never been more urgent.
This session addresses the growing challenge of managing unstructured data, with 73% of sensitive content remaining undiscovered and unclassified. Using a mountaineering metaphor, the speakers introduce the “Secure by Default” blueprint—a four-phase maturity model designed to help organizations scale their data security journey with confidence, clarity, and control.
🔐 Key Topics and Microsoft 365 Security Features Covered:
Microsoft Purview Information Protection and DLP
Sensitivity labels, auto-labeling, and adaptive protection
Data discovery, classification, and content labeling
DLP for both labeled and unlabeled content
SharePoint Advanced Management for workspace governance
Microsoft 365 compliance center best practices
Real-world case study: reducing 42 sensitivity labels to 4 parent labels
Empowering users through training, change management, and adoption strategies
🧭 The Secure by Default Path – Microsoft Purview Maturity Model:
Foundational – Apply default sensitivity labels at content creation; train users to manage exceptions; implement DLP for labeled content.
Managed – Focus on crown jewel data; use client-side auto-labeling; apply DLP to unlabeled content; enable adaptive protection.
Optimized – Auto-label historical content; simulate and test policies; use advanced classifiers to identify sensitive data at scale.
Strategic – Conduct operational reviews; identify new labeling scenarios; implement workspace governance using SharePoint Advanced Management.
🎒 Top Takeaways for Information Management Professionals:
Start secure. Stay protected. Expand with purpose.
Simplify your sensitivity label taxonomy for better adoption.
Train your users—they are your first line of defense.
Don’t wait for perfection—start small and iterate fast.
Align your data protection strategy with business goals and regulatory requirements.
💡 Who Should Watch This Presentation?
This session is ideal for compliance officers, IT administrators, records managers, data protection officers (DPOs), security architects, and Microsoft 365 governance leads. Whether you're in the public sector, financial services, healthcare, or education.
🔗 Read the blog: https://nikkichapple.com/irms-conference-2025/
"AI in the browser: predicting user actions in real time with TensorflowJS", ...
"AI in the browser: predicting user actions in real time with TensorflowJS", ...Fwdays With AI becoming increasingly present in our everyday lives, the latest advancements in the field now make it easier than ever to integrate it into our software projects. In this session, we’ll explore how machine learning models can be embedded directly into front-end applications. We'll walk through practical examples, including running basic models such as linear regression and random forest classifiers, all within the browser environment.
Once we grasp the fundamentals of running ML models on the client side, we’ll dive into real-world use cases for web applications—ranging from real-time data classification and interpolation to object tracking in the browser. We'll also introduce a novel approach: dynamically optimizing web applications by predicting user behavior in real time using a machine learning model. This opens the door to smarter, more adaptive user experiences and can significantly improve both performance and engagement.
In addition to the technical insights, we’ll also touch on best practices, potential challenges, and the tools that make browser-based machine learning development more accessible. Whether you're a developer looking to experiment with ML or someone aiming to bring more intelligence into your web apps, this session will offer practical takeaways and inspiration for your next project.
State-Dependent Conformal Perception Bounds for Neuro-Symbolic Verification o...
State-Dependent Conformal Perception Bounds for Neuro-Symbolic Verification o...Ivan Ruchkin A poster presented by Thomas Waite and Radoslav Ivanov at the 2nd International Conference on Neuro-symbolic Systems (NeuS) in May 2025.
Paper: https://arxiv.org/abs/2502.21308
Abstract: It remains a challenge to provide safety guarantees for autonomous systems with neural perception and control. A typical approach obtains symbolic bounds on perception error (e.g., using conformal prediction) and performs verification under these bounds. However, these bounds can lead to drastic conservatism in the resulting end-to-end safety guarantee. This paper proposes an approach to synthesize symbolic perception error bounds that serve as an optimal interface between perception performance and control verification. The key idea is to consider our error bounds to be heteroskedastic with respect to the system's state -- not time like in previous approaches. These bounds can be obtained with two gradient-free optimization algorithms. We demonstrate that our bounds lead to tighter safety guarantees than the state-of-the-art in a case study on a mountain car.
Introducing Ensemble Cloudlet vRouter
Introducing Ensemble Cloudlet vRouterAdtran Adtran’s new Ensemble Cloudlet vRouter solution gives service providers a smarter way to replace aging edge routers. With virtual routing, cloud-hosted management and optional design services, the platform makes it easy to deliver high-performance Layer 3 services at lower cost. Discover how this turnkey, subscription-based solution accelerates deployment, supports hosted VNFs and helps boost enterprise ARPU.
Marko.js - Unsung Hero of Scalable Web Frameworks (DevDays 2025)
Marko.js - Unsung Hero of Scalable Web Frameworks (DevDays 2025)Eugene Fidelin Marko.js is an open-source JavaScript framework created by eBay back in 2014. It offers super-efficient server-side rendering, making it ideal for big e-commerce sites and other multi-page apps where speed and SEO really matter. After over 10 years of development, Marko has some standout features that make it an interesting choice. In this talk, I’ll dive into these unique features and showcase some of Marko's innovative solutions. You might not use Marko.js at your company, but there’s still a lot you can learn from it to bring to your next project.
Talk: On an adventure into the depths of Maven - Kaya Weers
Talk: On an adventure into the depths of Maven - Kaya WeersKaya Weers Talk: On an adventure into the depths of Maven
By: Kaya Weers
SAP Sapphire 2025 ERP1612 Enhancing User Experience with SAP Fiori and AI
SAP Sapphire 2025 ERP1612 Enhancing User Experience with SAP Fiori and AIPeter Spielvogel Explore how AI in SAP Fiori apps enhances productivity and collaboration. Learn best practices for SAPUI5, Fiori elements, and tools to build enterprise-grade apps efficiently. Discover practical tips to deploy apps quickly, leveraging AI, and bring your questions for a deep dive into innovative solutions.
TypeScript's Type System
- 1. Type Systems @ddprrt • fettblog.eu
- 10. MEETUPS
- 13. Endlich kann ich Klassen schreiben!
- 17. = = == ===
- 19. Anders Hejlsberg
- 23. GOSLING
- 24. You guys (at Microsoft) still don't get it, because it's sort of Java with reliability, productivity and security deleted - James Gosling reliability productivity
- 26. Design goals
- 30. ⭐ Open Source and Open Development " Closely track ECMAScript standard # Innovate in type system $ Best of breed tooling ⏬ Continually lower barrier to entry & Community, community, community
- 31. ⭐ Open Source and Open Development " Closely track ECMAScript standard # Innovate in type system $ Best of breed tooling ⏬ Continually lower barrier to entry & Community, community, community
- 32. ⭐ TypeScript IS JavaScript ⭐ Language innovation through ECMAScript ⭐ Type system innovation through use cases ⭐ Tooling as prime citizen Non-goal: Apply a sound or "provably correct" type system. Instead, strike a balance between correctness and productivity.
- 34. ⛩ Gradual, structural, generic ( Distinct value / type namespaces ) Extensive type inference * Control flow analysis & Object-oriented and functional
- 36. Duck typing
- 41. Type namespaces
- 50. number | string | undefined number string boolean true false -1 1000000 NaN 6 120.3 … … ‘Hello world’ ‘Baumi’null undefined
- 51. Intersection types { a: string } { b: string } { a: string, b: string }
- 52. Examples
- 53. fin