React Summit

React Summit 2022

With React Server Components and React’s new suspense SSR capabilities, we get an paradigm shift in the world of client/server side rendering. The pendulum that started in plain HTML pages, quickly swinged to all-client-rendering, is now returning to the server side. Emerging frameworks like Next.js and Remix usher a new era of web development, one where SSR is a first class citizen. In this talk we deep dive into those React features, talk about the state of the art practices regarding server rendering, and maybe get a glimpse into the exciting future of front-back-full-stack relationships. by <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Dear Client, I'm Leaving You

Liad Yosef

JS Nation

JSNation 2022

We live in exciting times. Frameworks like TensorFlowJS allow us to harness the power of AI models in the browser, while others like Three.js allow us to easily create 3D worlds. In this talk we will see how we can combine both, to build a full solar system, in our browser, using nothing but hand gestures! by <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Build a 3D Solar System with Hand Recognition and Three.js

React Summit 2020

JS awsomeness beyond webpages. First we'll write a cool 2D game (in Javascript) - and then - write AI code (in Javascript!) that will be able to win this game for us. Oh, what a time to be alive! <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Games Are Smarter Than Us

JSNation Live

JSNation Live 2021

In this talk we will explore the great benefits of breaking a big modern app to meaningful, independent pieces – each can be built, deployed and loaded separately. We will discuss best practices and gotchas when trying to apply this microservice-like pattern to the chaotic world of the browser, and we'll see how building the right pieces guarantees a brighter future for your apps. Let's dive into Neverendering story of modern front-end architecture. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Micro-scopes – How to Build a Modular Modern App in a Bundled World

