Best of Hashnode2021

  1. 1
    Article
    Avatar of hashnodeHashnode·5y

    18 Awesome Linux Themes For Your Inspiration 🎨😍

    The other day I was browsing Reddit and bookmarked some neat custom-made, one-of-a-kind interfaces from fellow Unix users. I decided to share my findings, so you can get some inspiration, too. To find out the configuration details of each setup, click on the author's username.

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

  3. 3
    Article
    Avatar of hashnodeHashnode·4y

    7 console.log() alternatives

    console.count() is used to check how many times this line has been called. console.assert() is Used to assert that something is truthy. If not, it will log a message to the console.console.group() and console.groupEnd() are used for grouping similar (or different ;) logs together.

  4. 4
    Article
    Avatar of hashnodeHashnode·5y

    100 Things You Should Know as a Software Engineer

    Premature optimization is the root of all evil. It is quite rare that you ever need to build something from scratch. Use code comments to explain why you are doing something. 100% line/branch coverage doesn't mean your code is bug-free. Write your tests to covers all functional requirements, not to cover lines/branches.

  5. 5
    Article
    Avatar of hashnodeHashnode·4y

    25 Must-Visit Killer Websites For Developers

    There are so many websites to make the work of developers easier. In this article, we will see 25 Must-Visit Killer Websites For Developers. DevDocs brings together numerous API documentation in a single, searchable interface. Code Beautify makes your source code more beautiful and easy to read.

  6. 6
    Article
    Avatar of hashnodeHashnode·5y

    🔥 6 Awesome CSS Layout Generators

    6 awesome CSS layout generators/tools that will help you in rapid prototyping and front-end development of CSS layouts for your projects. Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web layouts with this interactive CSS Grid Generator.

  7. 7
    Article
    Avatar of hashnodeHashnode·4y

    Fakeflix, a Netflix Clone built with React, Redux

    Fakeflix is a clone of Netflix's splash animation. The project has been selected and inserted inside the trending repositories for five days in a row. It's a project to learn how to structure a Web App of a mid-level complexity integrating Redux logic and experiment with things like Redux Thunk.

  8. 8
    Article
    Avatar of hashnodeHashnode·4y

    Becoming a web 3 developer

    If you want to advance your career to become a Web 3.0 developer or get started, a structured roadmap will definitely lead you towards your goal. Getting into the Blockchain industry where the average programmer is paid around $ 140,000 per year is probably the best investment you can make as a developer.

  9. 9
    Article
    Avatar of hashnodeHashnode·5y

    How I use Notion while learning programming

    Notion is an application that provides components, such as notes, databases, kanban boards, wikis, calendars and reminders. It has almost anything that you need for project management, note taking (except a scribble feature that I wish there was one) and writing blog posts. I use Notion while learning how to code in various ways.

  10. 10
    Article
    Avatar of hashnodeHashnode·4y

    Transitioning to Web 3.0

    Web 3.0 aims to create an internet where ownership and control are decentralized. It is the latest generation of internet applications and services powered by blockchain technology. Bitcoin is the first truly digital currency and the inspiration for web 3. 0. The concept of the blockchain is similar to a country made up of many cities connected together by a network of roads.

  11. 11
    Article
    Avatar of hashnodeHashnode·5y

    7 Trending projects on GitHub for JavaScript developers

    Web Development for Beginners is a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. D3 is a JavaScript library for visualizing data using web standards. Mammoth is designed to convert .docx documents, such as those created by Microsoft Word, Google Docs, and LibreOffice, and convert them to HTML.

  12. 12
    Article
    Avatar of hashnodeHashnode·5y

    40 "Free Forever" Tools for Developers

    Hrishikesh is co-founder of Flexiple, an exclusive freelance network for developers & designers. He is forever on the lookout for great tools that help him get work done better & easier. Here, he shares the list of his go-to "Free forever" tools.

  13. 13
    Article
    Avatar of hashnodeHashnode·5y

    Full-stack developer roadmap 2021

    A Full-Stack developer is a developer who can manage both Front End and Back End web development. Front-End developers deal with website design, outlook, and make creative websites. Back-End is managed using programming languages like Java, PHP, Ruby, and Python.

  14. 14
    Article
    Avatar of hashnodeHashnode·5y

    Top 10 Programming Practices to Code like a Pro

    Good coding practices will save you time, effort, resources, and a hell lot of headaches. Back up and save your work people!!! If you lose your work just because of a minor issue, then all your hard work, all-nighters and headaches are gonna be for nothing. Write readable and efficient code.

  15. 15
    Article
    Avatar of hashnodeHashnode·5y

    How To Create A Kickass GitHub Profile Page

    In this article, you'll see how to create a catchy, good-looking Github profile page. By the end of the tutorial, your README will automatically with your latest blog articles/YouTube videos. Click on the video below or click this link to watch the tutorial.

  16. 16
    Article
    Avatar of hashnodeHashnode·4y

    My honest opinion on Tailwind CSS

    Tailwind is a utility framework that can be used to optimize and speed up your development. Tailwind should not be used if you don't have medium experience with CSS in general. Even though Tailwind has uniform classes, every website built with it is so different.

  17. 17
    Article
    Avatar of hashnodeHashnode·5y

    How I make CSS Art

    On the third of June 2021, I created my very first CSS art. I decided to write this blog post to illustrate my thought process from the very beginning up until publishing the art on codepen. Hopefully, this will attract more people into creating CSS art and have fun with it.

  18. 18
    Article
    Avatar of hashnodeHashnode·5y

    The best approach to lazy load images for maximum performance

    Native lazy loading for images and iframes was released for Chrome and other major browsers. Image lazy loading is one of the more popular approaches of optimizing websites due to the relatively easy implementation and large performance gain. Around 73% of currently used browsers support this feature which is not bad but we don't want to make the website image content inaccessible and unusable to 27% of potential users.

  19. 19
    Article
    Avatar of hashnodeHashnode·5y

    100 most asked JavaScript Interview Questions and Answers - Part 1

    JavaScript is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. It is most well-known as the scripting language for Web pages, but many non-browser environments also use it, such as Node.js, Apache CouchDB, and Adobe Acrobat.

  20. 20
    Article
    Avatar of hashnodeHashnode·5y

    New JavaScript Features ECMAScript 2021 (with examples)

    ECMAScript 2021 is the version of ECMAScript corresponding to this year. There are some useful and awesome features that have been incorporated. The new feature allows that numeric literals use underscores as separators to help to improve readability using a visual separation between groups of digits. The Promise.any() method returns a promise that will resolve as soon as one of the promises is resolved.

  21. 21
    Article
    Avatar of hashnodeHashnode·5y

    35+ Free Public APIs to Improve Productivity

    The Zoom API is the primary means for developers to access a collection of resources from Zoom. The Twilio Messaging API makes it easy to send and receive SMS and MMS messages and query meta-data about text messages. GIPHY SDK is a top-to-bottom solution for all things GIF in your app.

  22. 22
    Article
    Avatar of hashnodeHashnode·4y

    How to make blob menu using HTML, CSS and JavaScript

    I wanted to make something simple with a little transition animation to make it look cool, so I created this blob menu. I got a lot of positive feedback when I shared it so here is the step-by-step process on how to create it. First, we got the <link> tag which is used to import font awesome icons. We got our menu items Menu icon from font-awesome icons. A "links" div that wraps all the items in the menu in one element to be shown or hidden. JavaScript code to show and hide the menu items and the blob.

  23. 23
    Article
    Avatar of hashnodeHashnode·5y

    The best VS Code extensions to supercharge Git (yes, there’s more than GitLens!)

    Git Graph is the most visually appealing way to interact with Git in VS Code. Git Automator allows you to add and commit files with a shortcut. Git Urgent lets you git add all, commit and push with one command. Git Tree Compare compares your working tree against a branch, a tag or commit.

  24. 24
    Article
    Avatar of hashnodeHashnode·5y

    7 Essential Books for Programmers

    The Pragmatic Programmer offers tips on improving your programming output. Charles Petzold’s code is an entry point to all things tech, and it is necessary to complete your education as an accomplished programmer. The book is not a one-time read, but rather a workshop in good practices. The tips are practical and best learned through practice.

  25. 25
    Article
    Avatar of hashnodeHashnode·5y

    I Learn Full Stack Development Again

    The "Full Stack Open" course aims to introduce people to modern web application development with JavaScript. The main focus of the course is on teaching you how to build single page applications with React that use REST/GraphQL APIs built with Node.js. In this series, I will write about my progress, struggles, wins and learnings regarding my journey to Full Stack Development.