TS Congress is an online event for web developers on all things TypesScript. Learn from industry professionals and community members, exchange ideas, interact, and collaborate in the form of a modern tech event. September 21 & 22, 2023.

TS Congress

TypeScript Congress 2023

Luca Del Puppo

React Summit

I am attending the biggest #Reactjs conference remotely. You may get a limited free ticket (50% of talks, no workshops) and join me by clicking this badge.

React Summit 2023

React Advanced

React Advanced Conference 2023

Many Javascript developers have added typescript to their projects in the last few years. But how many of them are sure of their types at runtime? Can types be guaranteed on runtime too? Using Zod that can be realized! Let's see together how we can use Zod to improve the awareness of our code during its execution and prevent strange mistakes or a bad user experience.

Zod === TypeScript, but at Runtime in Your React Applications

In this talk, I want to show how we can use Zod to guarantee the type in a React Application at runtime. Environment variables, HTTP requests, forms and so on could create troubles in our applications, mainly if they contain unexpected types. Using Zod, we can create schemas to guarantee the types expected in our editor at runtime. In this way, we can react quickly when an environment variable misses or when someone changes the API contract without informing us. A small validation layer in our applications can prevent a bad user experience and notify us immediately, so we can fix the problem as soon as possible and mitigate the visualization of wrong data.

Zod === Typescript, but at Runtime in Your React Applications

Node Congress

Node Congress 2023

In this speech, I'll talk about the benefit of using GraphQL and show a small demo of an endpoint created with Fastify Mercurius and Prisma.

GraphQL with Mercurius and Prisma, love at first sight

Did you know that TypeScript lets you write JavaScript the way you really want to? Explore the variety of Typescript courses we compiled from our speakers and collaborators and find out what you can do with this language and how it improves the development experience.

This page contains talks, workshops, tutorials and presentations about Typescript. Learn from experienced JavaScript developers how to get started with Typescript and how to use it in your projects. Get the latest tips and tricks for coding with Typescript and find out how to optimize your code for maximum performance. Discover how to create efficient and maintainable applications with Typescript and take your development skills to the next level.

Learn Typescript: Talks, Workshops, Tutorials & Presentations for JavaScript Developers

Scalability is the ability of a system, network, or application to handle a growing amount of work in a capable manner or its ability to be enlarged to accommodate that growth. In terms of JavaScript, scalability refers to the ability to quickly and efficiently increase the size and complexity of a website or web application without sacrificing performance or usability. This includes the ability to add more nodes (computers) to a distributed system, as well as the ability to easily add more features and capabilities to an existing system.

Scalability is an important concept for JavaScript developers, and this page contains a variety of talks, workshops, tutorials and presentations to help them understand the fundamentals and best practices of scalability. From understanding the basics of scaling applications to mastering advanced techniques, these resources provide comprehensive coverage of the topic, allowing developers to stay up-to-date on the latest trends and technologies. With these materials, developers can learn how to create scalable applications that can handle increasing workloads and traffic without sacrificing performance or reliability.

Scalability Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Core Web Vitals are a set of metrics that measure the speed, responsiveness and visual stability of webpages. They provide an indication of how well a page is performing in terms of user experience. These metrics are based on real-world user interactions and are essential for understanding the performance of a website. Core Web Vitals measure things like loading time, interactivity, visual stability and more. JavaScript plays an important role in improving the performance of these vitals, as it can be used to optimize the loading time and interactivity of a webpage.

Core Web Vitals is an essential set of metrics to measure the performance, speed, and user experience of a website. This page contains talks, workshops, tutorials and presentations about Core Web Vitals which are designed to help JavaScript developers improve the performance and user experience of their websites. Learn how to measure and optimize your website’s core web vitals and get tips on how to improve your website’s loading times, interactivity, and visual stability.

Learn Core Web Vitals Through Talks, Workshops, Tutorials and Presentations

