How I Received 3 Front End Engineer Offers in a Tough Market as a Non-CS Graduate

In this week's edition of Frontend Weekly, explore compelling insights and strategies that resonate within the world of frontend development. Learn from an inspiring article about how a non-CS graduate secured three front-end engineering offers despite a competitive market. Additionally, delve into Astro, a modern web framework that enables developers to create fast-loading websites by utilizing static HTML regardless of the chosen web technologies, such as React or Vue. Understanding the psychology behind UI design is crucial, as it influences how users perceive and interact with your creations; an in-depth article reveals the importance of elements like color schemes in engaging user experiences. For those looking for creativity, enjoy fresh 'Waiting For Spring' wallpapers designed by artists globally, available for March 2024. Learn practical solutions for making websites responsive on Ultra HD screens and discover open-source alternatives to reduce costs associated with Vercel. This newsletter is packed with insights and innovative solutions for front-end developers.

Discover how a non-CS graduate landed 3 front-end offers, explore Astro for fast web development, and learn UI design psychology. Enhance site responsiveness on Ultra HD screens and find Vercel alternatives in this edition of Frontend Weekly.

Issue %%issue_number%%

Geez, leave it to Patrick Brosset to talk CSS performance in the most approachable and practical way possible. Not that CSS is always what s gunking up the speed, or even the lowest hanging fruit when it comes to improving  The truth about CSS selector performance originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

The truth about CSS selector performance

In this week's edition of Frontend Weekly, we delve into several engaging topics in the realm of frontend development. Patrick Brosset guides us through the nuances of CSS selector performance, breaking it down with a practical approach on CSS-Tricks. For those working with RiotJS, explore an insightful guide on setting up client-side routing with Riot-Route, integrating smoothly into Single Page Applications. As we move into 2024, developers should consider the latest powerful React form builders highlighted by SitePoint, offering key features tailored for efficient web form creation. Junior developers can find inspiration in creating standout portfolios that effectively showcase their coding talents, with strong project ideas shared to enhance their professional profiles. Furthermore, we reflect on the trajectory of Facebook's Create React App (CRA), questioning its current state and future directions. For Angular enthusiasts, testing Signals, the reactive primitives, is crucial for harnessing their potential in improving app performance. To top it off, discover the best web development resources, spanning documentation and learning platforms to coding challenges, ensuring developers have access to essential tools for continual growth. Don't miss this wealth of information meant to elevate your frontend development journey.

In Frontend Weekly: Explore CSS selector performance with Patrick Brosset, set up RiotJS routing, & discover top React form builders for 2024. Get portfolio ideas for junior devs & insights into Create React App's future. Boost skills with top web dev resources.

Explore how AI-powered tools are transforming task automation and debugging, offering new efficiencies and precision in development workflows.

This introduction to task automation and debugging with AI tools is excepted from Generative AI Tools for Developers: A Practical Guide. Continue reading Task Automation and Debugging with AI-Powered Tools on SitePoint.

Task Automation and Debugging with AI-Powered Tools

This week's edition of Frontend Weekly brings a curated list of exciting updates and insightful articles for frontend developers. Highlighted is the React Advanced conference in London, scheduled for October 25-28, 2024, where experts will dive into the latest trends and advanced practices in React development. We feature a comparison between LlamaIndex and LangChain, two frameworks spearheading applications powered by large language models. The newsletter also includes a practical guide on implementing sideway selection in CSS using the ':has()' pseudo-class, as well as tips to avoid common mistakes with the 'useEffect' hook in ReactJS. Additionally, unravel the best practices for handling dynamic routing in Next.js and learn how to dockerize an Angular app to enhance its portability. Furthermore, discover how AI-powered tools are ushering in a new era of task automation and debugging, and get introduced to the fundamentals of Neon Branching for optimized database workflows.

In this Frontend Weekly: Dive into React Advanced London, compare LlamaIndex vs LangChain, master CSS ':has()', optimize 'useEffect' in ReactJS, enhance Next.js dynamic routing, dockerize Angular, and explore AI automation tools and Neon Branching.

A detailed overview of the Progress Design System Kit, which aids developers and designers in creating consistent user interfaces across applications. The article explores the features and benefits of the kit for improving workflow efficiency.

Learn about Telerik ' s Progress Design System, an end-to-end design language for creating simple, intuitive and beautiful experiences. Continue reading 6 Ways the Progress Design System Kit Makes UI Design Fun on SitePoint.

6 Ways the Progress Design System Kit Makes UI Design Fun

