Skip to content

This Dot Blog

This Dot provides teams with technical leaders who bring deep knowledge of the web platform. We help teams set new standards, and deliver results predictably.

Newest First
Psychologically Safe Workplaces with Krystal Smith-More cover image

Psychologically Safe Workplaces with Krystal Smith-More

Krystal Smith-Moore, Engineering Manager at Spotify, shares her journey from a non-traditional background to management, and how it informs her empathetic leadership approach. Krystal emphasizes the significance of self-awareness, seeking support, and aligning personal values with management roles. By ensuring our values align with the company's mission and culture, we can create a more fulfilling leadership experience. Krystal stresses the need for self-care, setting boundaries to prevent burnout, and recognizing when it's time to recharge. By prioritizing self-care, leaders can maintain their energy and enthusiasm, leading to better decision-making and a more positive work environment. She also discusses the importance of empathy, continuous learning, and creating psychologically safe workplaces where employees feel comfortable expressing their ideas and concerns. By aligning personal values with management roles, prioritizing self-care, and fostering a psychologically safe workplace, leaders can create a positive and impactful experience for themselves and their teams. Download this episode here....

How to Attract and Retain Engineers in a Distributed Remote Working World with Brandon Tolbert cover image

How to Attract and Retain Engineers in a Distributed Remote Working World with Brandon Tolbert

Brandon Tolbert, Director of OSP Engineering at Circet USA, discussed the diverse engineering roles at Circet and the challenges of finding skilled personnel to fill those specified seats. In the telecom industry, it is essential to have a team of talented individuals who can adapt to new technologies and industry trends. However, identifying such individuals is a challenging task. Brandon emphasized the importance of actively engaging employees in decision-making processes and providing continuous learning opportunities to keep them current with the latest advancements. The conversation also underscored the value of mentorship in the telecom industry. As technology advances, it is crucial for experienced professionals to guide and mentor younger talent. By fostering a culture of mentorship, organizations can ensure that knowledge and expertise are passed down to the next generation, enabling them to tackle industry changes with confidence. This mentorship not only helps in skill development but also in building confidence and preparedness among younger employees to handle industry shifts effectively. Investing in employee development was another key aspect discussed. Both Rob and Brandon emphasized the benefits of providing growth opportunities and promoting from within. By investing in their employees' professional development, organizations not only retain top talent but also create a supportive work environment that encourages innovation and creativity. This approach not only enhances employee satisfaction but also drives the organization's overall growth and competitiveness in the market. Lastly, the conversation touched on the significance of maintaining connections and nurturing talent even after parting ways professionally. In the fast-paced telecom industry, professionals often move between companies, and maintaining a strong network of connections can be invaluable. By staying connected and supporting each other's growth, professionals can continue to collaborate and drive innovation even when they are no longer working together. Download this episode here....

Awesome 3D experience with VueJS and TresJS: a beginner's guide cover image

Awesome 3D experience with VueJS and TresJS: a beginner's guide

Unleash the power of 3D in your Vue.js projects with Tres.js! The future of immersive web experiences is here. #Vuejs #3Ddevelopment...

Effortless App Building with V0.dev and Next.js Training featuring Mark Shenouda cover image

Effortless App Building with V0.dev and Next.js Training featuring Mark Shenouda

In this JS Drop training, Mark Shenouda covers the capabilities of v0.dev by building a custom Next.js application. He explores the features and benefits of v0.dev, highlighting its efficiency in generating interfaces, customizing UI elements, and simplifying deployment processes. v0.dev allows users to build interfaces. The integration with Next.js is a game-changer, enabling the addition of new pages to projects with a single command. It efficiently generates different interface options, making it a valuable tool for both developers and non-developers. With v0.dev, interactive layouts can be achieved without extensive coding knowledge, opening up new possibilities for app development. One of the standout features of v0.dev is its ability to customize UI elements. The tool provides a range of options to tailor the user interface to specific requirements. Whether it's tweaking colors, fonts, or layouts, v0.dev empowers developers to create visually appealing and user-friendly interfaces. This flexibility ensures that the final product aligns with the desired aesthetic and enhances the overall user experience. v0.dev seamlessly integrates with Next.js, a server rendering framework for React. This integration brings numerous benefits, including simplified deployment processes and enhanced performance. Next.js allows for server-side rendering, resulting in faster page loads and improved SEO. With v0.dev, app development becomes more accessible and efficient, allowing for faster iterations and improved user experiences. Whether you're a seasoned developer or a non-technical individual looking to bring your app idea to life, v0.dev is definitely worth exploring....

How to Develop a Vision Pro App using Angular with Nathan Walker cover image

How to Develop a Vision Pro App using Angular with Nathan Walker

In this training led by Nathan Walker, viewers are introduced to Angular app development for VisionPro. The session covers integrating 3D models, manipulating them with NeoScript Swift, and using USDZ files, with a focus on asset management and Swift packages for immersive experiences. Nathan also reviews integrating and manipulating 3D models using NeoScript Swift, enhancing Angular apps with interactive and visually appealing interfaces. The use of USDZ files added stunning 3D graphics, bringing apps to life. The training also explores the interaction between NativeScript views and Swift UI components, demonstrating the flexibility in app development. This integration allows developers to create dynamic user interfaces, combining the strengths of Angular and Swift UI for exceptional user experiences....