Hi everyone. Welcome to my talk, Microscopes, about bundling code in the modern JavaScript world. But before we start the talk, a little bit, a small story. So this amazing image that you see right now, the Pillars of Creation, was being taken by a space telescope. And this space telescope is called Hubble. And Hubble was launched in 1990, costing $4.7 billion to launch. And it was a huge project, maybe one of the biggest ones that humanity ever undertook. And it was launched, and it was amazing. And it didn't work, because something was broken. The camera was broken. So they couldn't fix it. They couldn't pull it back to Earth and fix it. So they had to train astronauts for three years to go up there and fix the camera. Today we have a much simpler solution. So today we're using nanosatellites. Nanosatellites, hundreds of thousands of satellites that are going around the Earth. And they're really small, they're really cheap. It's really easy to launch each one of them. And if one of them gets broken, then we just replace it. We just decommission it, and we just replace it. And that's the genuinity of modular architecture. Instead of sending one big thing, a monolith if you want, you send a lot of small things. And if something breaks down, you just fix them. I'm Liad Yosef. I'm the client architect at Duda. And today we'll talk a little bit about bundled world above and beyond. So how do we manage, how do we handle bundled JavaScript code? The first question you probably ask yourself is why? Why do we need to bundle at all? I have my code, I have it in the files, why do I need to bundle? For that, we have to go a little bit back in history. A little bit back to maybe the dinosaur's age, where our code bases were unmaintained and our files looked like that. We had huge files, a lot of lines. And if we did want to break into small files, we had to put a lot of script tags inside the document. And it was really tough to maintain. It was really tough to understand what's happening there. So today we want to write some sort of modular code. We have modules in the browser, but it's not fully ready yet. So we just write modules in our source code. We have a code, a file, let's say app.js6, and it has dependencies. So it has app.reference.dependency, top, bottom, and button. Maybe they have interdependencies between themselves. And maybe those dependencies have their own dependencies, and they connect between themselves. So how do we handle that? How do we handle all of this dependency chain, all of this dependency tree? We have Webpack. Webpack is today the standard way, and with an asterisk, because there are a lot of similar tools that make it a little bit better. But Webpack is the de facto standard for bundling modules. And we'll talk a little bit about Webpack today, and we'll talk a little bit about how to use it. So just a little bit of a primer on Webpack. Webpack creates a single file, a single bundle, containing the entire code. And it does it if we don't tell it how. We just tell it, OK, we point it to the main entry, to the index, to the main file, and we tell it where to output. And Webpack works in this way. So it goes to the entry. It tries to understand from the entry what are the dependencies. And it parses them, and recursively, it builds the entire dependency tree, and maybe Lodash has its own dependency. And then it just collects all of the dependencies, understands the dependencies, and bundles them in a nice package, bundle.js. It basically serializes the dependency with a little bit of magic from the top. So it serializes them to a single file, bundle.js. And we can then take this bundle.js file and use it in our HTML. We can put it in a script tag, because that's something that browsers know how to handle. But we have a problem, because Webpack, unless called otherwise, it will bundle everything to one file. So you can see here a dependency graph. It's an actual dependency graph of a medium-sized application. And if you bundle all this together, you get 15 megabytes of bundle. So that's enough to get everyone desperate. But in Webpack, we can do code splits. So we can define for Webpack, we have split points in the code. So we don't want to bundle everything into one file. But we want from this point to bundle to this file, and then have a dynamic chunk. So split my code and include it only when I need it. So this is the easiest way to do that. You just define, if you have sync import or sync require, it will be in the same chunk. But if you have what you call async import or dynamic import, it will be a different chunk. And this is like a real-world sample of it. So if you want to break into different parts, to break into different views, that's how you do it. That's how it looks under the hood. If you do code splitting in Webpack, so every color here represents a chunk, a chunk or a bundle or a part of a bundle. And you can see all the models that went inside this chunk. Having said that, we can use that in React, right? Because we have lazy in React. And we can use those dynamic chunks. For example, if you want to bring the mask component only if Elon Musk is true, so we can use it with the lazy, with lazy. And if we wrap it in a suspense, we get even a nice spinner while the code is trying to bring Mars. And if we put Earth inside the suspense as well, we'll have a spinner for everything. So lazy is a nice way. But how do we support more than one screen with this architecture? So it's easy. Let's say we have three screens for application. We have the dashboard, we have the editor, we have the website. We just import them asynchronously and we use React lazy. And in our application, we do a switch or an if, whatever you want. And then we just tell Webpack, hey, don't bundle everything into one file, but create dynamic chunks. So it's nice. That's what Webpack knows to do. It takes all the dependencies and it wraps even the dependencies, even the common dependencies it knows to wrap in different chunks. And the benefits of it is that you have a single entry point. You don't have to mess around with orchestration. You don't have code duplication because Webpack is smart. So it doesn't duplicate code. But you have little influence on chunking or on the order of chunking. You can't partially build. If you want to build only the dashboard, you can't do it. You have to run the entire build for everything because you have one single point and single entry point. And it's the same repo, same language. So let's talk about multiple entry points. So this is the example of a single entry point. But what if we do something like this in Fig? We say, OK, don't bundle 100 points, but three, editor, dashboard, and website. And then it will create three outputs, editor.js, website.js, and dashboard.js. It's still sharing the chunks. So these entry points, dashboard, editor, and website, and the reports, eventually recreate those bundles, those outputs. But now we need to orchestrate because now we have three different output files. So it's on us to put them in the appropriate HTML. So we need to put them in the HTML. But why stop there? We can do multiple Webpacks instead of doing multiple entry points. So multiple Webpacks basically says we do share the build, but we build every time a different entry point. So we have three build commands. It's not the same Webpack file. It's a different Webpack file. Every Webpack file has its own entry. And now we can control what goes into every file, every disk. We can control the dependencies. We can even, what's called, dynamically build it. So for example, in this example, I'm taking the npm run build website. We'll only build the website.js and npm run build dashboard. We only build the dashboard.js. As you can see, the dependencies here are duplicated. And it's easy to see because Webpack doesn't know. When you run it like that, Webpack doesn't know that the React dependencies share it because you run it separately. So you get full isolation. So dashboard and command will build dashboard.js. And that's fully isolated. You can use dashboard.js without even worrying about the website. And you have full control on the build because you can run if something changes in the dashboard, you can build only the dashboard, and that's okay. It's the same repo and package, so it's really easy to, as a developer experience perspective, it's really easy to maintain. And you can do incremental deploys. So again, building only what changes. The downside is that you duplicate the code, right, because you duplicate the dependencies. And you need orchestration, again, because eventually you don't have one entry point, you have multiple outputs. So you need to decide what output goes where. So one idea for orchestration, and I think it's a good one, is to output everything as a UMD. UMD is a universal model definition, meaning that you can consume it dynamically, you can consume it asynchronously, and then have a small models manager file. And its only purpose is to get the name of the model, and then do a require, like an AMD require, and returns a promise with this model. And now it's super easy, because now if I'm a file that wants to use the editor, I don't care where the editor sits. I just go to the models manager, and I say, I need to get editor. And then the models manager will return the editor API, or whatever the editor exposes, and I can do with it whatever I want. And the dashboard the same. I'm just going to the models manager, and the models manager has all this knowledge. And you can even, in this architecture, you can even put it in S3, you can put it in the cloud. It doesn't matter, as long as the models manager knows where to find those files, it's enough. And that's really good, that's a really good idea, but it does duplicate the code. And let's see an example here. So for example, we have all those characters, and we know that the Avengers are Captain America, Iron Man, Thor, Wanda, and Vision. But we know that Guardian of the Galaxy also needs Thor, right? Because he's in their movie. And WandaVision needs Wanda and Vision. So the thing is, if we have this dependency graph, and we build it with these tactics of multiple Webpacks, we'll have duplicate code. Because the Avengers bundle will have Thor, Wanda, and Vision, but also the Guardians of the Galaxy will have Thor, and WandaVision will have Wanda and Vision. And then if we try to put all of them together, it's just duplicated code. So one useful tool in order to avoid duplication is to use Webpack externals. And externals basically tells Webpack, I have this dependency, but don't bundle it yourself. So don't try to bundle it, but I will provide it. So for example, here we say the externals are React and React DOM and Thor in this example. It means when Webpack sees the require of React or of Thor, it won't try to put it in the bundle, but it would rely on me to provide it for it. So in this case, Thor is only one. There's only one instance of it, and I need to provide it. But again, it's on me to orchestrate it. I need to put the external script before I use my application. And I need to enforce separation of code. I need to enforce separation of dependencies. So this is how we do it. We have an ESLint plugin. When you try to consume code from a different model, for example, if you're in the dashboard and try to consume something from the editor, we have this warning and the build fails because you tried to import external model. We can see this is, for example, the Duda editor. So this is the editor. This is the dashboard. And this is the model that we call the image picker. It's the image picker. And the reason that it's a different model, a separate model, because it needs to be consumed from the dashboard and from the editor. So it's built independently. So this is the editor. So it's easy to consume it. You just say, OK, we open an empty pop-up. Then we ask for the image picker API or the image picker whatever it exposes. And then I just render it into the pop-up container. And that's it. And then our entire application consists of different models, multiple WebEx. So it's a really good way. It's a really good approach if you have a medium-sized app and you still want to keep your code in the same repo. But you do want to separate it. You do want to build it separately. You want to deploy it separately. So you have to have these kind of mechanisms in order to avoid cross-modal imports, like we saw, like the ASLint plugin. But once you have it in place and you have the external mechanism in place, it's really easy to maintain. Because the team that is working on the dashboard is working only on the dashboard part. And it can consume common if they want. But it doesn't interfere. And you can see here how easy it is to consume. OK, if it sounded familiar, then it's because it's not very far from something we call microfontains. And microfontains is going a little bit further than what I just described. So in my example of multiple WebEx, we have one repo, one repository, where all the code lies. And we just build different parts of it separately. Microfontains says we want to assemble the application from independent parts. So for example, if we speak about the ISS, the International Space Station, it's a huge thing in space. So we didn't just send it. We assemble it. We assemble it from independent parts. Every country build it independently, launch it independently, et cetera, et cetera. So microfontains will allow us to even use different languages or different franchises in our app. Every team can write in JavaScript or Go or whatever they want. Because microfontains doesn't care about the code itself. So for example, this kind of website, this kind of WebApp, we can just break it. We can just split it into different parts. And we can have different teams or even in different places build those parts. And they can be in different repos, even in different technologies, different frameworks. And we don't care. All we need is the API to call the microfontain. But here is where it gets tricky. And this is how it looks like when you assemble them. So you have different repos. So you can obviously do separate builds and deploy because they don't know about each other. You have full autonomy for every repo, for every team. They can decide how they want to do this process. Orchestration is super important. And you have to do some sort of dependency management. Why? Because it's different repos. So you can't share common code, like we said in the multiple WebPack entries. So you have to have common code either as a package, as a separate package, like your component library, or as an external if it's a library that you want to consume as an external. You have to have orchestration because you need to know versioning. You need to know the version of every microfontain. You have to have discoverability because every microfontain needs to know where are the other ones and composition. You have frameworks to do that, or you have libraries to do that. Just to mention a few, you can write one yourself, or use single spot, or use the idea of iframes. So every microfontain goes into iframes, or have server-side includes. The options are limitless. So you would say, OK, we have the problem solved. But it's not that easy, right? Because who wants to maintain hundreds of packages, or even dozens of packages, each in different repos, small packages that you need to download the code, and then write it, and then commit, and then do a PR, and then wait for the publish? You don't really want to do that. No one wants to do that. So we have one repo for the rescue because many of the tools that we cling on depend on our point of view. And we can just put it back in the same repo. So we have different packages, but same repo. Again, we have the versioning problem. How do we know what the version of each one? But again, we have tools like Lerna. It's a very powerful tool that allows you to build all of them together, to manage versioning together, to deploy, to test everything together. Lerna is, I super recommend to check it out. If your app is one that you need to use Monorepo, it makes the working with Monorepos much easier. There's also build, B-I-L-T. That's what's checking. So now we talk about separation versus duplication, right? We need to decide. It's like a trade-off. We need to decide, do we want to separate the code, or can we risk duplicating the code? Because let's do a small recap of what we saw until now. You can either tell Webpack, okay, bundle everything and just take care of the dependencies yourself and just take care of the chunking yourself. And that's awesome. And that's really good. And that's what you get when you run, for example, create React app. That's what you get out of the box because you have one single entry point. You don't need to worry about it. But then when you start building a bigger application, when you start saying, okay, maybe I have different teams or I have different people working on different areas, you do want the ability to decide what you want to build or what you want to deploy if you have different parts of the applications. And in a single entry point, you can't do that. So you can do multiple entry points like we saw. You can tell Webpack, hey, build those entry points or just build the entry point that I want. And then you have a little bit more freedom, but then you have the headache of orchestrating it, of saying, okay, I built my dashboard, I built the editor, I built the image picker, but now I need to write the code that knows where everything is and consume it. And also you lose all the dependency management or the common dependencies management that Webpack gives. So one solution is model federation, which is really cool. Model federation is something new that Webpack releases. And let's say that app one is a host app and it wants to consume something from app two, but it doesn't want to duplicate it. App one is the shell, app two is the orange one, and it wants to consume the button. So app one just defines in its config. It says, hey, I am app one. I'm using a model federation. Again, it's a new thing in Webpack. And my remote is app two. So I want to consume button from app two, but I don't want it to be bundled in my code. And I'm willing to share React and React DOM with it. App two is the remote says, I'm app two. I'm exposing the button, and I'm also I can share React and React DOM. And then in app one, we just import it from app two, app two slash button. And in app two, we just import it locally. And it's really amazing because in this sort of mechanism, we can do even something more complex. We can have a lib app that only exposes React and React DOM, the libraries. We can have component app that only exposes components. And we can have apps that uses those components. And instead of bundling everything together, we just define the appropriate Webpack config files. So we define them appropriately. For example, main app is consuming lib app and component app. And then we just consume them. And we have this dependency fixed. It's like magic. So you can read more about it everywhere around the web. There are a lot of other techniques. For example, web packaging or web bundles. It's like an unstable thing that allows you to bundle a website into one file. And the important thing is to remember that you don't need to decide between code separation and duplicate dependencies. You can have both. And the future is really amazing. So just look ahead. And thank you very much. I'm Liad Yossef. You can find me on Twitter if you want. Thank you very much.


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