Feeling like boosting up your career? In this section, you'll find free JavaScript courses, tutorials, and coding lessons to help you stay up-to-date with the latest developments in the JS ecosystem and take you from basic to advanced. Dive into it, and you'll find out that the world's most popular programming language is easy to learn.

Welcome to the JavaScript Learning Portal! Here you will find a variety of talks, workshops, tutorials and presentations about JavaScript. Whether youre a beginner looking to learn the basics or an experienced developer looking to stay up-to-date on the latest trends in the language, this portal has something for everyone. We have organized our content into different categories so you can easily find what you need. Explore our selection of talks, workshops, tutorials and presentations today and start learning more about JavaScript!

JavaScript Talks, Workshops, Tutorials & Presentations - Learn JavaScript from the Experts!

Vite is a modern JavaScript build tool that offers lightning-fast performance and out-of-the-box support for modern JavaScript features. It uses native ES modules and provides instant server-side rendering, zero configuration, and automatic static optimization. Vite is built on top of the popular Rollup bundler but is much faster due to its use of native ES modules and its ability to skip unnecessary builds. It also provides hot module replacement (HMR) and supports modern JavaScript features such as TypeScript, JSX, and CSS pre-processors.

Vite is a modern JavaScript development toolchain that enables developers to quickly build, develop and deploy high-performance web apps. This page contains talks, workshops, tutorials and presentations related to Vite, which will help developers learn the fundamentals of Vite and how to use it to create powerful web applications. Learn about the features of Vite, best practices for using it and more. With these resources, you can become an expert in Vite and take your web development skills to the next level.

Vite: Talks, Workshops, Tutorials & Presentations for JavaScript Developers

Node.js is a JavaScript runtime environment that allows developers to run JavaScript code outside of a web browser. It uses an event-driven, non-blocking I/O model to handle requests efficiently and is particularly suited for building scalable network applications. Node.js comes with a built-in package manager (npm) and a large ecosystem of libraries and modules that makes it easy to develop server-side applications.

This page provides talks, workshops, tutorials and presentations about the popular server-side JavaScript runtime environment, Node.js. Learn from experienced developers how to set up Node.js, use its features and build powerful applications. Get up to date with the latest trends in web development and find out how to make use of Node.js for your projects.

Node.js Talks, Workshops, Tutorials & Presentations: Everything You Need to Know About Node.js

Web components are a set of web platform APIs that allow developers to create custom, reusable HTML tags to use in web pages and web apps. They are made up of four main technologies: HTML templates, custom elements, Shadow DOM, and HTML imports. HTML templates allow developers to declare inert chunks of HTML that can be used as the foundation for an element's structure. Custom elements enable developers to define their own HTML tags and extend existing ones. Shadow DOM provides encapsulation for styling and DOM manipulation. Finally, HTML imports allow developers to include and reuse HTML documents in other HTML documents.

Web Components are an emerging web technology that allows developers to create encapsulated and reusable components for their web applications. They provide a way to create custom HTML elements, combine existing HTML elements together, and extend existing HTML elements. This page contains talks, workshops, tutorials and presentations about Web Components, providing developers with the knowledge and tools needed to use them in their projects. Learn how to create powerful, dynamic user interfaces with Web Components and discover the best practices for using them in your development workflow.

Web Components Talks, Workshops, Tutorials & Presentations - Learn JavaScript Development from Experts

Microservices are a software architectural style that structures an application as a collection of loosely coupled services, which implement business capabilities. Each service is self-contained and independently deployable. Services communicate with each other using APIs or messaging systems like RabbitMQ. Microservices are written in any language, including JavaScript, and can be developed and deployed independently. They are often deployed in containers, such as Docker, to provide scalability and fault tolerance.

Microservices are a type of architecture that enables developers to create applications composed of small, independent services. This page contains talks, workshops, tutorials and presentations about microservices and how they can be used to build modern, scalable applications. We cover topics such as service-oriented architectures, distributed systems, application design, scalability, fault tolerance, and more. With our resources, you will gain a better understanding of the principles behind microservices and how they can be applied in your own projects.

