Best of HashnodeAugust 2021

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

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

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

  4. 4
    Article
    Avatar of hashnodeHashnode·5y

    From zero to Web developer

    Web development is the work involved in developing a website or a web application. There are multiple paths you can take while learning web development. This is the one I would take if I had to do it all over again. These steps are going from the very beginning, so it's suited for beginners.

  5. 5
    Article
    Avatar of hashnodeHashnode·5y

    Javascript Clean Code Tips & Good Practices

    Code should be written in such a way that is self-explanatory, easy to understand, and easy to modify or extend for the new features. Don't turn naming into a riddle game. Use default arguments instead of short-circuiting or conditionals. The smaller the function the better it is to understand and refactor.

  6. 6
    Article
    Avatar of hashnodeHashnode·5y

    I Built A SaaS Startup In 2 Months, Here's What I Learned.

    Upsocial aims to be an all-in-one social media dashboard built for content creators. It uses social media API's to track and store your profile and content growth over time, and display that information in a simple dashboard. Upsocial uses all of my favourite technologies, and is 100% serverless. It takes advantage of some of the same technologies that Hashnode utilizes too!

  7. 7
    Article
    Avatar of hashnodeHashnode·5y

    20 Mental Health Tips for Developers

    Mental health has been a major concern in the remote work environment. We've heard about boosters for mental health but we have forgotten about the root. Communities like hashnode enable us to adopt a friendly culture that boosts our minds. The problems cannot be cured by medicines and tranquilizers but only possible with the right people and community.

  8. 8
    Article
    Avatar of hashnodeHashnode·5y

    The best VS Code extensions for remote working

    The best VS Code extensions for remote teams. Real-time cross-IDE collaboration, merge conflict detection and video calls. Codetour allows you to record and playback guided walks of the codebase. GistPad is a great way to create code snippets, notes, or tasks lists.

  9. 9
    Article
    Avatar of hashnodeHashnode·5y

    How I built Rozbnb 🛌 with Next.js , Tailwind CSS, Styled Components , Stripe💰 and Auth0 🔒

    A few weeks ago a great youtuber called Sonny Sangha hosted a 5day challenge of cloning Airbnb. After strategizing I planned to make that clone into a better website with authentication , animation , better UI and so on. The Motivation: I was exploring Auth0 for my website's Authentication so I came across this amazing Hackathon which was hosted by Auth0 and @Hashnode.

  10. 10
    Article
    Avatar of hashnodeHashnode·5y

    How To Enable Real-Time Merge Conflict Detection in VS Code

    GitLive has an early warning system for merge conflicts. It will show you where your teammates have made changes compared to your version of the file. It can even update in real-time as you and your teammates are editing. For simple conflicts this can be a quick way to resolve them as identical changes on different branches will merge cleanly.

  11. 11
    Article
    Avatar of hashnodeHashnode·5y

    Let me introduce you to Inertia.js, something you didn't know you were missing

    Inertia.js is a package built for Laravel allowing people to develop single-page applications without building an API. Inertia allows you to create client-side rendered apps, using React, Vue or Svelte by leveraging existing server-side frameworks.

  12. 12
    Article
    Avatar of hashnodeHashnode·5y

    10 lessons I've learned as a Software Engineer at Postman

    Vinit Shahdeo joined Postman as an intern two years ago. Three months ago, he was promoted to Software Engineer II. He shares what he's learned so far, both professionally and personally. If you're just starting out your career, the lessons below might be helpful.

  13. 13
    Article
    Avatar of hashnodeHashnode·5y

    useful vscode shortcuts

    VSCode is one of the most popular editors for web development. When writing code, we often require certain formatting actions, and a lot of them are supported by VSCode itself. Having hands-on keyboard shortcuts can help improve your coding speed by a lot.Default shortcuts are for Mac, while shortcuts for Windows and Linux are mentioned below.

  14. 14
    Article
    Avatar of hashnodeHashnode·5y

    visualize and learn JavaScript promise APIs

    Promiviz is an open-source tool to try out the promise methods in intuitive ways. It captures the log of each of the operations so that your understanding gets firmed as you use it. In this article, we will learn the Promise API methods using the PromiViz tool.

  15. 15
    Article
    Avatar of hashnodeHashnode·5y

    How To Enable Real-Time Merge Conflict Detection in IntelliJ

    IntelliJ has an early warning system for merge conflicts. If enabled there will be change indicators in the gutter of the editor. These will show you where your teammates have made changes compared to your version of the file. They can even update in real-time as you and your teammates are editing.

  16. 16
    Article
    Avatar of hashnodeHashnode·5y

    🔥 Top 7 JavaScript Array sort() Method Use Cases

    The sort() method sorts the elements of an array and returns the sorted array, and no copy is made. The default sort order is ascending. In this article, we will see how we can utilise its power to the fullest. We can sort a simple array of strings using a functionless array sort()method like this.

  17. 17
    Article
    Avatar of hashnodeHashnode·5y

    Differences between arrow function and regular function in JavaScript

    JavaScript functions can be defined in many ways. One can use the right syntax for specific needs by understanding the differences. In this blog, I will discuss some main differences between regular functions and arrow functions. The value of this in case of arrow function is considerably different from that of regular function. Arrow function doesn't define it's own context of execution. The arrow function implicitly returns this expression without the use of the return keyword.

  18. 18
    Article
    Avatar of hashnodeHashnode·5y

    Building a Restful CRUD API with Node JS, Express, and MongoDB

    An API is a software interface that enables two apps to communicate with one another. 60% of eBay transactions are via their API. We’ll be building a RESTful CRUD (Create, Retrieve, Update, Delete) API with Node.js, Express, and MongoDB. Create a new folder named nodejs-api and open it in any Code Editor.

  19. 19
    Article
    Avatar of hashnodeHashnode·5y

    GitLive 14.0: Codeshare without calling, view teammate's pushed changes, and more

    The latest version of Git is available on all versions of the operating system. New features include the ability to see and edit changes in a new window. The ability to share changes in the same window as the previous version of the software. A new tool that lets you see and comment on changes to the code you're working on.

  20. 20
    Article
    Avatar of hashnodeHashnode·5y

    Top Facebook Behavioral Interview Questions (Part 2)

    This article is the second part of the series on Top Facebook Behavioral Interview Questions. In the first part, we discussed the following:Introduction to Facebook behavioral Interview (Jedi Round) Tell me about a time you disagreed with someone Tell meabout a time. you showed leadership. Tell me. about the project that you are most proud of. Tell us about yourself? Why do you want to leave your current role? Do you have any questions for me?

  21. 21
    Article
    Avatar of hashnodeHashnode·5y

    React isn't fast, let's learn why

    ReactJS was created in a way that just re-renders the entire component to deal with data inconsistency after any update to the state in the component or its child. Virtual DOM is a DOM-like structure that can be updated easily as changes in this virtual DOM aren't tied to a browser screen that also needs to be updated.

  22. 22
    Article
    Avatar of hashnodeHashnode·5y

    How to See Which Branch Your Teammate is on in Webstorm

    GitLive lets you see which of your teammates are working on an issue. It also shows you what branch they are on and the name of the issue. If an issue has been connected to the branch you’ll see the issue name instead, if that's the case just hover your cursor over it.

  23. 23
    Article
    Avatar of hashnodeHashnode·5y

    🔥 JavaScript Array sort() Method Use Cases

  24. 24
    Article
    Avatar of hashnodeHashnode·5y

    JavaScript async and await

    This is the third article in the series, Demystifying JavaScript Promises. We are going to discuss the use-cases and chances that we may use them together. The understanding of promises is the essential part of appreciating the existence of async/await. We will also discuss how to use the catch() method in the promise chain.

  25. 25
    Article
    Avatar of hashnodeHashnode·5y

    HTML Email Template for beginners

    The knowledge I have gained over the past 6-10 months, to create beautiful and compatible HTML email for my company’s campaigns. You can refer the below link for all the CSS properties which you can use while creating any email template. There is one easiest way to create an email template by using table HTML element.