Best of Web Development — September 2021

1. 1
   Article

   DEV·5y

   Clean Architecture on Frontend

   The Clean Architecture is a way of separating responsibilities and parts of functionality according to their proximity to the application domain. It is often referred to as a three-layer architecture, because the functionality in it is divided into layers. In this post we'll talk about what the clean architecture is in general and get familiar with such concepts as domain, use case and application layers. Then we'll discuss how this applies to the frontend and whether it's worth it at all.

   369

   25
2. 2
   Article

   DevDojo·5y

   10+ Projects You Can Do to Become a Frontend Master

   Learn about firebase, authentication, real-time database and etc. by building a chat app. Build a blog and share content regularly to increase your online presence. Learn about styled-components, routing in Next JS, implementing MDX, and using dynamic routes. Use Spotify 2.0, your own Spotify version.

   281

   23
3. 3
   Article

   JavaScript in Plain English·5y

   How to Set Up Your Programming LinkedIn Profile

   If you want to get hired as a web-developer, you need a LinkedIn profile. According to research, 87% of recruiters use LinkedIn regularly. LinkedIn uses keywords in various areas of your profile to determine if you’re a relevant result when a potential employer/recruiter is searching.

   176

   9
4. 4
   Article

   Bits and Pieces·5y

   9 Best Practices for Optimizing Frontend Performance

   Most of the websites fail to deliver a satisfactory user experience due to poorly optimized frontends. Minification of HTML, CSS, and JavaScript will speeds up the frontend load times as it reduces the amount of code that needs to be requested from the server. Using CSS Sprites is one of the easiest ways to reduce the number of server calls.

   102

   2
5. 5
   Article

   freeCodeCamp·5y

   Learn Vue 3, a Front-End JavaScript Framework

   Learn Vue 3, a Front-End JavaScript Framework for the Web. Learn more about Vue on the Vue website. See more Vue articles on CNN.com. Follow us on Twitter @vue3 and @jennifer_carnes.

   58

   2
6. 6
   Article

   Product Hunt·5y

   Backlight - Make Design Systems that teams front-end want to use

   Backlight is a unique collaborative platform to build Design Systems code-side. Everything in one place, in a true collaborative workspace. Try backlight.dev! Back to Mail Online home. Back to the page you came from. Share your design ideas with the rest of the team.

   45
7. 7
   Article

   DZone·5y

   10 Web Development Trends For Product Owners To Know in 2021

   Running a web project has become more difficult. CTOs and Product Owners can feel FOMO (fear of missing out) We will consider the latest web development trends and innovations. Preference will be given to the technology stack that enables you to shorten development times, increase performance and security.

   39
8. 8
   Article

   Product Hunt·5y

   Animated Backgrounds - Collection of 30+ animated backgrounds for websites and blog

   With Animated Backgrounds, you can easily set a simple, beautiful background animation on your websites and blogs. This is a collection of some impressive animated backgrounds created by various coders on Codepen. Embed this background on your website or blog to make it look better.

   36

   2
9. 9
   Article

   Bits and Pieces·5y

   Micro Frontends: 5 Common Mistakes to Avoid

   Micro Frontends can either make your applications flexible and robust or become an overhead and hinder the growth of your project. Many developers often misunderstand the idea of Micro Frontends and get into trouble. In this article, I will go through some of these common mistakes so that you can avoid them whenever possible.

   36

   2
10. 10
    Article

    Smashing Magazine·5y

    Interactive Learning Tools For Front-End Developers — Smashing Magazine

    interactive coding tools and games to help you learn CSS, JavaScript, SQL, React, Vim, regular expressions, Jamstack and pretty much everything in-between. Interactive Learning Tools For Front-End Developers are curated by SmashingMag's John Defterios. The list includes games that teach you about different parts of the flexbox specification.

    36

    3
11. 11
    Article

    freeCodeCamp·5y

    JavaScript Rest vs Spread Operator – What’s the Difference?

    Oluwatobi Sofela: My interest is to make you sweeter for all. Oh, sweet programming, my interest was to make your sweetheart sweeter. Oluwatomi Sofela is a Nigerian television presenter and writer. She is based in Lagos, Nigeria.

    31

    2