This week's Frontend Weekly brings an exciting array of articles and insights for developers and designers. '6 Ways the Progress Design System Kit Makes UI Design Fun' offers a compelling overview of a tool that aids in creating consistent UIs, enhancing workflow efficiency for professionals. Dive into 'How to Perform Data Analysis in Python Using the OpenAI API' to expand your analytical capabilities with practical Python examples. For PHP enthusiasts, 'Laravel vs CodeIgniter: A Comprehensive Comparison' provides an in-depth analysis of these popular frameworks, helping developers choose the right one for their needs. Additionally, 'Introducing Chromatic’s Cypress integration' showcases an enhancement that streamlines component-driven testing. Finally, explore 'What’s New in React 19: Key Features and Enhancements' to stay updated with the latest improvements in this powerful library.

Frontend Weekly highlights top picks: Learn about the Progress Design System Kit, explore OpenAI API with Python for data analysis, and compare Laravel vs CodeIgniter for PHP development. Discover React 19's new features and Chromatic's Cypress integration for smoother testing.

Learn request memorization, data cache, full route cache, router cache, plus cache invalidation and tools for your Next.js project.

Advanced Next.js Caching Strategies

This week's issue of Frontend Weekly covers a variety of impactful topics for web developers. Discover how a development team managed to shrink their JavaScript monorepo Git size by an impressive 94%, which can significantly enhance performance and workflow efficiency. Dive into advanced Next.js caching strategies, including request memorization and cache invalidation, to optimize your Next.js projects. Gain insights into making your JavaScript SEO-friendly with four best practices designed to enhance your content's visibility in search results. Explore a curated list of nine tools aimed at boosting productivity and efficiency for tech professionals. Learn how to build and deploy a full-stack Google Drive clone with Next.js 15, taking inspiration from popular platforms used by billions. Additionally, there's an in-depth look at the tricky parts of React Native's new architecture, offering valuable insights into implementation complexities. Finally, explore over 21 open-source icon libraries perfect for your upcoming 2024 projects, and get acquainted with the top 10 JavaScript SEO tricks every developer should know to ensure search engine discoverability.

This issue highlights shrinking a JS repo by 94%, advanced Next.js caching, JS SEO best practices, and building a Google Drive clone with Next.js 15. Discover must-try tools and delve into React Native's new architecture challenges.

Learn about lesser-known web performance bottlenecks connected to excessive JavaScript usage, like long tasks, large bundle sizes, and hydration issues.

Fixing your website's JavaScript performance

Welcome to this week's edition of Frontend Weekly! Dive into a world of cutting-edge front-end strategies with 'CSS Tricks: Top 10 Mind-Blowing Front-End Tricks', featuring advanced CSS techniques to elevate your projects. Aspire for your next career milestone with 'The Unwritten Rules to Becoming a Senior Developer', guiding you through essential steps for leveling up in the tech industry. Tackle JavaScript challenges in 'Fixing Your Website's JavaScript Performance' by learning to manage long tasks and large bundle sizes. Boost your productivity by utilizing 'How to Boost Your Productivity With Cross-Browser DevTools Features', leveraging the distinct capabilities across various browsers for more efficient development. Explore Svelte 5's revolutionary 'Runes' in 'JavaScript Framework Reinvents Itself', and see how it stacks up against React, Vue, and Angular. Master tooltip creation with the 'Popover API', ensuring accessibility and perfect placement across browsers. Quicken your file handling effortlessly with 'The Easiest File API', focusing on building rather than infrastructure. Finally, harness React's useReducer hook for robust state management in 'A Guide to the React useReducer Hook'. Add a touch of magic to your designs with 'Exploring CSS Transforms and Transitions', enriching your website with dynamic animations.

This week's Frontend Weekly covers top CSS tricks, steps to become a senior developer, and fixing JavaScript performance. Explore Svelte 5's 'Runes', boost productivity with cross-browser DevTools, and learn the Popover API for accessible tooltips. Enhance your apps with the useReducer hook and CSS transitions!

A collection of websites that offer a clutter-free and aesthetically uncomplicated experience. Truly beautiful clean web design.

40 Beautiful Examples of Clean Web Design for Inspiration & Ideas

This week's Frontend Weekly newsletter features essential readings for web developers. Discover various methods for achieving the left and right half layout in web design, focusing on CSS properties for precise layout control. Delve into seven innovative tools that aim to boost developer productivity and uncover insights from the smartest developers to elevate your skills. Explore the latest updates in Next.js 15 and join a crash course to learn how to build a full-stack app using this official React framework. Additionally, we cover best practices in JavaScript variable naming, examine the importance of message queues in system design, and present 40 stunning examples of clean web designs to inspire your own projects.

