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.
Color Theory For Software Engineers + Color Accessibility & Performance with Sarah Shook
In this Modern Web podcast episode, Tracy Lee and Rob Ocel chat with Sarah Shook, a UI/UX engineer at Hunter Industries, about her THAT Conference talk on color theory, covering RGB, HSL, hex models, & the impact of color accessibility on page performance....
Aug 27, 2024
1 min
"Do What Matters with Who Matters While It Matters" Mark Techson on Leadership
Tracy Lee and Rob Ocel sit down with Mark Thompson, aka "Mark Techson", to explore key themes around personal branding, workplace culture, and leadership. Mark shares his journey of building a strong personal brand, discussing how consistent online...
Aug 20, 2024
2 mins
Acing the Interview for Software Engineers with Anthony D. Mays
In this episode of the Modern Web Podcast, Anthony D. Mays discusses code exercises, landing your first job, and how to succeed in interviews. He shares his personal journey to becoming a software engineer and career coach, and emphasizes the importance of not only having technical knowledge but also a strong problem-solving process. The conversation also touches on the role of senior engineers in guiding and empowering junior engineers, the interview processes at different companies, and tips for success in interviews. In this conversation, Anthony covers the interview process and how candidates can best prepare for technical interviews. emphasizing the importance of collaborative problem-solving and being authentic in interviews. They also explore the idea of secret questions and whether or not they are effective in assessing a candidate's skills. Chapters 00:00 Introduction and Guest Introduction 03:24 The Importance of Problem-Solving Process in Interviews 06:32 Guiding and Empowering Junior Engineers 10:20 Understanding Different Interview Processes 19:51 Tips for Success in Interviews 24:57 Collaborative Problem-Solving in Technical Interviews 26:26 The Effectiveness of Secret Questions 29:42 Defining the Interview Process 30:37 The Importance of Authenticity 32:30 Interviewer Training and Feedback 35:18 Selecting the Right Opportunity Follow Anthony D. Mays Social Media Twitter Linkedin Github Bluesky Download this episode here....
Aug 16, 2024
1 min
Making Seamless Page Transitions with the View Transitions API
Traditionally web applications have always had a less polished experience both functionally and visually speaking compared to native applications on mobile and other platforms....
Aug 2, 2024
4 mins
These JavaScript Tools Make Collaboration and Deployment Easier with Jack Herrington
Join Jack Herrington and Tracy Lee at CascadiaJS 2024 as they talk about content creation, experimenting with new tools, and continuous learning. They cover some of the latest in what’s going on in the Vercel, Next.js, and Deno Deploy ecosystems, and what these teams are doing to enable easy deployment and better community collaboration. Tracy and Jack's discussion highlights the lack of educational resources on advanced web development topics. This scarcity poses an opportunity for developers who want to showcase their expertise in areas like app router and React server components. By actively engaging in knowledge sharing, developers can demonstrate their deep understanding of these complex concepts and set themselves apart from the competition. Jack emphasized Vercel's role in simplifying deployment with its easy commands and Next.js integration for seamless collaboration and performance. Next.js was highlighted for its advanced features and simplified development process, including efficient routing and SEO benefits. Deno Deploy, built on Deno, offers serverless deployment without traditional infrastructure management, focusing on code writing and scalability. Throughout, the importance of community and knowledge sharing in platforms like Vercel, Next.js, and Deno Deploy was underscored, enabling developers to share, receive feedback, and stay updated with advancements. Download this episode here....
Jul 18, 2024
1 min
The History of DivOps: The Tools that Led Us to Today
In this JS Drop, Jonathan Creamer, Senior Software Engineer at Microsoft, shares key insights on the history of DivOPs tooling, starting in the days before advancements like Webpack bundles. Jonathan discusses the emergence of bundlers like Webpack and the role of Abstract Syntax Trees (ASTs) in modern web development. Bundlers have revolutionized code organization by allowing developers to modularize their code, enhancing maintainability and scalability. ASTs enable bundlers to efficiently analyze and transform code, optimizing the development process. In the early days of web development, developers had to manually order their scripts to ensure proper dependencies. However, the introduction of tools like AMD and RequireJS transformed the landscape by enabling modular code organization. This shift empowered developers to focus on writing modular code, making their projects more manageable and adaptable to changes. Efficient code management and build automation are vital aspects of modern web development. The podcast highlights the continuous innovation in build tools such as Grunt, Gulp, Vite, and Parcel. These tools automate repetitive tasks, optimize code, and streamline the development workflow, allowing developers to save valuable time and effort....
Jul 10, 2024
1 min
SSR Finally a First-Class Citizen in Angular?
What’s the state of Angular SSR? And what’s happened to @angular/universal? This article explains!...
Jun 26, 2024
8 mins
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....
Jun 11, 2024
2 mins
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....
Jun 11, 2024
1 min
Angular 18 Announced: Zoneless Change Detection and More
Overview of new features in Angular 18...
May 29, 2024
3 mins
Local-First Application Development is Back with Dev Agrawal
In a world where connectivity is often taken for granted, the concept of "local first" applications is gaining traction. In this episode of the Modern Web Podcast, Dev Agrawal sheds light on this innovative approach, which prioritizes user devices as the primary data source. By enabling offline access and user control, local-first apps are revolutionizing the way we interact with technology. Traditionally, applications have relied on server-centric models, where data is stored and managed on remote servers. However, local-first architecture flips this paradigm by placing user devices at the forefront. By doing so, these apps empower users with offline access and control over their data. One of the key advantages of local-first architecture is its ability to create personalized experiences. By leveraging the data stored on user devices, apps can tailor their functionality to individual preferences and needs. Moreover, local-first apps excel at synchronization, ensuring that data remains consistent across multiple devices. This seamless synchronization allows users to switch between devices effortlessly, without worrying about data loss or inconsistencies. Data ownership is a critical aspect of local-first applications. With the user's device holding the definitive data version, individuals have greater control over their information. This is particularly important in collaborative environments, where multiple users need to access and modify shared data. To address this, local-first apps employ Conflict-free Replicated Data Types (CRDTs), which ensure that conflicts are resolved automatically and data integrity is maintained. By prioritizing data ownership and collaboration, local-first architecture fosters a more inclusive and efficient work environment. While local-first architecture offers numerous benefits, it is important to strike a balance between local and server data management. Certain data, such as large media files or complex computations, may still be better suited for server storage. Additionally, server-centric models can provide valuable backup and recovery options. As web development paradigms evolve, finding the right balance between local and server data management will be crucial in creating integrated user experiences and adaptable frameworks....
May 9, 2024
2 mins
Vercel vs. VPS - What's the drama, and which one should you choose?
A breakdown of the hosting options you have and when you should choose a cloud provider such as Vercel and when a VPS or a Linux server in your basement is just enough....
May 8, 2024
8 mins
Let's innovate together!
We're ready to be your trusted technical partners in your digital innovation journey.
Whether it's modernization or custom software solutions, our team of experts can guide you through best practices and how to build scalable, performant software that lasts.