Best of Web Development — 2021

  1. 1
    Article
    Avatar of devtoDEV·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.

  2. 2
    Article
    Avatar of itnextITNEXT·4y

    🔥 Frontend Interview Cheatsheet That Helped Me Get Offers From Amazon & LinkedIn

    Vitalii Shevchuk: Frontend Interview Cheatsheet That Helped Me Get Offers From Amazon & LinkedIn. If you are preparing for a frontend interview and want to quickly refresh your frontend domain knowledge, this cheatsheet will save you a lot of time. Enjoy reading, and feel free to dive deeper by clicking the topic link.

  3. 3
    Article
    Avatar of daily_updatesdaily.dev Changelog·5y

    Announcing daily.dev 3.0 🦄

    Daily.dev 3.0 is the fastest version we have ever created. The browser extension is getting a serious revamp with a brand new UI. The new design aims to improve accessibility and make it easier to use daily.dev on both desktop, tablet, and mobile. In the coming weeks, we will ship a new set of features and improvements.

  4. 4
    Article
    Avatar of devdojoDevDojo·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.

  5. 5
    Article
    Avatar of systemweaknessSystem Weakness·4y

    How To Hack Any Website

    Niveet Palan explains how to hack any website. He covers Subdomain enumeration, Authentication bypasses, IDOR vulnerability, File Inclusion, SSRF, Cross-site Scripting, Command Injection. This is the third and final installment to this series.

  6. 6
    Article
    Avatar of hashnodeHashnode·4y

    Using Notion to organise programming topics

    Commonplace books (or commonplaces) are a way to compile knowledge, usually by writing information into books. Commonplaces are used by readers, writers, students, and scholars as an aid for remembering useful concepts or facts. Notion is my preferred tool to implement a commonplace book for code related knowledge.

  7. 7
    Article
    Avatar of devtoDEV·4y

    Mac OS for the Web!

    Mac OS emulator on the Web is an open-source project on Github. It has programs like Notes, Calculator, Terminal, VScode, and other apps and features on this website. The website has PWA (Progressive Web Apps), which with this feature we can install it on any operating system.

  8. 8
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·4y

    10 Best Websites for Practising and Perfecting Front-End Development

    10 Best Websites for Practising and Perfecting Front-End Development. Muthu Annamalai Venkatachalam has compiled a list of the 10 best sites to practice your front-end skills. You will reinforce everything you have learned through tutorials and become a more competent front- end developer by using these websites.

  9. 9
    Article
    Avatar of hnHacker News·4y

    HTTP/3 is Fast

    HTTP/3 is a new version of the HTTP protocol. It uses a new protocol called QUIC. QUIC is meant to address the head-of-line blocking issues with HTTP/2. The benchmarks show that the new protocol is much faster than the old one.

  10. 10
    Article
    Avatar of devtoDEV·5y

    Top 5 JavaScript animation libraries 2021

    Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. Vivus allows you to animate SVGs, giving them the appearence of being drawn. Typeit.js allows creating awesome typing animation in your website. ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects.

  11. 11
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Learn Responsive Web Design by Building 20 Projects – a Major freeCodeCamp Curriculum Update

    The Responsive Web Design Certification is the first of freeCodeCamp's 10 currently-live certifications. Instead of coding lessons, you'll learn concepts and syntax through a series of 15 practice projects + 5 certification projects. The full certification will take most web development beginners around 300 hours to complete.

  12. 12
    Article
    Avatar of jsPlainEnglishJavaScript 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.

  13. 13
    Article
    Avatar of devtoDEV·4y

    10 YouTube channel you need to subscribe.

    If you are a programmer/web developer then you definitely should follow these YouTube channel. The list is not in any specific order. It is not a list of all the best web developers. It's just a collection of some of the best YouTube channels of all time. For more information on these channels click here.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Learn all about Micro-Frontends

    Micro-frontends is a method to build a website or web app as a composition of features which can be created and worked on separately. Jack Herrington created this course. Jack has worked as a principle engineer and is an excellent teacher. Jack will take you from just starting out, to understanding asynchronous loading, error handling, shared state, cross platform micro- frontends, how to route multiple applications together, and even how to test micro-frontend code.

  15. 15
    Article
    Avatar of devtoDEV·5y

    The Ultimate Cheat sheet List For Web Developers

    Cheat sheets are a great way to help you remember all the things you need to know about Web development. These cheat sheets include HTML, CSS, and JAVASCRIPT. Cheatsheets can also be used to teach you how to structure tables, lists, forms.

  16. 16
    Article
    Avatar of devdojoDevDojo·4y

    Free 100+ MERN / MEAN Stack resources

    I have gathered all the resources that you will require to become a MERN or MEAN stack developer. All these resources will include Articles, Videos, Course, Websites, Tutorials, Books etc. And everything is FREE. You should know the basics of HTML, CSS AND JS.

  17. 17
    Article
    Avatar of phProduct Hunt·5y

    Frontend Toolbox - A list of handpicked resources for frontend developers

    There are lots of tools to choose from, and it’s hard to find the right ones. So I created this list – so you save time by easily finding the best stuff out there. Embed this post on your site and share it with your friends.

  18. 18
    Article
    Avatar of devtoDEV·4y

    Python + JavaScript = 🔥🔥🔥

    Python can be a superior option to Node.JS for some tasks. But we don't want to switch to Python just because of that one feature. We can use child process in Node. JS to run a python script when needed. And if we want we can pass data to our python script also.

  19. 19
    Article
    Avatar of daily_updatesdaily.dev Changelog·5y

    daily.dev mobile-friendly web app is here 🔥

    We are launching a mobile-friendly web app of daily.dev (check it out - app.daily.dev)! Our team has worked hard to help our developer community stay updated wherever they want. We're on Product Hunt today so make sure to show us your love: http://www.producthunt.com/posts/daily-dev-2.

  20. 20
    Article
    Avatar of devdojoDevDojo·4y

    Using Notion to organise programming topics

    When it comes to software development, having a commonplace book is one of the best things we can do to keep track of things, and to help not forget concepts. Notion is my preferred tool to implement a commonplace books for code related knowledge. I divide my notes into the following parts:Core topics,Study and practice,App and business ideas, andSimplification. The note will be highlighted, and when I am looking for what I'm looking for I would be able to open it and see.

  21. 21
    Article
    Avatar of medium_jsMedium·4y

    Remaking WordPress in JS stack. Hello to a new CMS for Next.js websites.

    Cromwell CMS is a free and open-source CMS for Next.js websites. It is a set of packages and services that can be installed and launched independently. It inherits the advantages of microservice architecture, and it’s much easier to update the CMS simply via running one node command.

  22. 22
    Article
    Avatar of gcgitconnected·5y

    Building a Video Chat App with Node.js + Socket.io + WebRTC

    Building a Video Chat App with Node.js + Socket.io + WebRTC Taran Arora shares his tips on how to build a video chat app using JavaScript and NodeJS. It will also show you how to use PeerJS,WebRTC, and Nodemon to build the app.

  23. 23
    Article
    Avatar of devtoDEV·5y

    Skills required to be a full stack developer: a checklist

    The skills list required to be a full stack developer is long and it can be hard to know exactly what skills you need. The often shared online resource for this kind of thing is roadmap.sh but, while it is extensive, I think the amount covered here is too much to be helpful to new developers. I have my own list, it’s a bare minimum required skills list and it looks like this:

  24. 24
    Article
    Avatar of geekcultureGeek Culture·5y

    Top Front-End Development Trends You Should Follow in 2021

    Front-end development standards and trends change faster than they can be implemented. JavaScript will continue its Reign as the most popular programming language in the world. Single Page Apps (SPAs) are not SEO-friendly which is critical for growing your online businesses. Gatsby is the single fastest-growing framework, according to the Gatby Market Report (May 2021)

  25. 25
    Article
    Avatar of bitBits and Pieces·5y

    7 Tools for Faster Frontend Development in 2022

See all Web Development archives