SVG stands for Scalable Vector Graphics. It is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. It is used to create images and diagrams on the web, often in combination with HTML, CSS and JavaScript. SVG images are resolution independent, meaning they look great on any screen size or resolution.

SVG (Scalable Vector Graphics) is a powerful and versatile tool for creating interactive graphics for web development. With SVG, developers can create complex graphics with ease, from simple shapes to complex animations. This page contains talks, workshops, tutorials and presentations about SVG, giving JavaScript developers the opportunity to learn more about this powerful technology and how to integrate it into their projects. Learn how to use SVG to create stunning visuals, add dynamic interactivity, and create engaging experiences that will take your web development projects to the next level.

SVG Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Building swift yet functional apps should be what all developers aspire to. And since you do, we put together a collection of talks and tutorials on application performance and made them available for free. Whether your challenge is on the front-end or the back-end, these talks and workshops will give your great tips and inspire you to try new solutions.

Performance is an essential skill for JavaScript developers. Our portal offers a range of talks, workshops, tutorials and presentations to help you become a better programmer and take your coding skills to the next level. Learn the latest techniques and strategies to improve the performance of your code, discover new tools to measure and track performance, and get tips on how to optimise your code for maximum efficiency. Whether youre looking to improve your existing skills or start from scratch, our comprehensive library of resources will provide you with all the information you need. Take your programming skills to the next level with our performance-focused talks, workshops, tutorials and presentations.