Exploring Open Props and its Capabilities cover image

Exploring Open Props and its Capabilities

Let's explore how Open Props can help your web development workflow....

React Conf 2024 Review cover image

React Conf 2024 Review

A new era of React kicks off with groundbreaking announcements and innovations—catch up on all the highlights!...

The Human and Organizational Work Behind AI Adoption with Joni Roylance and Jean Roberts cover image

The Human and Organizational Work Behind AI Adoption with Joni Roylance and Jean Roberts

Rob Ocel and guests Joni Roylance and Jean Roberts discuss the complexities of implementing AI in organizations, highlighting the importance of a human-centered approach. They emphasize that to fully benefit from AI, organizations need to consider how the technology affects people and how to address their concerns. One key takeaway is the importance of building trust and aligning AI initiatives with organizational values. AI can be met with skepticism, especially if employees feel their jobs or privacy are at risk. To overcome this, organizations must prioritize transparency and open communication. Involving employees in the decision-making process and addressing their concerns helps foster trust and reduce resistance. Aligning AI with core values ensures it enhances rather than replaces human capabilities. The podcast also stresses the need for user-centric design. AI solutions should be developed with a deep understanding of users' needs and pain points. Poor user experience (UX) can lead to failed AI deployments if users struggle to understand or trust the technology. Organizations should invest in interdisciplinary collaboration, involving UX designers, data scientists, and domain experts to create intuitive and user-friendly AI systems. Prioritizing the human experience can lead to higher adoption rates and successful implementation. Transparency and engagement are crucial for building trust and acceptance of AI. Engaging employees and users in the AI process through activities like naming contests can foster ownership and involvement. Involving users early allows organizations to gather feedback, address concerns, and refine the technology. Transparent communication about AI goals, limitations, and impacts helps manage expectations and ensures a smoother transition. By building trust, aligning with values, and focusing on user experience, organizations can overcome resistance and ensure higher adoption rates. A human-centered approach not only leads to successful technological transformations but also empowers employees and enhances the overall user experience. Download this episode here....

Our Journey from Cypress to Playwright for E2E Testing cover image

Our Journey from Cypress to Playwright for E2E Testing

In this blog post, we share our experience of transitioning our end-to-end (E2E) testing framework from Cypress to Playwright. Faced with a technical incompatibility in our existing setup, we embarked on a journey to find a more robust and flexible solutio...

Are you an AI Engineer? What is RAG? AI Implemented with Tracy Lee and Rob Ocel cover image

Are you an AI Engineer? What is RAG? AI Implemented with Tracy Lee and Rob Ocel

In this episode of the Modern Web podcast, Tracy Lee and Rob Ocel discuss how AI can revolutionize processes and enhance efficiency, highlighting Tracy's exploration of RAG as an example. RAG is retrieval augmented generation, making it easy to implement AI by connecting to databases and leveraging large datasets. This opens up exciting possibilities for businesses to automate tasks, generate personalized content, and provide enhanced customer experiences. Implementing AI comes with challenges, and Tracy and Rob openly share their experiences and insights. They offer tips for effectively using AI tools and emphasize understanding the limitations and biases that can arise. The hosts also discuss the controversial GitHub Co-Pilot, an AI-powered coding assistant, and the ethical considerations surrounding its use. Beyond AI, Tracy and Rob highlight the importance of networking in the tech industry. They share their experiences at tech conferences like City JS, Cascadia JS, and Render, underscoring the value of creating meaningful connections with like-minded professionals. Attending conferences provides opportunities to learn from industry experts and opens doors for collaborations, mentorships, and career growth. Download this episode....

Build a Next-Gen Chat App with AI and WebSockets in Just 3 Hours with Ben Lesh and Tracy Lee cover image

Build a Next-Gen Chat App with AI and WebSockets in Just 3 Hours with Ben Lesh and Tracy Lee

In this comprehensive 3-hour training session, Tracy Lee and Ben Lesh guided participants through the process of building a chat application using various cutting-edge technologies and methodologies. The training began with an introduction to using v0.dev, followed by leveraging AI tools like GitHub Copilot and ChatGPT to scaffold the initial version of the application. This segment highlighted the practical use of AI in real-time coding, demonstrating how these tools can significantly streamline development workflows. Next, the session delved into creating a monorepo using Nx, showcasing how to efficiently manage multiple projects and libraries within a single repository. Participants then learned how to connect their application to the OpenAI API, incorporating AI functionalities. The training continued with a focus on refactoring the application to enable real-time streaming using WebSockets. This segment was particularly insightful for developers, as it covered essential techniques for implementing WebSocket functionality in real-world scenarios. Throughout the training, attendees had the opportunity to observe Ben Lesh's debugging process, gaining practical knowledge on troubleshooting and optimizing code. The session concluded with integrating the application with AstraDB and Cohere to implement the retrieval part of Retrieval-Augmented Generation (RAG). This final step equipped the chat app with the capability to understand and utilize RxJS, bringing the project to fruition....

Angular 18 Announced: Zoneless Change Detection and More cover image

Angular 18 Announced: Zoneless Change Detection and More

Overview of new features in Angular 18...