In this talk, Evan You, the creator of Vue.js, provides an in-depth look at Vue.js concepts and features, with particular focus on Vue 2.0. He covers the core concepts of declarative and reactive rendering, component architecture, and demonstrates practical examples including building a todo list application. The talk includes detailed explanations of Virtual DOM implementation in Vue 2.0 and new transition features.
This talk focuses on single page applications (SPAs) and state management in Vue.js. The speaker explains the benefits and challenges of building SPAs, demonstrates Vue Router for client-side routing with transitions and animations, and introduces Vuex for centralized state management. The presentation includes live coding examples showing how to implement client-side routing and manage application state in complex Vue.js applications.
A presentation about building a real-time dashboard using Laravel, Vue.js, and Pusher. The speaker demonstrates how to create a dynamic dashboard that displays various data like Twitter feeds, weather updates, package statistics, and team tasks. The dashboard updates in real-time using WebSockets through Pusher, with local storage for state management and a responsive design that works well on TV displays using a Raspberry Pi.
The talk appears to be about implementing search functionality in Laravel applications, focusing on how to build and customize search interfaces with features like filters, pagination, and templates. The speaker demonstrates working with search results, handling templates, and implementing various search-related UI components.
Evan You gives an overview of Vue.js's growth and evolution since its creation, discussing how it has grown from a simple view layer library to a progressive framework. He explains Vue's philosophy of flexibility and scalability, its integration with Laravel, and recent developments in the ecosystem including server-side rendering, native rendering, and developer tooling improvements.
Laura gives a practical talk about debugging and improving web design by walking through a real-world example of transforming a developer's personal website. She shares her systematic approach to identifying and fixing design issues, covering color selection, typography, hierarchy, layout and polish. The talk emphasizes that good design is an iterative process of identifying problems and methodically fixing them, similar to debugging code.
A live coding demonstration of frontend testing in Vue.js using Jest and Vue Test Utils. The speaker builds a simple voting application for the 'GIF vs JIF' pronunciation debate, showing how to write tests for component rendering, form validation, API interactions, and asynchronous operations. The talk includes practical examples of mounting components, handling props, mocking API calls, and managing Vue's reactivity system in tests.
The talk introduces Vue CLI 3.0, discussing how it improves upon previous versions by providing zero-configuration defaults while maintaining extensibility. The speaker demonstrates how to use Vue CLI 3.0 with Laravel projects, covering features like modern mode builds, web components, and library builds. The talk includes practical demonstrations of integrating Vue CLI 3.0 with Laravel applications and explains advanced configuration options.
Wes Bos gives a comprehensive introduction to CSS Grid at a Laravel conference, covering the fundamentals of grid layouts, responsive design without media queries, and modern alignment techniques. Despite being primarily a JavaScript developer, he demonstrates how CSS Grid represents the future of web layouts through practical examples and real-world use cases.
The talk focuses on simplifying Laravel frontend development by reducing JavaScript complexity and leveraging more backend functionality. The speaker describes his journey from basic blade templates to Vue.js components, and then demonstrates how to improve frontend architecture by moving logic back to PHP, using props effectively, embracing form submissions, and not being afraid of page reloads when appropriate.
Adam Wathan presents a comprehensive overview of Tailwind CSS, a utility-first CSS framework. He demonstrates how to effectively use Tailwind's utility classes, explains best practices for component extraction, and shows how to handle animations and responsive design. The talk includes practical examples of extending the framework and optimizing file size using PurgeCSS.
Steve presents a detailed walkthrough of his visual design process while redesigning a website for Tuple, a remote pair programming tool. He explains key design principles like content-first approach, layout exploration, typography choices, color theory, and creating visual hierarchy through spacing and contrast. The talk includes practical examples and comparisons between typical developer approaches and professional design techniques.
A presentation on Vue.js 3.0 discussing major improvements including performance optimizations through a new compilation strategy, improved maintainability with a new function-based API, and better TypeScript support. The speaker explains how Vue 3.0 achieves up to 6x faster performance through block tree compilation and introduces a new composition API that allows better code organization and logic reuse.
The talk introduces Livewire, a new Laravel package that allows developers to build dynamic interfaces using PHP and minimal JavaScript. The speaker demonstrates how Livewire combines the simplicity of blade templates with reactive features typically associated with frontend frameworks like Vue.js. Through live coding examples building a Twitter-like 'Woof' application, he shows how Livewire handles real-time validation, data binding, and component communication while maintaining Laravel's testing simplicity.
A comprehensive talk about Inertia.js and how it enables building modern monolithic applications with Laravel and frontend frameworks like Vue. The speaker explains how Inertia works under the hood, demonstrates partial page reloads, shares data between components, and shows practical examples of implementing Inertia in Laravel applications. The talk includes live coding demos showing how to optimize page loads and handle data transfers between frontend and backend.
Tim McDonald presents a talk on Laravel validation, focusing on improving user experience. He discusses the evolution from basic server-side validation to client-side validation, and introduces Laravel Precognition as a solution that combines the best of both worlds. The talk emphasizes the importance of considering user experience in validation design, including proper timing of validation messages, forgiving user input, and showing success messages alongside errors.
Caleb Corzio presents the launch of Livewire V3, showcasing major improvements and new features. The talk demonstrates how Livewire has been rebuilt on Alpine.js, introducing more efficient DOM diffing, request bundling, improved component nesting, and developer tools. Key highlights include new PHP attributes for validation, reactive components, streaming capabilities, and a new debugging tool called Wiretap.
Caleb Porzio introduces Flux, a new UI component library for Laravel Livewire that provides a comprehensive set of accessible, customizable components with minimal JavaScript footprint. The talk showcases various components including dropdowns, modals, form elements, and layouts while emphasizing the importance of good design principles and accessibility features.
Adam Wathan shares insights and techniques from his experience building component libraries, focusing on flexible and maintainable approaches using CSS and Tailwind. He demonstrates patterns for handling responsive layouts, touch targets, and complex styling challenges without relying on excessive JavaScript or props.
Frank de Jonge, creator of Flysystem, discusses his journey with JavaScript and presents React.js as a solution for building better frontend applications. He explains how React's declarative UI approach, combined with the Flux architecture pattern, can help PHP developers create more maintainable JavaScript code while keeping their backend logic in Laravel/PHP. The talk covers how to structure React applications, handle state management, and integrate with Laravel APIs.
Evan You, the creator of Vue.js, presents an overview of Vue's evolution from a simple library to a full-featured progressive framework. He discusses Vue 2.0's features, improvements in performance and size, and explains key concepts like component-based architecture, state management with Vuex, and single-file components. The talk emphasizes Vue's integration with Laravel and its focus on maintaining simplicity while scaling up to handle complex applications.
The talk discusses web accessibility, focusing on making websites usable for people with disabilities, particularly those who are blind. The speaker, whose mother is blind, emphasizes that accessibility benefits everyone, not just those with permanent disabilities. He covers semantic HTML, ARIA roles, and practical implementations for making web content accessible through screen readers and other assistive technologies.
Marcel Potiod presents a comprehensive overview of Laravel 7's new View Components feature. He demonstrates how to create and use class-based components, anonymous components, and inline components, showing various ways to pass data, handle attributes, and manage component rendering logic. The talk includes live coding examples of creating reusable UI components like sidebars, markdown renderers, and buttons.
A presentation about building real-time dashboards using Laravel, Livewire, and the Laravel Dashboard package. The speaker demonstrates how to create dynamic dashboard tiles that auto-refresh and display various data sources like Google Calendar events and Twitter feeds. The talk includes live coding demonstrations and explains the underlying architecture of the dashboard package.
A talk about improving web design for developers, using a step-by-step debugging approach similar to debugging code. The speaker walks through transforming a developer's personal website by systematically addressing color selection, typography, hierarchy, layout, and polish. The approach emphasizes that good design is achievable through methodical improvements rather than innate creativity.
Evan You presents a detailed technical overview of Vue.js single file components, explaining their evolution from traditional web development practices, how they work under the hood, and why they were designed this way. He covers the compilation process, CSS handling, hot reloading capabilities, and compares them to native web components.
A front-end developer shares their experience creating animations and interactive elements using Vue.js, starting with a demo of a fighting game and progressing to real-world examples of transitions, data visualizations, and canvas animations. The talk covers practical techniques for implementing smooth animations and interactive UI elements in Vue applications.
Marcel Potiod presents a comprehensive overview of Laravel 7's new View Components feature. He demonstrates how to create and use class-based components, anonymous components, and inline components, showing various ways to pass data, handle attributes, and manage component rendering logic. The talk includes live coding examples of creating reusable UI components like sidebars, markdown renderers, and buttons.
This talk focuses on form validation best practices in Laravel and frontend frameworks, covering both client-side and server-side validation approaches. The speaker discusses various validation techniques including HTML5 validation, JavaScript libraries like V-validate, and Laravel's built-in validation features, while emphasizing the importance of creating user-friendly validation experiences across desktop and mobile devices.
Sebastian de Dana presents Inertia.js, a JavaScript framework for building server-driven single page applications that bridges traditional server-side Laravel applications with modern JavaScript frontend frameworks like Vue and React. The talk demonstrates how Inertia.js eliminates the need for API endpoints while maintaining the benefits of both server-side rendering and client-side interactivity.
Marcel Potiod presents a comprehensive overview of Laravel 7's new View Components feature. He demonstrates how to create and use class-based components, anonymous components, and inline components, showing various ways to pass data, handle attributes, and manage component rendering logic. The talk includes live coding examples of creating reusable UI components like sidebars, markdown renderers, and buttons.
A presentation about building real-time dashboards using Laravel, Livewire, and the Laravel Dashboard package. The speaker demonstrates how to create dynamic dashboard tiles that auto-refresh and display various data sources like Google Calendar events and Twitter feeds. The talk includes live coding demonstrations and explains the underlying architecture of the dashboard package.
Shti Balasa gives a comprehensive talk about best practices for customizing Tailwind CSS, focusing on when and how to customize the framework effectively. The speaker emphasizes maintainable approaches to customization, discusses where to place customizations (CSS vs JavaScript config), and demonstrates how to create custom plugins and components while maintaining good developer experience.
A presentation about building real-time dashboards using Laravel, Livewire, and the Laravel Dashboard package. The speaker demonstrates how to create dynamic dashboard tiles that auto-refresh and display various data sources like Google Calendar events and Twitter feeds. The talk includes live coding demonstrations and explains the underlying architecture of the dashboard package.
Marcel Potiod presents a comprehensive overview of Laravel 7's new View Components feature. He demonstrates how to create and use class-based components, anonymous components, and inline components, showing various ways to pass data, handle attributes, and manage component rendering logic. The talk includes live coding examples of creating reusable UI components like sidebars, markdown renderers, and buttons.
Simon Vrachliotis shares his journey of refactoring a website's CSS using utility-first CSS methodology. He describes how he transformed from being skeptical of utility classes to becoming a strong advocate after successfully refactoring an entire website while camping with his family. The talk covers the benefits of utility-first CSS, including reduced CSS anxiety, faster development speed, and better maintainability, while drawing parallels to how Dick Fosbury revolutionized high jump technique despite initial skepticism.
A comprehensive talk about testing JavaScript and frontend applications, focusing on making testing more manageable and enjoyable. The speaker covers various testing tools and approaches, from static analysis to end-to-end testing, with practical examples of how to implement them effectively.
Jess Archer shares her experience building a single page application (SPA) with Laravel and Vue.js, focusing on practical solutions to common challenges. She discusses authentication approaches, state management with Vuex, and frontend optimization techniques based on lessons learned while building Giftie Duck, a gift reminder service.
The talk focuses on making single page applications more accessible, delivered by Jess, a front-end developer and accessibility consultant. She discusses key accessibility considerations including semantic HTML, form labeling, keyboard navigation, and focus management in React and Vue applications. The presentation emphasizes practical implementations and testing methods to ensure web applications are usable by people with disabilities.
This talk provides a comprehensive introduction to CSS Grid, covering its evolution from early web layouts through to modern implementation. The speaker demonstrates practical examples of building a note-taking app layout using CSS Grid, discusses browser support including IE compatibility issues, and shares various learning resources. The talk emphasizes CSS Grid's advantages over older layout methods and shows how to implement responsive layouts with features like auto-fill and subgrid.
A talk focusing on web accessibility and inclusive design principles. The speaker discusses how to make websites more accessible through proper typography, color contrast, semantic HTML, and interactive elements. They emphasize considering users with different abilities and situations while designing websites, including those using assistive technologies or dealing with temporary impairments.
This talk focuses on how to effectively use HTML to improve website performance and accessibility. The speaker emphasizes the importance of using semantic HTML elements correctly instead of generic div elements, explains how HTML impacts the DOM and accessibility tree, and covers various HTML attributes and resource hints that can optimize page loading.
Simon Vrachliotis discusses how Tailwind CSS serves as an effective collaboration tool between designers and developers. He shares experiences of designers, particularly Chris Dale, successfully transitioning to writing production code using Tailwind CSS. The talk emphasizes how Tailwind's utility-first approach bridges the gap between design and development by providing a familiar mental model for designers while maintaining development efficiency.