Maximising Performance with Talks, Workshops, Tutorials and Presentations for JavaScript Developers

React Query is a lightweight, fast, and feature-rich React library for fetching, caching, and updating asynchronous data in React applications. It provides a simple, yet powerful API for fetching, caching, and updating data from external sources such as APIs, databases, etc. It is designed to be highly performant, efficient, and flexible, making it an ideal choice for building modern React applications.

React Query is a powerful and efficient JavaScript library for building fast, dynamic user interfaces. It enables developers to quickly and easily create complex web applications with minimal effort. With React Query, developers can take advantage of its intuitive API, comprehensive documentation, and wide range of features to quickly build interactive user interfaces. From talks, workshops and tutorials to presentations, learn how to leverage React Querys capabilities to create amazing user experiences.

React Query - Talks, Workshops, Tutorials and Presentations

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

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

A career in JavaScript is the pursuit of a professional path focused on developing, designing, and maintaining websites, applications, and programs using the JavaScript programming language. It involves writing code that is optimized for web browsers and other platforms, understanding client requirements, and creating user-friendly designs. In addition to coding, a career in JavaScript may also involve troubleshooting existing code, testing, debugging, and deploying software solutions. The skillset required for this type of career includes knowledge of HTML, CSS, and other scripting languages, as well as problem-solving and analytical thinking.

