React Day Berlin

React Day Berlin 2023

Walmyr

TestJS Summit is getting back in 2023 in hybrid format with the first in-person day streamed from the Berlin venue including hybrid networking features and interactive entertainment; and second day, as well as the numerous free workshops, streamed to the global audience online.

TestJS Summit is event for QAs and software developers to get up to date with JS testing best practices, sharpen skills and get latest updates from top products core teams. Get a full ticket to participate in workshops, and network with others JS testing folks on December 7-11, 2023.

TestJS Summit

TestJS Summit 2023

<p>In this talk, you’ll learn what flaky tests are, the importance of deterministic tests, the collateral effects of non-deterministic tests, the motives why tests can become brittle, and finally, what to do (and what not to do) when you find flaky tests</p>

No More Flaky Tests!

TestJS Summit 2022

<p>In this workshop, I will introduce you to the migrator.cypress.io project in an unconventional way, where in addition to going over the Cypress commands equivalent to Protractor (and showing you how Cypress is simpler), I will also introduce you how I tested such a project evolving the automated test scripts on-demand, architecting the test suite in an evolutionary way.</p>

Web Testing Architecture and Refactoring With Cypress

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

Code quality is a measure of how well written, organized, and maintainable a piece of code is. It is important for any programming language, but especially so for JavaScript due to its dynamic nature. Good code quality means that the code is easy to read and understand, has good structure and organization, and is easy to modify or extend. It also means that the code is secure, efficient, and performs as expected. In short, it is the practice of writing code that is clean, efficient, and bug-free.

The page contains talks, workshops, tutorials and presentations about code quality. Our content is designed to help JavaScript developers improve their coding skills, understand the importance of code quality, and develop better coding practices. We provide a range of resources to help developers learn how to write clean, efficient code that meets industry standards. Whether youre just starting out or are an experienced coder, our content will help you level-up your coding game.

Improving Code Quality: Talks, Workshops, Tutorials & Presentations for JavaScript Developers

Design systems in web design are a set of interconnected design components that are organized in a systematic manner. They provide a consistent visual language and design guidelines for creating digital products, enabling designers to work faster and more efficiently. Design systems also promote better collaboration among team members and help to maintain brand consistency.

Design systems are an essential part of modern web development, and this page contains talks, workshops, tutorials and presentations about design systems for JavaScript developers. From understanding the basics of design systems to mastering advanced techniques, youll find the resources you need to become an expert in creating and maintaining design systems. Learn how to create a unified visual language, define components and use them across multiple projects, and keep your design system up to date as your project evolves. Our talks, workshops, tutorials and presentations will give you the knowledge and tools you need to create and maintain robust design systems.

Design Systems: Talks, Workshops, Tutorials & Presentations for JavaScript Developers

End-to-end (e2e) testing is a type of software testing that verifies the system's end-to-end functionality from start to finish. It tests the complete flow of an application, including its user interface, APIs, and databases. In e2e testing, the system is tested as a whole, rather than in individual components or units. This ensures that the application behaves as expected when used by real users. E2e testing for JavaScript applications focuses on verifying that the front-end code works correctly with the back-end code. It also tests the performance of the application, ensuring that it meets the requirements of the user.

This page contains talks, workshops, tutorials and presentations about e2e testing, a powerful tool for JavaScript developers to ensure their applications are working as expected. Learn how to implement end-to-end testing in your application, get tips on how to write effective tests, and discover the best tools and frameworks for e2e testing. Gain insights into the latest trends in e2e testing and find out how to use it in combination with other testing methods to create comprehensive test suites. Whether youre a beginner or an experienced developer, these resources will help you become an e2e testing expert.

The Complete Guide to e2e Testing for JavaScript Developers: Talks, Workshops, Tutorials and Presentations

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

JS tooling is a term used to describe the tools and processes used to develop applications in JavaScript. This includes frameworks, libraries, build systems, task runners, and other tools that help developers create, test, and deploy their applications. We have talks and workshops on this topic to help students learn how to use these tools effectively and efficiently.

This page contains talks, workshops, tutorials and presentations about js tooling - the most up-to-date JavaScript tools and techniques for developers. Learn how to set up a JavaScript development environment, create custom scripts and build applications with the latest technologies. Discover the best practices for using popular tools like Gulp, Grunt, Webpack, Babel and more. Get tips on debugging and troubleshooting common problems. Whether you are a beginner or an experienced developer, these resources will help you get the most out of your JavaScript tooling.

Exploring JS Tooling: Talks, Workshops, Tutorials and Presentations

Next.js is a React-based web application framework that allows for server-side rendering, static site generation, and client-side rendering. It offers features such as automatic code splitting, serverless functions, and dynamic imports to improve website performance and scalability. Additionally, it provides an easy-to-use file-based routing system and supports a wide range of technologies and libraries.

