Best of Web DevelopmentDecember 2021

  1. 1
    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.

  2. 2
    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.

  3. 3
    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.

  4. 4
    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.

  5. 5
    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.

  6. 6
    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.

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

    How to Get Started As a Front-end Web Developer in 2022 (Complete Roadmap with Free Resources)

    How to Get Started As a Front-end Web Developer in 2022 (Complete Roadmap with Free Resources) A guide on how to become a front-end web developer in 2022. Salvor Pirenne: There are plenty of amazing free resources you can learn from.

  8. 8
    Article
    Avatar of ghblogGitHub Blog·4y

    5 automations every developer should be running

    GitHub Actions offers thousands of pre-written, community-built tests and automations that range from code quality to code review to testing. CodeQL finds security advisories across coding languages and packages, and then automatically displays them in your repository’s security tab. Run npm test in your workflows to push the latest and greatest software.

  9. 9
    Article
    Avatar of honeypotHoneypot·4y

    The Ugly Truth About Coding Bootcamps

    For all their bad rep, bootcamps actually work. Bootcamps teach how to code and bring that knowledge to the workplace. The median age for bootcamp students is 31, and, according to data, most have a Bachelor’s degree. 79% of bootcamp attendees got a job 180 days after finishing their course.

  10. 10
    Article
    Avatar of sitepointSitePoint·4y

    5 Reasons You Should Adopt a Micro Frontend Architecture

    Micro frontends are an architectural approach to frontend development that has become increasingly popular. This could easily represent the future of frontend web development, and this is why learning the main benefits that such an architecture can bring to your applications and development team is critical. My team and I have been using this approach for two years, and it’s time to share everything we have learned.

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

  12. 12
    Article
    Avatar of vercelVercel·4y

    The future of Svelte, an interview with Rich Harris – Vercel

    Svelte has been voted the most loved Web framework with the most satisfied developers. In this 45-minute interview, hear Rich Harris talk about his plans for the future of the framework. Other topics include funding open source, SvelteKit 1.0, the Edge-first future, and more.

  13. 13
    Article
    Avatar of devgeniusDev Genius·4y

    Micro-Frontend Architecture With Angular

    Micro-frontends are small applications mostly divided by subdomain or functionality working together to deliver a larger application. Each app can be implemented by a separate team and any framework. Apps development becomes faster and easier because of separate teams. CI/CD Becomes easier and this makes theCI/CD process a lot easier. No Shared applications, we tend to share code across features but this doesn't scale well and introduces a lot of bugs.

  14. 14
    Article
    Avatar of towardsdevTowards Dev·4y

    A practical guide into DevOps as a back-end engineer

    How to set up a digital ocean droplet, a GCP instance, or an AWS EC2 instance. Decide which cloud platform you will use then select the link for a walk-through on how to get started. Use docker-compose to build, deploy, run, update, and stop containers using simple commands.

  15. 15
    Article
    Avatar of dzDZone·4y

    8 Amazing Benefits of Vue.js That Can Make Your Dev Life Easy

    Vue.js is a highly advanced JavaScript framework that allows developers to build interactive user interfaces. It is mostly preferred to build single-page applications (SPAs), rightly because it offers cutting-edge development features. It provides super convenient features to build applications quickly, without going into many technical hassles. It also provides flawless features to support cross-platform development.

  16. 16
    Article
    Avatar of logrocketLogRocket·4y

    Top WebSocket libraries for Node.js in 2022

    WebSockets are a computer communications protocol that provide data and information between two parties over a single connection. WebSockets provide an open connection between the server and the client, allowing for easy, immediate, two-way communication. In this article, we’ll discuss eight Node.js WebSocket libraries that you should consider in 2022.

  17. 17
    Article
    Avatar of ghblogGitHub Blog·4y

    GitHub’s top 10 blog posts of 2021

    GitHub Blog is highlighting some of the incredible work from GitHub’s engineers, product teams, and security researchers during 2021. If you’re looking for inspiration as we head into the new year, take a look at the top 10 posts published in 2021.

  18. 18
    Article
    Avatar of devdojoDevDojo·4y

    How to become a web developer in 2022, with coach Gandalf

    In this blog post, I'll be discussing why you shouldn't trust on new year's resolutions, how overrated motivation is, and tools to help you succeed in the path of learning web development. I will ask coach Gandalf for his opinions on different topics and he will pour his wisdom and bluntness over us during the whole post.

  19. 19
    Article
    Avatar of devtoDEV·4y

    How I built 4 blogs in 15 minutes

    Static Site Generators (SSGs) are a quick and easy way to get a simple blog up and running in just a few minutes. Next.js is a JavaScript framework built on top of React, a JavaScript library for building user interfaces. Gatsby is another React-based SSG which also integrates GraphQL and Netlify as a CMS. Hugo is different from the previous two SSGs in that it's not React- based, but written in Go.

  20. 20
    Article
    Avatar of dzDZone·4y

    Top 7 Web Development Languages To Use In 2022

    Today, web development is seemingly a promising job. If you are a newcomer in this field, the nuisance here is where to start or which web development languages you should learn. This article from Designveloper will well equip you with fundamental knowledge so that you can choose the right language for future jobs.

  21. 21
    Article
    Avatar of devtoDEV·4y

    Why TurboRepo Will Be The First Big Trend of 2022

    TurboRepo was acquired by Vercel recently and I caught up on Jared Palmer's excellent intro demo to see what the fuss is all about. Here are quick notes for those too busy to view the whole thing, followed by personal reflections at the end. In 1976, Stuart Feldman made Make, the build system that secretly runs ~all open source tools. @Vercel snapped it up last month.

  22. 22
    Article
    Avatar of logrocketLogRocket·4y

    Building a Vue 3 component library

    component libraries are a great way to collect common UI solutions into a package that you can reuse across your own projects or share with the Vue open-source community. To create a component library, we will not use the normal scaffolding process of Vue.js projects, i.e., Vue CLI. We will instead create a project folder from scratch where we’llinitialize npm and Git.

  23. 23
    Article
    Avatar of devtoDEV·4y

    I share my Notion template with over 440 pages of web development content

    Using Notion to organise programming topics. Over 440 pages containing over 270 HTML and CSS related questions to practice your knowledge in a spaced repetition manner. Information about CSS, HTML, JavaScript, ReactJS, Ruby on Rails, SQL, and more! Cheatsheets and links to free tutorials and courses.

  24. 24
    Article
    Avatar of thisdotThis Dot·4y

    Building full-stack React apps with Next.js API routes

    Next.js provides API routes that allow developers to create API endpoints using the Next.js folder structure. We can use API routes to build either a RESTful API, or a GraphQL API. API routes go in the pages/api directory of a Next.JS project.

  25. 25
    Article
    Avatar of devtoDEV·4y

    CSS Hover Effects

    Hover Effects Using CSS For Beginners by Kiran Raj R. All the animations are included in this codepen collection. All these are experimental, accessibility is not consider as these are not developed keeping production scenario in mind. I would like to have your feedback to these effects.