Learn About Microservices: Talks, Workshops, Tutorials & Presentations for JavaScript Developers

SSR stands for Server-Side Rendering. It is a technique used to render web pages on the server side instead of the client side. This allows for faster loading times and better SEO performance, as the content is already available on the server before it is sent to the user's browser. SSR is often used in JavaScript applications, where the HTML is generated on the server and then sent to the client.

Welcome to the SSR learning portal for JavaScript developers! Here, you will find a range of talks, workshops, tutorials and presentations focused on Server-Side Rendering (SSR). Our resources cover topics such as the basics of SSR, the advantages of using SSR, and how to implement SSR in your project. Whether youre just starting out or looking to deepen your knowledge, youll find something to help you become an SSR expert. Get started today and take your JavaScript development skills to the next level!

Supercharging Your JavaScript Development with SSR Talks, Workshops, Tutorials and Presentations

Automation is the process of using computers and software to perform tasks that would otherwise be done manually. In JavaScript, automation is used to automate repetitive tasks or processes, such as running tests, deploying code, or building and deploying web applications. Automation can also be used to optimize processes by streamlining them and making them more efficient.

Automation is the process of using technology to reduce or eliminate the need for manual labor. Automation can help increase efficiency and accuracy, while reducing costs. With this page, you will find talks, workshops, tutorials and presentations to help JavaScript developers learn more about automation and how to use it in their projects. Learn about the latest trends, best practices, and tools available for automation, and how to get started with automating your code.

Automation Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Unit testing is a type of software testing in which individual units of code, such as functions, classes, and modules, are tested to determine if they are fit for use. In JavaScript, unit tests are created to verify that the code behaves as expected when given certain inputs. Unit tests are typically written using a test framework like Jest or Mocha and are run automatically to ensure that the code works correctly.

Unit testing is an essential part of the software development process that helps ensure the quality of code and catch bugs early. It involves writing small, isolated tests to check that individual units of code are functioning as expected. This page provides talks, workshops, tutorials and presentations on unit testing for JavaScript developers. Learn how to write unit tests, debug your code and get the most out of your unit tests. Discover best practices for unit testing and gain insights from experienced professionals.

Unit Testing Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Micro-frontends is a modern architectural approach that divides the user interface of an application into smaller, self-contained units, each with its own distinct technology stack and development team. Each micro-frontend is responsible for rendering a specific part of the UI and can be independently deployed, updated, and scaled. This allows for greater flexibility and scalability, as well as faster development cycles. It also enables teams to use different frameworks and libraries for different parts of the application, allowing them to focus on the best tools for the job.

Micro-frontends are a powerful way to break up large applications into smaller, more manageable pieces. This page contains talks, workshops, tutorials and presentations about micro-frontends, providing developers with the knowledge and skills they need to build modern web applications that are scalable, maintainable and performant. Learn how to use micro-frontends to create modular, reusable components that can be easily integrated into larger applications. Get the best practices for building micro-frontend architectures, and understand how to leverage them to create better user experiences.

Learn Micro-Frontends with Talks, Workshops, Tutorials, and Presentations

Search Engine Optimization (SEO) is the process of optimizing a website or web page to increase its visibility in search engines, such as Google and Bing. SEO involves using techniques such as keyword research, content optimization, link building, and more to help websites rank higher in search engine results pages. By optimizing your website for SEO, you can improve its visibility and drive more organic traffic to your site, which can ultimately lead to an increase in sales and revenue.

This page contains talks, workshops, tutorials and presentations about SEO for JavaScript developers. Learn how to make your website rank higher in search engine results pages (SERPs), optimise content for better visibility, and use the latest SEO techniques to create a successful online presence. Get tips on keyword research, link building, meta tags, content marketing, and more. Gain insights from experienced SEO professionals and stay up-to-date with the latest trends in SEO. Maximise the potential of your website and become an SEO expert today!

SEO Talks, Workshops, Tutorials & Presentations for JavaScript Developers