The page contains talks, workshops, tutorials and presentations about next.js, a powerful JavaScript framework for building web applications and websites. Learn the fundamentals of this framework through our comprehensive collection of talks, workshops, tutorials and presentations. Get an in-depth understanding of how to use Next.js to create modern, fast, and reliable applications. Discover best practices for structuring and deploying your code, and learn how to leverage the latest features and capabilities of Next.js. With these resources, youll be able to develop high-performing web applications quickly and easily.

Exploring Next.js: Talks, Workshops, Tutorials & Presentations for JavaScript Developers

They are independent, reusable, and they let you build fast and eye-catching apps. Obviously, we’re talking about React components, which allow you to take your work to a whole another level. Tune in to the free online tutorials and masterclasses below to learn how to get the most out of their functionality and styling.

This page contains talks, workshops, tutorials and presentations about React Components. Learn the fundamentals of building components with React, from creating and styling custom components to efficiently managing data flow. Discover how to create dynamic user interfaces with reusable components and explore techniques for debugging and testing your application. Get up-to-date with the latest features of React, including hooks and suspense, and learn best practices for deploying and maintaining your React applications.

React Components: Talks, Workshops, Tutorials and Presentations

DevTools is a set of web development tools built into the Chrome browser. They allow developers to inspect and debug HTML, CSS, and JavaScript code on any web page. DevTools provides access to the Document Object Model (DOM), allowing developers to view the structure of a page and make changes to it in real-time. It also provides features such as network performance analysis, JavaScript debugging, and memory profiling, which help developers optimize their code.

DevTools Talks, Workshops, Tutorials and Presentations

Discover the power of DevTools with our range of talks, workshops, tutorials and presentations. Our experts will help you understand how to use DevTools to debug, inspect, and improve your code. Learn best practices for debugging, profiling, and optimizing your JavaScript applications. Get up-to-date on the latest trends in DevTools and find out how they can help you become a better developer. Whether youre a beginner or an experienced programmer, we have something for everyone. Come join us and explore the world of DevTools!

DevTools Talks, Workshops, Tutorials & Presentations: Get the Most Out of Your JavaScript Development!

While ReactJS is one of the most popular frameworks out there, it still has its limits. That’s where React Hooks come to play: they are special functions that expand the abilities of functional components. Discover the following talks and workshops that will take you through React Hooks fundamentals and advanced techniques to ensure you’re always on top of your game.

React Hooks is a powerful feature of React that allows developers to write components with fewer lines of code. On this page, youll find talks, workshops, tutorials and presentations about React Hooks, so you can learn more about this important feature and become a better JavaScript developer. Weve gathered the best resources from experts in the field, so you can quickly get up to speed with React Hooks and start using them in your own projects.

React Hooks: Talks, Workshops, Tutorials and Presentations for JavaScript Developers

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

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

We're bringing free articles, videos, courses, and tutorials to help you learn all about ReactJS, whether you're a beginner or a pro. Introduced in 2011, the framework has become essential for web and mobile developers alike, enabling modern apps by look and function. And while other JS tools have expanded or revised its original notions, React's popularity is still the one to beat.

React is a powerful JavaScript library for building user interfaces. Learn more about React with our comprehensive talks, workshops, tutorials and presentations. Our experts will help you understand the fundamentals of React, as well as advanced concepts such as state management, routing, performance optimization and more. With our resources, you’ll be able to create stunning web applications with React and take your development skills to the next level.

React Talks, Workshops, Tutorials and Presentations for JavaScript Developers

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!

Web development is the process of creating websites, applications and other online services. It involves a combination of coding languages such as HTML, CSS, JavaScript and others to create an interactive user experience. The goal of web development is to create a website or application that is fast, secure, and easy to use. Web developers must understand how to design, build and maintain websites while also considering the user experience and making sure the code is optimized for performance.

The page contains talks, workshops, tutorials and presentations about web development for JavaScript developers. Learn the fundamentals of web development and use JavaScript to create dynamic and interactive websites. Our experts will guide you through the process from the basics of HTML and CSS to more advanced topics such as AJAX, jQuery, and Node.js. Get the skills you need to become a successful web developer and take your career to the next level.

Web Development Talks, Workshops, Tutorials, and Presentations

CSS stands for Cascading Style Sheets. It is a language used to style HTML elements on a web page. CSS is used to control the appearance of text, images, and other content on a web page. It can be used to set the font size, color, background, margins, padding, and more. CSS is an essential part of modern web development, and it is important for JavaScript developers to understand how to use it.

This page is a comprehensive resource for learning about CSS. Here you will find talks, workshops, tutorials, and presentations on the fundamentals of styling webpages with CSS. Our content is designed to help JavaScript developers gain the skills they need to create visually appealing and well-structured websites. We cover topics such as selectors, properties, values, inheritance, and more. With our resources, you can quickly master the basics of CSS and start building great webpages.