Welcome to our career page! Here, youll find a range of talks, workshops, tutorials and presentations that will help you get the most out of your JavaScript development career. Whether youre just starting out or looking to advance your skills, we have something for everyone. Our content is designed to help you develop the knowledge and skills you need to succeed in todays competitive job market. Learn how to create a standout resume, network effectively, interview confidently and more. We also offer insights on the latest trends in the industry and advice on how to stay ahead of the competition. Start exploring now and take your career to the next level!

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

Blockchain is a distributed ledger technology that uses cryptography to store data securely and immutably across a network of computers. It is a digital ledger of records, called blocks, which are linked together using cryptographic principles. Each block contains a timestamp and a link to the previous block, forming an immutable chain. This makes it virtually impossible to tamper with the data stored in the blockchain, as any changes would be easily detected by the network. In the context of JavaScript, blockchain can be used to create distributed applications (dApps) which are secure, transparent, and decentralized.

This page contains talks, workshops, tutorials and presentations about blockchain technology. Learn more about the fundamentals of blockchain, its applications, and how to build secure distributed systems. Explore the latest trends in blockchain development, including smart contracts, decentralized applications, and distributed ledger technologies. Get up to speed on the most popular blockchain platforms and understand the advantages and disadvantages of each. Discover best practices for designing, deploying, and managing blockchain-based solutions.

Blockchain Talks, Workshops, Tutorials & Presentations for JavaScript Developers

React Native is a JavaScript framework developed by Facebook that enables developers to create native applications for iOS and Android using React. It allows developers to use the same codebase to create apps on multiple platforms, while still taking advantage of the native components of each platform. It also provides a set of tools and libraries that allow developers to quickly build and deploy their applications.

React Native is a powerful, open-source JavaScript framework for creating native mobile applications. With React Native, developers can create cross-platform mobile apps that are fast, intuitive, and easy to use. This page contains talks, workshops, tutorials and presentations about React Native, designed to help developers learn more about the framework and build their skills. Learn how to create beautiful, interactive user interfaces with React Native, create powerful APIs, debug your code, and more. Get up to speed quickly and start building amazing mobile apps today!

React Native Talks, Workshops, Tutorials & Presentations: Your Guide to Mastering the JavaScript Framework

Advanced in the context of JavaScript means having a deep understanding of the language and its features. This includes being able to write complex code that makes use of advanced language features such as closures, prototypes, classes, and asynchronous programming. Advanced JavaScript developers are also capable of creating custom libraries and frameworks to extend the language’s capabilities. Additionally, they should be able to debug and optimize their code to ensure it runs efficiently.

Welcome to the advanced learning portal for JavaScript developers! Here, you will find a selection of talks, workshops, tutorials and presentations to help you take your JavaScript skills to the next level. Our resources cover a wide range of topics, including object-oriented programming, data structures, algorithms, design patterns, web development, and more. Whether youre an experienced programmer looking to expand your knowledge or a beginner looking to get up to speed quickly, this portal has something for everyone. With our cutting-edge content and expert instructors, you can be sure that youll get the most out of your learning experience. Start exploring today and take your JavaScript skills to the next level.

Advanced JavaScript Talks, Workshops, Tutorials & Presentations

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

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

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

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

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!

Build tools are programs that automate the process of creating a software application. They are used to compile source code, run tests, package applications, and deploy them into production environments. Build tools help developers save time by automating the process of building an application from its source code. In JavaScript development, build tools like Grunt, Gulp, Webpack, and Browserify can be used to automate tasks such as minifying code, running unit tests, and compiling Sass or Less files.

This page contains talks, workshops, tutorials and presentations about build tools, a critical component of web development. Learn how to use build tools to automate tasks such as compilation, minification, unit testing, linting and more. Discover the best practices for efficient project management and get tips on how to get started with build tools. Get access to comprehensive resources from experienced professionals and stay up-to-date with the latest trends in JavaScript development.

Learn How to Use Build Tools for JavaScript Development: Talks, Workshops, Tutorials & Presentations

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

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

Managing the state of a browser-based JS application is tough — but it doesn’t have to. With tips and workarounds from our speakers’ tutorials and courses on JavaScript state management, you’ll find that even the most tedious tasks can be easy if you follow a few simple principles to avoid the most common pitfalls.

State management is a key concept in software development, particularly for JavaScript developers. This page contains talks, workshops, tutorials and presentations to help you understand state management and how it can be used to create powerful web applications. Learn the fundamentals of state management such as React, Redux, MobX and more, as well as best practices for managing state in your own projects. Get tips and tricks from experienced developers on how to use state management to build efficient and maintainable code. With this page, you will have all the resources you need to become an expert in state management.

State Management Talks, Workshops, Tutorials & Presentations for JavaScript Developers

Team productivity is the measure of how efficiently a team is able to complete tasks. It involves both the quality and quantity of work that is completed in a given amount of time. In terms of JavaScript, it is the ability of a team to develop high-quality code quickly and efficiently. This may involve creating new features, debugging existing code, or improving the performance of an application. Team productivity also requires effective communication between all members of the team, as well as good project management practices.

