As front-end developers, we often learn CSS by focusing on individual properties. Instead, we should focus on how the language uses those properties to calculate layouts. In this blog post, we'll pop the hood on CSS and see how the language is structured, and how to learn it effectively.
In this article, Louis Lazaris describes and demonstrates some interesting HTML attributes that you may or may not have heard of and perhaps find useful enough to personally use in one of your projects.
Everything you need to know about props in React. How to pass props to components, how to set default props, how to know the difference between props and state, and how to pass components or functions as props!
Largest Contentful Paint (LCP) is an important, user-centric metric for measuring perceived load speed because it marks the point in the page load timeline when the page's main content has likely loaded—a fast LCP helps reassure the user that the page is useful. In this article we can learn a few ways to optimise our LCP.
Serverless and Lambda are among our favourite pieces of tech (this whole neswletter is built with Serverless and Lambda!). In this article, you can learn how to create and deploy Lambda functions with Node.js and AWS SAM in this introduction to AWS Lambda.
When you build Single Page Applications (SPAs), most often you have ways to pre-render the content of a page for the server and then, once the page is loaded in the browser, the client side application will walk the DOM and add all the interactive bits and pieces. This process is called hydration and it is much more complicated than it seems. Many frameworks have tried to tackle this problem correctly for years and in this article you can get a good summary about what works and what doesn't!
Book of the week
Learning PHP, MySQL & JavaScript: With jQuery, CSS & HTML5
by Robin Nixon
The fully revised, updated and extended 4th edition of the hugely popular web development book - includes CSS, HTML5, jQuery and the mysqli extension. Build interactive, data-driven websites with the potent combination of open-source technologies and web standards, even if you only have basic HTML knowledge. With this popular hands-on guide, you'll tackle dynamic web programming with the help of today's core technologies: PHP, MySQL, JavaScript, jQuery, CSS, and HTML5.