Frontend Weekly covers CSS layout techniques, new Next.js 15 updates, top developer tools, JavaScript naming practices, and inspiring web designs. Learn from top developers and explore message queues in system design. Join a Next.js crash course for full-stack app skills!

Explore the best tools for generating JavaScript code using AI technology, enhancing productivity and code quality.

Top Tools For Generating Javascript Code

This week's Frontend Weekly newsletter offers a wealth of resources to enhance your web development skills. Learn how to use a single CSS gradient creatively for multiple visual effects. Discover AI-powered tools that generate JavaScript code, boosting productivity and code quality. Delve into a practical guide on React Hooks with code examples to effectively use them in your projects. A step-by-step tutorial on building a countdown timer with React is also available, complete with detailed instructions and code snippets. Explore new JavaScript array methods to write cleaner and more efficient code. Understand the rise of zero-runtime CSS-in-JS libraries and their benefits for performance and server-side rendering. Additionally, find out about seven essential JavaScript unit testing frameworks that ensure robust applications. Finally, experience the innovation of creating a slider with just one line of JavaScript code, as demonstrated in a concise 5-minute video.

Frontend Weekly: Use one CSS gradient for multiple effects, AI tools for JS code, dive into React Hooks and countdown timer using React, new JS array methods, CSS-in-JS libraries trend, crucial JS unit testing frameworks, and create a slider with one line of code.

Explore the key differences between SaaS and Open Source headless CMS. Find out which option best suits your business in terms of cost, customization, and scalability.

Best Headless CMS: Should You Choose SaaS or Open Source?

This week in Frontend Weekly, we dive into essential resources for front-end developers. We kick off with 'Front-End Development: The Complete Guide', providing a thorough exploration of modern web development tools and techniques. For those interested in design, 'Mastering Elevation for Dark UI' offers insights into creating functional and aesthetically pleasing dark mode interfaces. To improve your programming prowess, don't miss the guide on '10 Habits of Better Programmers', filled with actionable advice to elevate your skills and career. Additionally, we break down the differences between SaaS and Open Source headless CMS options to help you choose the right fit for your business needs. Explore cutting-edge tools with '6 AI Tools for API Testing and Development', which highlights features that streamline  API testing. We also share exciting news about the Vite creator launching a new company focused on enhancing JavaScript toolchains. Lastly, brush up on core concepts with '5 JavaScript Concepts Every Developer Should Know' and learn the quickest method to deep copy objects in JavaScript with our two-minute guide. Don't miss out on these insightful articles that can help sharpen your skills and knowledge in the ever-evolving field of front-end development.

This week, Frontend Weekly covers essential front-end resources including a complete guide to web development, tips to improve programming habits, insights on SaaS vs. Open Source CMS, and AI tools for API development. Discover news about the Vite creator's new venture and essential JavaScript concepts to enhance your skills.

Learn how to manipulate arrays efficiently with one-liners, apply functional programming concepts, and transform data using map, filter for filtering arrays, and reduce for combining elements. This tutorial covers the key differences between foreach and map, how to write cleaner and more efficient code, and when to use these powerful JavaScript methods to improve your development workflow.

How to use map() filter() reduce() | JavaScript Array Methods Tutorial

In this week's issue of Frontend Weekly, we explore how Vite can revolutionize your web development experience by offering features like instant server start and hot module replacement, enabling you to build faster and smoother web apps. We also announce the release of Rsbuild 1.0, a new development platform version packed with improvements for enhanced user experience and efficiency. Delve into the fastest JS color library to understand color accuracy and consistency in digital displays, and uncover how to engage users with dynamic route transitions in Angular apps. Learn how to handle events in Vue 3, improving user interactions by responding effectively to clicks and form submissions. Get started with JavaScript through a comprehensive tutorial designed to teach you the basics, from arrays to promises. Additionally, discover the top 10 CSS libraries that can significantly boost your productivity as a web developer. Finally, refine your JavaScript skills with a tutorial on using map(), filter(), and reduce() to efficiently manipulate arrays and transform data.

Explore Vite's speed for web apps, Rsbuild 1.0's enhanced platform, and the fastest JS color library. Learn dynamic transitions in Angular, event handling in Vue 3, and essential JavaScript and CSS tips in this week's Frontend Weekly.

I'm creating this article for a newsletter, give me a 2 sentence summary of the article.  Make it factual and professional.  Do not mention the article title or source, just the summary of the article.

The best articles, links and news related to Frontend Development delivered once a week to your inbox.