GraphQL is a query language for APIs that enables developers to request data from multiple sources in a single request. It provides an alternative to traditional REST API requests, allowing developers to access data from multiple different sources in a single request. GraphQL is also more efficient than traditional REST API requests, as it only retrieves the data that is requested by the client. This makes it easier for developers to manage and optimize their applications.

GraphQL is an open-source data query and manipulation language for API development. It provides a powerful and flexible way to access and manipulate data from any source, allowing developers to create rich and efficient applications quickly and easily. This page contains talks, workshops, tutorials and presentations about GraphQL, giving JavaScript developers the tools they need to get up to speed with this powerful technology. Learn how to use GraphQL to build efficient, secure, and maintainable applications that can scale to meet the needs of modern web applications.

GraphQL Talks, Workshops, Tutorials and Presentations for JavaScript Developers

CSS-in-JS is a type of programming approach that allows developers to write CSS code within the same JavaScript file. This approach helps to keep the styling and logic of an application together, making it easier to maintain and debug. It also helps to reduce the number of files needed for a project and makes it easier to share styles throughout the application. Additionally, it enables developers to use features such as variables, functions, and conditionals, which are not normally available in traditional CSS.

CSS-in-JS is a powerful and popular technique for styling React components. It allows developers to use JavaScript to write styles instead of writing them in CSS files. This page contains talks, workshops, tutorials and presentations on the topic of CSS-in-JS, helping developers learn how to effectively use this technique to create beautiful, interactive user interfaces. Learn from experienced professionals about the best practices for using CSS-in-JS, as well as the benefits and drawbacks of this approach. Get up to speed with the latest trends in web development and become an expert in CSS-in-JS.

CSS-in-JS: Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Frontend refers to the part of a website or application that users interact with. It is typically built using HTML, CSS and JavaScript to create an interface that allows users to view and interact with content. Frontend developers are responsible for creating the visual elements of a website or application, such as layout, styling, animation, and user interaction. This includes designing how a page looks, how it responds to different events, and how it interacts with the user.

The page contains talks, workshops, tutorials and presentations about frontend and is designed for JavaScript developers looking to improve their knowledge and skills in this area. Here you can find the latest insights, tools and techniques to help you stay up-to-date with the ever-changing frontend landscape. Whether youre a beginner or an experienced developer, youll find something to help you become a better frontend engineer.

Frontend Talks, Workshops, Tutorials & Presentations for JavaScript Developers

Serverless is a cloud computing model where applications are hosted on a cloud platform without the need for a dedicated server or virtual machine. Instead, cloud resources are allocated and released dynamically depending on the demand of the application. This allows developers to focus more on the development of the application instead of maintaining the underlying infrastructure. Serverless computing is also cost-effective because it only charges for the exact amount of resources used, rather than paying for an idle server.

Serverless is a powerful and cost-effective way to run web applications, mobile backends and more. With serverless, you can save time, money and effort by reducing the need for server provisioning, maintenance and scaling. This page contains talks, workshops, tutorials and presentations about serverless, including best practices for setting up and managing serverless applications, tips and tricks for getting the most out of your serverless architecture, and more. Whether you are new to serverless or an experienced user, this page will provide you with the resources you need to become a successful serverless developer.

Serverless Talks, Workshops, Tutorials & Presentations for JavaScript Developers

NPM stands for Node Package Manager. It is a package manager for the JavaScript programming language. It is used to install, share, and manage code packages that are used in JavaScript projects. It helps developers to easily find, share, and reuse code with other developers from around the world. It also helps maintain the versioning of libraries, making sure that everyone is using the same version of the code.

NPM (Node Package Manager) is an essential tool for JavaScript developers. It allows you to install, manage, and publish packages of code that can be used in your projects. With NPM, you can easily find, share, and reuse packages of code from the vast online repository of packages. Our talks, workshops, tutorials, and presentations will help you learn how to use NPM effectively and get the most out of it. Well cover topics such as package installation, versioning, publishing, and more. Whether youre a beginner or an advanced user, these resources will give you the skills you need to make the most of NPM.