12. 12
    Article

    Product Hunt·5y

    OpenVSCode Server - VS Code in the browser for everyone

    Run the latest VS Code on a remote machine accessed through a modern web browser - from any device, from anywhere. The open-source project is officially backed by GitLab, VMware, Uber, SAP, RStudio, Sourcegraph and many others. Embed your own code.

    29
13. 13
    Article

    SitePoint·5y

    Yarn vs npm: Everything You Need to Know

    In this tutorial, we’ll compare Yarn vs npm — the two most popular package managers. A package manager is a tool that automatically handles a project’s dependencies in a variety of ways. With Yarn, we can install, uninstall, update, and upgrade packages, configure project settings, run scripts, and so on.

    28

    1
14. 14
    Article

    LogRocket·5y

    5 web APIs that add mobile functionality to your project

    In this article, I’ll be exploring some of my favorite APIs that provide mobile-friendly functionality. This can include anything from social media shares and clipboard operations to contact, speech, and notifications functionalities. In this section, we will explore five unique APIs that you might need for your next project.

    28
15. 15
    Article

    Smashing Magazine·5y

    Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study) — Smashing Magazine

    We made the switch from a more traditional integrated e-commerce platform to a headless platform with Next.js. Here are the most important lessons learned while rebuilding a large e- commerce site with next.js, including how to build a site from the ground up.

    27

    2
16. 16
    Article

    Chrome Developers·5y

    New in Chrome 94

    The default color space for <canvas> elements is now formally defined in the spec as SRGB, and you can change it to Display P3. WebCodecs is a new, low level way to access built in audio and video codecs, important for streaming games, video editors, and such. The PWA Summit is coming up October 6-7.

    25

    1
17. 17
    Article

    Stack Overflow Blog·5y

    Level Up: Introduction to TypeScript

    25

    1
18. 18
    Article

    CSS-Tricks·5y

    I completely ignored the front end development scene for 6 months. It was fine

    The number of languages and frameworks you know matters very little. What actually matters is your ability to up-skill quickly and effectively. If you focus on: learning how you best learn, andpracticing effectively communicating the things you've learned you can't go wrong. I wouldn't trade that experience for anything.

    24

    3
19. 19
    Article

    DZone·5y

    Top 5 Software Development Trends In 2021

    The year 2020 was a defining moment for the software development community, with numerous practical achievements in a variety of fields. Every year, new software development technologies emerge, and standing still is no longer a viable option. In turn, becoming a leader in trending software technologies seems to be the only way to gain a competitive advantage.

    23
20. 20
    Article

    Hashnode·5y

    Skills You Need to Become a Front End Developer in 2021

    Front End Developer is a person who sets up the UI and tone of a site and translates the designs given by the product team. A front-end developer works on optimizing the performance of the site and components. Frontend development might be easy to learn but it takes time to master, especially on larger products.

    23

    1
21. 21
    Article

    LogRocket·5y

    Full-stack Rust: A complete tutorial with examples

    We’ll build a pet owner app that enables the user to add owners and their pets. We’re using the warp web framework to build the REST-based backend. We add some utility libraries for routing and error and JSON handling, as well as an internal dependency to our common library, which will hold the code shared between the frontend and backend.

    23
22. 22
    Article

    asayer·5y

    Front-end monitoring with Sentry.io and React

    22

    1
23. 23
    Article

    Flavio Copes·5y

    How to become a Web Developer in 2021

    The next edition of the bootcamp will be in Q2 2022 and will contain the first part of this program. The advanced boot camp will take place in Q3 2022. How do you become a Web Developer in 2021? In this post I’ll tell you what I would do.

    21

    1
24. 24
    Article

    Hashnode·5y

    6 Ways to Host Your React JS App For Free

    Choosing a hosting provider for your app is very important, as your website performance depends on it. Here are some popular and free hosting services, that you can use to deploy your react app. Deploying an application created with a framework like React, Vue, or Angular differs significantly from deploying a website built with HTML, CSS, and JavaScript.

    19
25. 25
    Article

    Chrome Developers·5y

    What's New In DevTools (Chrome 95)

    DevTools added an easier yet flexible way to update lengths in CSS. The Command Menu user interface is now enhanced. Lighthouse will now detect if the Largest Containful Paint (LCP) element was a lazy-loaded image. You can now click to read the DevTools release notes in 6 other languages.

    18