JS Nation

I’m attending JSNation – the main JavaScript conference of the year. You may join me there for free with 10k other JS engineers and 40+ great speakers. Just follow this badge. 

#javascript

JSNation 2023

Darko Bozhinovski

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 #reactjs

React Summit 2024

React Day Berlin

React Day Berlin 2024

Do you love standards but hatehatehate the DX of web components? Me too. As a reformed skeptic of Web Components due to my DX concerns, I encountered an interesting challenge at SuperTokens: creating a UI library that supports all the frameworks and remains future-proof. After some research, I discovered that SolidJS compiles to Web Components, offering a familiar, React-like developer experience - exactly what was needed to convert me into a believer. After a couple of rounds of experimentation, I fell in love with web components. This talk will share insights from our journey towards adopting Web Components for our next-gen authentication UI library at SuperTokens and why web components are a great idea that's here to stay.

Future-Proof Your UI: Building With Web Components

Jamstack is an architecture that uses JavaScript, APIs, and pre-built Markup to create dynamic web applications. It focuses on decoupling the frontend from the backend, allowing developers to build faster, more secure, and more scalable websites and applications. Jamstack sites are typically built using static site generators such as Gatsby or Next.js, and can be hosted on a variety of services such as Netlify, Vercel, and Amazon S3.

Jamstack is an innovative approach to web development that combines the power of Javascript, APIs and markup to create fast, secure and dynamic websites. With Jamstack, developers can quickly build modern web applications using the latest technologies such as React, Node.js and GraphQL. This page contains talks, workshops, tutorials and presentations about Jamstack, helping you learn the latest techniques for building powerful and scalable web applications. Whether you are a beginner or an experienced developer, this page has something for everyone.

Learn Jamstack: Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Headless is a term used to describe a computer program or system that runs without a graphical user interface (GUI). This type of system is usually controlled via command line or programming language such as JavaScript. Headless systems are often used for automation, testing, and other back-end tasks where the GUI is not needed. They can also be used to create web applications that run on a server and are accessed through a web browser.

Headless is an emerging technology that enables developers to build websites and applications without the need for a traditional user interface. With headless, developers can create dynamic and interactive experiences for users without worrying about the limitations of a browser-based UI. This page contains talks, workshops, tutorials and presentations about headless, helping JavaScript developers learn how to use this powerful technology to their advantage. Learn how to build fast, secure and scalable applications with headless, and discover the advantages it offers over traditional web development.

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

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

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

Fullstack is a term used to describe a developer who is knowledgeable in every layer of web development. This includes the front-end (client side) code such as HTML, CSS, and JavaScript, as well as the back-end (server side) code such as databases, server-side languages, and APIs. A fullstack developer can develop entire web applications from start to finish, including database design, user interface design, and coding.

Fullstack can be a daunting concept for JavaScript developers, but it doesnt have to be. Our collection of talks, workshops, tutorials, and presentations will help you understand the fundamentals of fullstack development, so you can start building powerful applications quickly and efficiently. With our comprehensive resources, youll learn how to use both backend and frontend technologies to create modern web apps, mobile apps, and more. Whether youre just getting started or looking to take your skills to the next level, our fullstack content will give you the knowledge and confidence you need to succeed.

Fullstack Talks, Workshops, Tutorials and Presentations for JavaScript Developers

A Browser API, or Application Programming Interface, is a set of commands, functions, protocols, and objects that allow developers to create web-based applications that can interact with the browser. It helps developers create interactive websites, as well as access and manipulate data stored in the browser. Some of the most common APIs used by JavaScript developers include DOM (Document Object Model), Fetch, WebGL (Graphics Library) and WebRTC (Real Time Communication).

Browser APIs are essential for web developers to create dynamic, interactive experiences. This page contains talks, workshops, tutorials and presentations about browser APIs, covering topics such as HTML5, CSS3, JavaScript, AJAX, and more. Learn how to use the latest browser technologies to create powerful and engaging web applications. Get up to speed on the latest browser API features and capabilities, and find out how to use them in your projects. With these resources, youll be able to create amazing experiences that will take your web development skills to the next level.

Talks, Workshops, Tutorials & Presentations on Browser APIs for JavaScript Developers

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

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

Functional programming is a style of programming that focuses on writing small functions that take input, perform an action, and return output. It emphasizes the use of pure functions (functions which do not modify any data outside their scope) and immutable data (data that cannot be changed after it has been created). This style of programming is often used in JavaScript because it allows for more efficient code and easier debugging.

Functional programming is a powerful and popular programming paradigm that focuses on writing code that is more reliable, reusable and easier to maintain. This page will provide talks, workshops, tutorials and presentations about functional programming, helping JavaScript developers learn the concepts and apply them in their projects. Here you will find information on topics such as higher-order functions, composition, immutability, currying, and more. Learn how to use functional programming techniques to write clean, concise and bug-free code.

Functional Programming Talks, Workshops, Tutorials & Presentations for JavaScript Developers

Open-source is a term used to describe software that is made freely available, with the source code open for anyone to view and modify. The source code is usually shared publicly on platforms such as GitHub, allowing developers to collaborate on projects and build upon each other's work. Open-source software can be used, modified, and redistributed freely, making it a great resource for developers who are looking to learn or create new projects.

Open-source is an important part of the JavaScript development world, and our learning portal provides a wealth of talks, workshops, tutorials, and presentations about open-source. Our experts have created content to help developers understand how to use open-source tools and libraries, as well as how to contribute to open-source projects. With our resources, you can stay up-to-date on the latest trends in open-source development and learn how to create powerful applications with open-source software.

Open-Source Talks, Workshops, Tutorials & Presentations for JavaScript Developers

Astro is an open-source JavaScript library for building cross-platform mobile applications. It is a lightweight library that makes it easy to create web-based mobile apps with HTML, CSS, and JavaScript. Astro provides a set of APIs that allows developers to build apps with native look and feel. It also supports features like push notifications, geolocation, and more. It is designed to be modular and extensible, so developers can easily customize their apps with plugins and extensions.

This page contains talks, workshops, tutorials and presentations about astro, the revolutionary JavaScript library for developers. Learn how to use astro to build complex applications quickly and easily. Get insights from experienced developers on how to make the most of this powerful tool. Explore the latest best practices for working with astro and discover how you can use it to improve your development workflow.

Astro Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Solid.js is a declarative JavaScript library for creating efficient, fine-grained reactive user interfaces. It uses a JSX syntax, similar to React, but unlike React, it does not use a virtual DOM and instead updates the DOM directly. Solid's fine-grained reactivity system re-renders only the minimal amount of DOM necessary when the state changes. It offers signal primitives to handle state and side effects. Moreover, Solid optimizes at compile-time, converting declarative JSX into highly efficient imperative code, and it's impressively small in size.