CSS Talks, Workshops, Tutorials & Presentations for JavaScript Developers

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

Coding is like a piece of art — in its ideal state, it should be both functional and beautiful. But how to reach that point? Whether you’d like to make your JavaScript code cleaner or just discover how seasoned developers deal with debugging or building a product, the following tutorials will show you how to include best practices in your daily routine.

The page contains talks, workshops, tutorials and presentations about the best practices for JavaScript developers. Learn from experienced professionals about techniques and strategies to optimize your code, debug errors, and enhance your development skills. Get up-to-date information on the latest trends in the JavaScript ecosystem, such as frameworks, libraries, and tools. Discover the best practices for writing efficient, maintainable, and secure code. Take advantage of our interactive sessions and hands-on tutorials that will help you become a better JavaScript developer.

Best Practices in JavaScript Development: Talks, Workshops, Tutorials and Presentations

Web apps are applications that run on the web and can be accessed through a web browser. They are written using JavaScript, HTML and CSS, allowing them to be accessible from any device with an internet connection. Web apps are often interactive and provide a user interface for users to interact with. They can range from simple one-page websites to complex applications that allow users to perform tasks such as online shopping or banking.

This page contains talks, workshops, tutorials and presentations about web apps, a popular technology for creating interactive websites. Our materials are designed to help JavaScript developers gain the skills they need to build powerful and engaging web applications. We offer a range of topics, from basic concepts to advanced techniques, that will teach you how to create dynamic user experiences using HTML, CSS, JavaScript, and more. Learn how to create responsive designs, use AJAX for data transfer and manipulation, and integrate third-party APIs into your projects. With our resources, youll be able to develop robust, feature-rich web apps quickly and easily.

Web App Talks, Workshops, Tutorials and Presentations for JavaScript Developers

GitHub Actions is a feature of GitHub that allows users to automate their workflow. It provides a way to create custom software development life cycle (SDLC) workflows directly in a GitHub repository. With Actions, users can set up an automated system of triggers and actions that will run when certain events occur within the repository. This makes it easier to automate tasks such as running tests, building code, deploying applications, and more.

GitHub Actions is a powerful and versatile tool for automating development workflows. This page contains talks, workshops, tutorials and presentations that will help JavaScript developers get the most out of GitHub Actions. Learn how to set up automated triggers and actions, create custom workflows, and take advantage of the many features available in GitHub Actions. Get the most out of your development process with GitHub Actions!

GitHub Actions Talks, Workshops, Tutorials, and Presentations for JavaScript Developers

Yarn is a package manager for JavaScript. It is used to manage, install, and update packages from the npm registry. It is an alternative to the npm command line tool, providing a more secure and reliable way to install packages. Yarn also provides a faster installation process than npm and can handle larger projects with ease. It also helps you keep track of all the dependencies in your project and can be used to automate tasks such as running tests or linting.

Yarn is a powerful JavaScript package manager that helps developers create and manage projects more efficiently. With Yarn, you can easily install packages from the npm registry, keep track of multiple versions of the same package, and even collaborate with other developers on the same project. Here at our learning portal, we offer talks, workshops, tutorials, and presentations to help developers become proficient in using Yarn. Our resources cover topics such as installing and configuring Yarn, understanding Yarns CLI commands, and creating custom scripts with Yarn. Whether you are a beginner or an experienced developer, our resources will help you harness the power of Yarn and take your projects to the next level.

Yarn Talks, Workshops, Tutorials and Presentations for JavaScript Developers

User interfaces (UI) are the means by which users interact with a computer program or application. UI is typically composed of graphical elements such as windows, menus, buttons, and text boxes, which allow users to input data, view output, and control the behavior of the program. In the context of JavaScript, user interfaces can be created using HTML, CSS, and JavaScript, allowing developers to create interactive webpages and applications that respond to user input.

This page provides talks, workshops, tutorials and presentations on User Interfaces, designed to help JavaScript developers create better user experiences. Learn the fundamentals of UI Design, including typography, colour theory, layout and animation, as well as more advanced topics like accessibility and responsive design. Get the latest insights from industry experts, and discover new tools and tricks to make your user interfaces stand out.

User Interface Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Testing is a crucial albeit difficult part of software delivery. Make sure your JavaScript apps are always spotless with the following compilation of free online tutorials, courses, and talks from our conferences. They'll take you on a journey from basics to advanced methods and even philosophical questions about testing.

This page contains talks, workshops, tutorials and presentations about testing for JavaScript developers. Learn the best practices of testing code, how to design tests that are most effective, and how to debug problems in your code. Discover how to use automated testing tools, such as Jest and Mocha, to make sure your code is working correctly. Get answers to your questions on topics like unit testing, integration testing, end-to-end testing, and more. With these resources, you can become an expert in testing JavaScript code.

Testing Talks, Workshops, Tutorials, and 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

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.