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.

JSNation 2023

Seungho Park

React Summit

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

React Summit 2023

React Summit US

React Summit US 2023

<p>In this session, I will discuss our experiences in overcoming performance limitations while developing React components for web apps on low-end embedded devices such as Smart TVs. I will share actual application cases from the development of millions of webOS Smart TVs and show how we improved user input response and app launch time. The ideas and techniques shared will be beneficial to developers facing similar challenges.</p>

Overcoming Performance Limitations in React Components for Low-end Devices

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

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

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

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

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

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

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

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!

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

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

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

Gatsby is a modern web framework based on React and GraphQL. It helps developers to create fast websites with minimal effort. Gatsby provides an easy-to-use API that allows developers to quickly create high-performance websites with features like server-side rendering, routing, code splitting, and more. With Gatsby, developers can build SEO-friendly, dynamic websites with the power of React and GraphQL.

This page is dedicated to helping JavaScript developers improve their skills with Gatsby. Here you will find a variety of talks, workshops, tutorials and presentations about Gatsby, all designed to help you become an expert in this popular JavaScript framework. Whether you are a beginner or experienced developer, you can find the resources you need to take your Gatsby skills to the next level.

Gatsby Talks, Workshops, Tutorials and Presentations for JavaScript Developers

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

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

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

Packaging in the context of JavaScript is a way of bundling multiple files and/or libraries into one single file. This helps to reduce the number of requests that need to be made to the server when loading a website, as well as decrease the size of the application. It also helps to make the code easier to maintain and debug. Popular tools for packaging JavaScript include Webpack, Parcel, and Rollup.

Packaging is an important part of any JavaScript development project. It involves bundling the code and resources into a format that can be used by other developers or deployed to production environments. This page contains talks, workshops, tutorials and presentations about packaging for JavaScript developers. Learn how to create efficient packages for your projects, as well as tips for troubleshooting and debugging common packaging issues. Discover the best practices for using package managers like npm and yarn, and get insights into the future of JavaScript packaging.

Packaging Talks, Workshops, Tutorials and Presentations for JavaScript Developers

A bundler is a tool that helps to simplify the process of managing and organizing JavaScript modules. It allows developers to combine multiple separate JavaScript files into one bundle file, which can then be included in an HTML page. This makes it easier to manage code, as well as reducing the number of requests the browser needs to make when loading a page. Bundlers also provide features like minification, transpilation, and tree-shaking, making it easier for developers to write modern JavaScript code and optimize their applications for performance.

The page contains talks, workshops, tutorials and presentations about bundler. Bundler is a powerful tool for JavaScript developers that helps in bundling and managing dependencies. It is an essential tool for creating and organizing applications and libraries. This page provides comprehensive information on Bundler, including its features, benefits, best practices, and more. With the help of this page, you can learn to use Bundler efficiently and effectively. You will find talks, workshops, tutorials, and presentations that will help you understand and master the tool.

Bundler Talks, Workshops, Tutorials & Presentations for JavaScript Developers

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

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

NPM Talks, Workshops, Tutorials & Presentations for JavaScript Developers

Virtual Reality (VR) and Augmented Reality (AR) are two forms of computer-generated simulations that allow users to interact with a virtual environment. VR is an immersive experience where the user is completely surrounded by a 3D world, while AR overlays digital elements onto the real world. In terms of JavaScript, developers can create interactive experiences for both VR and AR using web technologies such as HTML, CSS, and JavaScript.

This page contains talks, workshops, tutorials and presentations about the exciting new technologies of Virtual Reality (VR) and Augmented Reality (AR). Learn from experts in the field and get up to speed on the latest advancements in this rapidly evolving industry. Discover how to create immersive experiences with VR and AR, and gain insights into how these powerful tools can help developers create groundbreaking applications. Whether youre a seasoned professional or just getting started, our resources will help you become a master of VR and AR development.

VR and AR: Talks, Workshops, Tutorials & Presentations for JavaScript Developers

Automated security is a process of using automated software tools to detect and prevent malicious activities, such as data breaches, unauthorized access, and other cyber threats. These tools can be used to monitor networks, applications, databases, and system configurations in order to identify and respond to any suspicious activity or potential vulnerabilities. Automation helps to reduce the time and resources needed to manage security, allowing organizations to focus on more pressing tasks. In addition, automated security tools can be used to identify JavaScript-based attacks, such as cross-site scripting (XSS) or SQL injection.

This page provides talks, workshops, tutorials and presentations about automated security for JavaScript developers. Learn how to use automated security tools to protect your web applications from malicious attacks, and discover the best practices for keeping your code secure. Get up to speed on the latest technologies and techniques for preventing data breaches, reducing vulnerabilities, and ensuring the safety of your application. Our experts will guide you through the process of implementing automated security measures in your projects, so that you can stay ahead of potential threats.

Automated Security Talks, Workshops, Tutorials & Presentations for JavaScript Developers

Storybook is a tool used to develop and design user interfaces (UI) in JavaScript. It allows developers to create components that can be reused throughout their application, as well as visualize how the UI will look and behave before it goes live. Storybook also enables developers to quickly prototype and iterate on their designs with hot-reloading of changes. Storybook also offers a number of add-ons that allow developers to easily integrate testing and automation tools into their workflow.

Storybook is a powerful tool for JavaScript developers to create, maintain and share UI components. It allows developers to quickly build simple, reusable components that can be used in any project. With Storybook, developers can easily create and test their components in isolation, without having to worry about the whole application or other dependencies. Storybook also provides an intuitive interface for developers to collaborate on their components, making it easier to share and reuse code. With Storybook, developers can create beautiful, interactive user interfaces with ease. From talks and workshops to tutorials and presentations, Storybook is the perfect tool for any JavaScript developer looking to create and maintain stunning user interfaces.