Following the expansion of the Vue ecosystem, Vue.js Live Conference has grown from a local Meetup to an international conf. The event will welcome more 5k Vue folks remotely from anywhere in the world. Every participant around the world can access online workshops, fun & networking with stellar Vue people.

Vue.js Live Conference

I'm attending Vue.js Live 2024 – get your free remote ticket and join me there with 5k other Vue.js engineers and 15+ great speakers.

Vue.js London 2023

Alvaro Saburido

Vue.js Live 2024

JSNation US

JSNation US 2024

Meet TresJS, a Vue custom renderer that enables you to craft immersive 3D experiences declaratively using ThreeJS components. In this lightning talk, we’ll demonstrate how Tres breaks down the barrier between developers and the 3D world using their favorite framework.

Bring the Magic of 3D to Your Vue Applications With TresJS

A year has passed since TresJS was open-sourced at this very same conference, so in this talk, we are going to give a full update on what we have been cooking for v4 of the core, including new devtools, translated docs, a cookbook, new features and a lot of bug fixing.

What's Hot On Tresjs V4

Introducing "Mastering 3D Web Development with TresJS," a specialized workshop crafted for Vue.js developers eager to explore the realm of 3D graphics within their web applications. TresJS, a powerful custom renderer for Vue, is specifically designed to work seamlessly with Vue's reactive system. This workshop offers a deep dive into integrating sophisticated 3D visualizations and interactive experiences directly into Vue applications, leveraging the unique strengths of both Vue and TresJS ecosystems. <span style="color:rgb(13, 13, 13);font-family:Söhne, ui-sans-serif, system-ui, -apple-system, &quot;Segoe UI&quot;, Roboto, Ubuntu, Cantarell, &quot;Noto Sans&quot;, sans-serif, &quot;Helvetica Neue&quot;, Arial, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;;font-size:16px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:2;text-align:start;text-indent:0px;text-transform:none;widows:2;word-spacing:0px;-webkit-text-stroke-width:0px;white-space:normal;background-color:rgb(255, 255, 255);text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;display:inline !important;float:none">This workshop is designed for Vue.js developers looking to expand their skill set into the third dimension, UI/UX designers interested in incorporating 3D elements into web applications, and front-end developers curious about the potential of 3D graphics in enhancing user experiences. You'll need to be familiar with Vue.js to benefit from this workshop fully. What You Will Learn- Introduction to TresJS: Discover the fundamentals of TresJS and how it integrates with the Vue ecosystem to bring 3D graphics to life.- Creating 3D Scenes with Vue: Learn to construct intricate 3D scenes utilizing Vue components, enhancing your user interfaces with dynamic and immersive visuals.- Interactivity and Animation: Master the techniques to make your 3D scenes interactive, responding to user inputs for a captivating user experience.- Integrating with Vue Features: Explore advanced integration of TresJS with Vue’s reactivity, composables, and the Vuex store to manage state in 3D web applications.- Performance and Best Practices: Gain insights into optimizing your 3D scenes for performance and best practices to maintain smooth, responsive web applications.

Mastering 3D Web Development with TresJS ecosystem: A Vue.js Workshop

- Intro 3D - Intro WebGL- ThreeJS- Why TresJS- Installation or Stackblitz setup - Core Basics- Setting up the Canvas- Scene- Camera- Adding an object- Geometries- Arguments- Props- Slots- The Loop- UseRenderLoop composable- Before and After rendering callbacks- Basic Animations- Materials- Basic Material- Normal Material- Toon Material- Lambert Material- Standard and Physical Material- Metalness, roughness - Lights- AmbientLight- DirectionalLight- PointLights- Shadows- Textures- Loading textures with useTextures- Tips and tricks- Misc- Orbit Controls- Loading models with Cientos- Debugging your scene- Performance

TresJS create 3D experiences declaratively with Vue Components

Meet TresJS ▲ ■ ●, a declarative way of bringing the magic of ThreeJS using everyday Vue Components and composables. Think of it as React-three-fiber or Lunchbox but without the need of a custom renderer. It just works.Are you ready to add a new dimension to your Vue Apps?

TresJS, a declarative way of creating 3D scenes from Vue components

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

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

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

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

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

Vue is an open-source JavaScript framework for creating user interfaces and single-page applications. It was created by Evan You in 2014 and has quickly become one of the most popular frameworks for web development. Vue allows developers to create dynamic, reactive user interfaces using a component-based structure. It provides a number of features such as data binding, components, routing, state management, and server-side rendering. Vue can be used to develop both large and small applications, making it an ideal choice for any project.

Description:
Welcome to our learning portal for JavaScript developers! Here you can find talks, workshops, tutorials and presentations about Vue - the popular, progressive JavaScript framework. Our resources are designed to help you learn the fundamentals of Vue quickly, as well as explore more advanced topics. Whether youre just getting started or looking to refine your skills, we have something for everyone. Start learning today!

Vue Talks, Workshops, Tutorials and Presentations for JavaScript Developers

Vue 3 is the upcoming major version of Vue.js, an open-source JavaScript framework for building user interfaces and single-page applications. It provides a core library that focuses on the view layer only, making it easy to integrate with other libraries and existing projects. Vue 3 will feature improved performance, better TypeScript support, improved Composition API, and Fragment Support. Additionally, it will have a new version of the Vue CLI and a new compiler architecture for improved build times.

Vue 3 is the latest version of Vue.js, a popular JavaScript framework for building user interfaces. This page contains talks, workshops, tutorials and presentations about Vue 3 and its features. Learn from experienced JavaScript developers as they discuss the best practices for working with Vue 3 and how to use it to create dynamic, interactive web applications. Get up to speed quickly on the latest version of Vue and find out how to make the most of its powerful features.

Mastering Vue 3: 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

Nuxt.js is a framework based on Vue.js that simplifies the development of universal or single page Vue apps. It provides an opinionated structure for projects, making it easier to create complex, fast and universal web applications. Nuxt.js also offers server-side rendering, code-splitting, hot-reloading, static generation and more - all out of the box!

Nuxt.js is a powerful and versatile JavaScript framework for creating modern web applications. It combines the power of Vue.js with a server-side rendering architecture that makes it easy to create fast, SEO-friendly websites. With Nuxt.js, you can quickly develop complex, high-performance web apps with features like code splitting, dynamic routing, and server-side rendering. This page contains talks, workshops, tutorials and presentations about Nuxt.js, helping JavaScript developers learn more about this powerful framework.

Master Nuxt.js: Talks, Workshops, Tutorials, and Presentations for JavaScript Developers

Developer experience (DX) is the overall satisfaction of a developer when using a particular technology. It encompasses aspects such as ease of use, performance, scalability, security, and documentation. DX helps developers to quickly understand the technology, build applications faster, and provide better user experiences. In the context of JavaScript, DX includes features such as code readability, modularity, reusability, and compatibility with other technologies. It also involves understanding the unique challenges of developing for the web and how to best utilize the language’s features. By having a good DX, developers are able to create applications that run efficiently and offer users a great experience.

Developer experience is a term used to describe the overall satisfaction of developers when using a product or service. It encompasses everything from the design and usability of the product, to the quality of customer support and documentation. At our learning portal, we offer talks, workshops, tutorials and presentations that focus on developer experience. Our goal is to help developers create better products by understanding the needs of their users, improving their workflow, and providing them with the tools and resources they need to succeed.