The page you are looking for contains talks, workshops, tutorials and presentations about team productivity, designed to help JavaScript developers increase their efficiency and collaboration. Our content covers a range of topics, from communication strategies to workflow management, and provides actionable advice on how to improve team performance. With our resources, you can learn how to create an effective working environment, establish better processes and practices, and maximize the productivity of your development team.

Maximising Team Productivity with JavaScript: Talks, Workshops, Tutorials & Presentations

A component library is a collection of pre-built, reusable user interface components that can be used to create an application. These components are typically written in JavaScript and can include basic elements like buttons, text boxes, and drop down menus, as well as more complex components like charts, maps, and grids. Component libraries help developers quickly build robust applications with minimal effort by providing well-tested, ready-made components that can be easily integrated into their projects.

Component Library Talks, Workshops, Tutorials & Presentations
Learn the fundamentals of component libraries and how to use them in your projects. Get the latest insights from experts on the best practices for creating and managing components. Find out about the different types of components available and how to choose the right ones for your project. Discover tips and tricks for making the most of component libraries. Explore tutorials and presentations to help you get up to speed quickly. Join us for talks and workshops to gain a deeper understanding of the power of component libraries.

Explore the Component Library with 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.

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

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

WebGL stands for Web Graphics Library. It is a JavaScript API that allows developers to render interactive 2D and 3D graphics within any compatible web browser without the use of plugins. By using WebGL, developers can create complex 3D scenes that have high-level effects like lighting, shadows, and post-processing. These scenes can be used for games, data visualization, or other applications.

WebGL is an interactive 3D graphics library for JavaScript developers. It enables developers to create immersive 3D experiences on the web. This page contains talks, workshops, tutorials and presentations about WebGL, giving developers the opportunity to learn more about this powerful library and how to use it to create amazing interactive experiences. Learn how to use WebGL to create stunning visuals, immersive user experiences, and powerful applications.

WebGL 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

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

WebAssembly (or WASM) is a low-level, binary instruction format for executable code on the web. It is designed as a portable target for compilation of high-level languages like C/C++/Rust, enabling deployment on the web for client and server applications. WebAssembly aims to execute at near-native speed by taking advantage of common hardware capabilities available on a wide range of platforms. It is also designed to be memory-safe, with built-in support for detecting and handling memory access errors. WebAssembly can be used in conjunction with JavaScript, allowing developers to leverage both languages in their applications.

Webassembly is a revolutionary new technology that enables JavaScript developers to create high performance applications with near-native speeds. This page contains talks, workshops, tutorials and presentations about Webassembly, providing an in-depth look at this cutting-edge technology. Learn how to use Webassembly to improve the performance of your web applications and unlock new possibilities for development. Discover the latest trends and best practices in web development with Webassembly and get the most out of this powerful tool.

Webassembly Talks, Workshops, Tutorials, and Presentations for JavaScript Developers

Security testing is a process used to identify any potential security vulnerabilities in a system, application, or network. It involves testing the system for weaknesses that could be exploited by malicious users and finding ways to fix them. Security testing typically includes testing for authentication, authorization, data encryption, input validation, and other aspects of secure coding practices. In the context of JavaScript, security testing focuses on identifying and addressing any potential XSS, CSRF, and injection attacks that could be possible due to improper use of the language.

Security testing is an essential part of any development process. It is the practice of ensuring that applications are secure and protected from malicious attacks. This page contains talks, workshops, tutorials, and presentations related to security testing for JavaScript developers. Learn the best practices for identifying potential vulnerabilities in web applications and how to protect against them. Get up to speed on the latest tools and techniques for ensuring your code is secure. Discover how to run effective security tests and audits, as well as how to respond to threats quickly and efficiently. Find out how to stay ahead of the curve when it comes to security testing.

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

Animations are a way of making objects move on a web page or application. They are created using JavaScript, which allows developers to control the movements and behavior of objects on a page. Animations can be used to create an interactive experience for users, such as when scrolling through a website or playing a game. Animations can also be used to enhance user interface elements and make them more visually appealing.

This page contains talks, workshops, tutorials and presentations about animations in JavaScript. Learn how to use the latest animation techniques to create stunning visuals and effects for websites and web applications. Get tips and tricks from industry-leading experts on how to create smooth and responsive animations using JavaScript libraries such as jQuery and GSAP. Discover the best practices for creating interactive experiences that engage users and help you stand out from the competition.

Creating Animation with JavaScript: 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!

API security is a set of security measures to protect an application programming interface (API) from malicious attacks. It involves authentication, authorization, input validation, encryption and logging. Authentication is the process of verifying the identity of users before they can access the API. Authorization ensures that only authorized users are allowed to access the API. Input validation prevents malicious data from entering the system. Encryption ensures that data is securely transmitted between the client and the server. Logging helps to detect and investigate any suspicious activity.

API Security Talks, Workshops, Tutorials & Presentations

Learn the fundamentals of API security from experts in the field. Get up to speed on the latest technologies and techniques to secure your APIs. We offer talks, workshops, tutorials and presentations covering topics such as authentication, authorization, encryption, access control, and more. Gain the knowledge you need to keep your APIs safe and secure.

API Security: Talks, Workshops, Tutorials and Presentations for JavaScript Developers

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

TensorFlow is a powerful open-source software library for numerical computation and machine learning. It provides libraries and tools for developers to create and deploy machine learning models that can be used to solve a variety of tasks, such as predicting outcomes, recognizing patterns, and understanding natural language. TensorFlow also allows developers to use JavaScript to build and run machine learning models with the help of its JavaScript API. This makes it easier for developers to develop and deploy machine learning models in JavaScript applications.

TensorFlow is an open source machine learning library for JavaScript developers. It provides powerful tools to help developers build and deploy deep learning models quickly and easily. With TensorFlow, you can create advanced neural networks, design complex architectures and train them using a variety of data sources. This page contains talks, workshops, tutorials and presentations about TensorFlow, to help you get the most out of this powerful library. Learn how to use TensorFlow to build and deploy your own deep learning models, and gain insights into the latest advances in machine learning.

TensorFlow Talks, Workshops, Tutorials and Presentations for JavaScript Developers

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

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

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

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

Cloud computing is a type of internet-based computing that provides shared computer processing resources and data to computers and other devices on demand. It's a way of delivering computing services, such as servers, storage, databases, networking, software, analytics, and more, over the internet (“the cloud”). Cloud computing allows users to access applications and data from any device with an internet connection. JavaScript is often used to create cloud-based applications, as it allows developers to quickly build and deploy applications across multiple platforms.

This page is your one-stop destination for talks, workshops, tutorials, and presentations about the cloud. Discover the latest trends and best practices in cloud computing, from understanding the fundamentals of cloud to developing applications with cloud-based services. Learn how to use popular cloud technologies such as AWS, Azure, Google Cloud Platform, and more. Find out how to optimize your cloud performance and maximize cost savings. Get the skills you need to become a successful JavaScript developer in the cloud.

Cloud Computing Talks, Workshops, Tutorials & Presentations for JavaScript Developers

DevOps is a set of practices that combines software development (Dev) and information-technology operations (Ops). It is an approach to software development that emphasizes collaboration, communication, and automation between developers and IT professionals. DevOps is focused on automating processes to enable rapid deployment and continuous integration of applications, while also providing visibility into the entire system. This helps to ensure that the application meets customer expectations and is able to quickly adapt to changing business needs.

DevOps is a set of practices that combine software development and IT operations to shorten the systems development life cycle while delivering features, fixes, and updates frequently in close alignment with business objectives. This page contains talks, workshops, tutorials, and presentations about DevOps, which is a way of working that helps developers and operations teams collaborate better to deliver software faster and more reliably. Learn how to optimize your development workflow, increase collaboration between teams, and improve the quality of your applications with DevOps.

DevOps Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Soft skills are the interpersonal skills that enable a person to interact effectively and harmoniously with other people. They include communication, problem-solving, teamwork, leadership, time management, and conflict resolution. In the JavaScript domain, soft skills are essential for working with others, understanding user needs, and developing successful applications. Soft skills also help developers to better collaborate with their peers, as well as build relationships with stakeholders.

This page provides talks, workshops, tutorials and presentations on the important soft skills needed to be a successful JavaScript developer. Learn how to communicate effectively, manage your time, collaborate with other developers, and present your work in an engaging manner. Our experienced instructors will provide you with the tools and knowledge you need to become a better programmer and excel in your career.

Develop Your Soft Skills with Talks, Workshops, Tutorials and 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

Frameworks are collections of pre-written code that provide a structure for developers to build applications. Frameworks help developers save time by providing ready-made components and tools that can be used to quickly develop an application. In the JavaScript domain, popular frameworks include React, Angular, Vue, and Node.js. These frameworks provide developers with a set of features such as component-based development, routing, state management, and more. By using these frameworks, developers can create powerful web applications faster and easier than ever before.

This page contains talks, workshops, tutorials and presentations about JavaScript frameworks. Learn from experts in the field and get up to speed on the latest frameworks for developing web applications. We cover popular frameworks such as React, Angular, Vue, Node.js, and more. Get hands-on experience with coding exercises and real-world examples. Explore the latest trends and best practices for building efficient and scalable web applications.

Talks, Workshops, Tutorials and Presentations on JavaScript Frameworks

Accessibility in JavaScript refers to the ability of a website or application to be used by people with disabilities. This includes providing features such as support for keyboard navigation, alternative text for images, and high-contrast color schemes. Accessible JavaScript also means that code is written in a way that can be understood and used by all users, regardless of their disability.

This page contains talks, workshops, tutorials and presentations about accessibility for JavaScript developers. Learn how to create accessible websites and applications that are usable by everyone, regardless of physical or cognitive abilities. Discover best practices for making your content work for all users, including those with visual, auditory, motor, and cognitive impairments. Gain practical advice on how to use HTML, CSS, and JavaScript to ensure maximum accessibility.

Accessibility Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Cypress is an open-source testing framework specifically designed for testing modern JavaScript applications. It allows you to write end-to-end tests that are fast, easy to maintain, and reliable. Cypress provides a powerful yet simple API for writing integration tests as well as unit tests. It also supports mocking of requests, automatic waiting for elements to appear on the page, and other features that make it easier to test your application.

Cypress is an open source, JavaScript-based testing framework designed to make end-to-end testing of web applications faster, easier and more reliable. With Cypress, developers can write tests quickly and confidently, while also having access to a wide range of features, such as automatic waiting, network traffic control, screenshots and videos, and real-time reloads. This page contains talks, workshops, tutorials and presentations about Cypress that will help developers learn the ins and outs of this powerful testing framework. Whether you are a beginner looking for an introduction to Cypress or an experienced developer wanting to sharpen your skills, these resources will give you the knowledge you need to get the most out of Cypress.

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

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

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

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

A database is a collection of structured data, stored in a computer system. It can be used to store and manage data that can be accessed by multiple users. In the context of JavaScript, databases can be used to store and manage information related to web applications. This could include user information, session data, or application settings. By using a database, developers can create dynamic web applications that are able to respond to user input and provide data-driven results.

This page contains talks, workshops, tutorials and presentations about database, a powerful tool for JavaScript developers. Here you will find resources to learn the fundamentals of database management, from basic SQL queries to advanced topics like NoSQL and data modelling. We have also included advice on how to use databases in your projects, as well as tips on best practices. With our comprehensive selection of content, you can become an expert in database development and take your skills to the next level.

Database Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Productivity in the context of JavaScript is the ability to create a desired outcome with the least amount of time, effort and resources. It involves finding ways to increase efficiency, such as automating processes, reducing complexity, and simplifying code. By optimizing the development process, developers can create more complex applications faster and with fewer bugs. Productivity also refers to the quality of the output, meaning that the code should be maintainable and extensible.

This page provides tutorials, talks, workshops and presentations about how to increase your productivity as a JavaScript developer. Learn the best practices for coding faster, managing your time, and improving your workflow. Get tips on how to stay organized, maintain focus, and be more efficient with your development projects. Discover how to make the most of your coding time and become a more productive JavaScript developer.

Boost Your Productivity with 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

Lambda is a term used in computer programming which refers to an anonymous function or an expression. It is a function which can be passed as an argument to other functions, and can also be returned by another function. In JavaScript, lambda functions are often used for event handlers, callbacks, and other functional programming tasks. Lambda functions can be written using the arrow syntax (=>) which makes them easier to read and write.

Lambda is a powerful tool for JavaScript developers that can be used to create efficient, scalable applications. This page contains talks, workshops, tutorials and presentations about how to use Lambda to its fullest potential. Learn how to write code with Lambda, how to debug and test your application, and how to deploy it to the cloud. Get up to speed quickly with these informative talks, workshops, tutorials and presentations.

Lambda 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

Webpack is a module bundler for modern JavaScript applications. It takes modules with dependencies and generates static assets representing those modules. Webpack provides a unified approach to bundling, transforming, and loading all of your project's static assets. It allows you to write modular code and bundle it together into small packages to optimize load time. Webpack also provides plugins and loaders that allow you to preprocess, minify, and transpile your code so it can run in different environments.

Webpack is a powerful and popular open source JavaScript module bundler, used to compile and bundle all of the projects dependencies into a single file. This page contains talks, workshops, tutorials and presentations about webpack, designed to help JavaScript developers understand how to use webpack for their projects. Learn how to configure webpack, optimise build times, debug issues and more from experienced professionals.

Unlock the Power of Webpack: Talks, Workshops, Tutorials and Presentations 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

Machine Learning is a subfield of Artificial Intelligence that enables computers to learn from data without being explicitly programmed. It involves the use of algorithms and statistical models to identify patterns in large datasets and make predictions or decisions based on them. In JavaScript, Machine Learning can be used for tasks such as natural language processing, image recognition, and predictive analytics.

This page contains an array of talks, workshops, tutorials and presentations on the topic of machine learning. Here you can find a range of content to help you learn more about this rapidly growing field, from introductory courses to advanced lectures. Whether youre a JavaScript developer or someone looking to get started in machine learning, this page will provide you with the resources you need to become an expert in the field.