Best of HashnodeOctober 2020

  1. 1
    Article
    Avatar of hashnodeHashnode·5y

    5 Ways To Customize VS Code

    The beauty of Visual Studio Code is how easy it is to customize. I've spent tons of time learning how to optimize VS Code for me, so I wanted to share how you can do it too. Let's look at 5 different ways you can customize your VS Code. Themes are probably the first and easiest way to customize VS Code to look much nicer. Extensions add a lot more than just aesthetics.

  2. 2
    Article
    Avatar of hashnodeHashnode·5y

    40 Amazing Developers You Should Follow On Youtube

    There are some of the most amazing developers that will teach you everything you need to know for HTML, CSS and JS. If you want to learn anything from React, Angular, Vue or even NodeJS, Mongo, AWS and much more, there are great people to follow here.

  3. 3
    Article
    Avatar of hashnodeHashnode·6y

    21 Awesome DEV portfolios for your inspiration

    The internet is full of portfolios, and getting an employer’s attention in today's marketplace can be quite a challenge. Here I have compiled a nice list of 21 awesome DEV portfolios to inspire you to build or upgrade yours. Enjoy! I hope you enjoyed the read! Feel free to follow me on Twitter, LinkedIn, GitHub, Hashnode and DEV!

  4. 4
    Article
    Avatar of hashnodeHashnode·5y

    28 Creative 404 pages for your Inspiration 🧙‍♂️✨

  5. 5
    Article
    Avatar of hashnodeHashnode·5y

    Top 42 React resources every developer should bookmark [Latest]

    Every developer needs resources to learn React. There are an immense number of resources both free and paid from where you can take some inspiration, learn new concepts or just listen to some podcast. Here are some of the best ones out there which you as a React dev should bookmark and use it as a reference whenever needed.

  6. 6
    Article
    Avatar of hashnodeHashnode·5y

    How to become a Kickass Web Developer in 2021 [Frontend & Backend Tips]

    Web development is a domain where the work is involved in developing (or building) a website (ora web app) for the internet. Without knowledge of the web, you can't become a good developer. These are some of the tips all web devs should have whether you're a full-stack or a front-end dev.

  7. 7
    Article
    Avatar of hashnodeHashnode·6y

    50 Essential Tips for Every Developer.

    Whether you are starting to program or you are twenty years into your career, there is something here for you. You are never ready. That's the fun part. Just start! You'll figure everything out automatically. Asking for help is not a sign of weakness. Quit looking for perfection.

  8. 8
    Article
    Avatar of hashnodeHashnode·5y

    Let's build a video conferencing app

    In this article we will see how to build a video conferencing app. We will be using the following libraries:React Nodejs simple-peer socket.io chance.js yarn add express socket .io. In /home we will give the option to create room or join room. in /room/:roomId is where we will render the video streams from multiple users.

  9. 9
    Article
    Avatar of hashnodeHashnode·6y

    Convert your Website into an APP with 3 easy steps

    Progressive Web Applications are a technology built by Google developers. They allow developers to add native looks and some features like offline load & Push Notifications to your website. These are the three files needed to convert your current website into an installable PWA. You can use WorkBox API for service worker as its very simple.

  10. 10
    Article
    Avatar of hashnodeHashnode·5y

    An easy React 17 + TypeScript + Tailwind CSS + NextJS setup

    NextJS is becoming a de facto framework for modern web development. In this article we will build a starter repo that you can use for every new project. We'll add the TypeScript packages first, so later we can immediately add the typings. First, we'll need to install the tailwindcss package. Then we'll create a new file for the types file.

  11. 11
    Article
    Avatar of hashnodeHashnode·6y

    24 modern ES6 code snippets to solve practical JS problems

    Here I have hand-picked some of the most useful code snippets from 30 seconds of code. It's an awesome resource, go ahead and show it some love. In this article I tried to sort them based on their practical use, answering common questions you may face in your project.

  12. 12
    Article
    Avatar of hashnodeHashnode·6y

    Dark Mode in CSS (toggle)

    Invert() function is used with filter property to invert the color samples. hue-rotate function is also used to rotate the hue of an element and its contents. Invert() requires an argument to be passed to it. This argument can be either a percentage value or a number.

  13. 13
    Article
    Avatar of hashnodeHashnode·6y

    Remove unused npm modules in less than 30 seconds!

    Go to the project's root folder and run the below command. It will display all the unused packages in your project. To uninstall a module simply run the following command:npm uninstall <package> or npm depcheck <package name and size of your project.

  14. 14
    Article
    Avatar of hashnodeHashnode·6y

    5 Useful VSCode Extensions You Don’t Know About

    I’ve been using VSCode for 4 years from its beta and installed over 50+ extensions. Here is the list of my 5 useful extensions you need to know about. Todo Tree is a simple extension that searches a workspace for comment tags like TODO and FIXME, and displays them in a tree view.

  15. 15
    Article
    Avatar of hashnodeHashnode·5y

    Functional vs Object-Oriented Programming

    Programming paradigms are approaches in which code is organized to implement solutions in a program. In the world of JavaScript, there are typically 2 programming paradigm: Functional and Object-Oriented Programming (OOP) Let's take a look at the OOP approach and illustrate an example.

  16. 16
    Article
    Avatar of hashnodeHashnode·6y

    The Ultimate Guide to Git Commands

    Git is an Open Source Distributed Version Control System. It is by far, the most widely used modern version control system in the world today. You can use Git without using any other service. This means that you can use it privately or publicly. Here's a list of most used git commands.

  17. 17
    Article
    Avatar of hashnodeHashnode·6y

    20 YouTube Channels to Follow for Web Developers

    If you want to have a career in web development, it can be hard to figure out where to start. Watching YouTube videos can be an excellent place to get developer’s perspectives and tips. YouTube is the largest online video delivery platform in the world and has many great channels that can teach anyone practically anything.

  18. 18
    Article
    Avatar of hashnodeHashnode·6y

    13 Data Types of Typescript you should know for beginners 👨🏻‍💻👩‍💻

    The most basic data type is the simple true/false value, which Typescript calls a Boolean. All numbers are either floating-point values or Big Integers. Since TypeScript version 1.4, TypeScript has included support for ES6 Template strings. When you want to span a string to multiple lines and/or have to embed expressions, use templated strings.

  19. 19
    Article
    Avatar of hashnodeHashnode·6y

    I can't write a JavaScript for loop, and it does not matter

    I've been using JavaScript daily for 7 years, and I'm not able to remember the syntax of a JavaScript for loop. Despite this fact, I'm a rather successful freelance developer. Recently I worked for Facebook, as the Docusaurus lead maintainer, writing the code for the framework that powers Babel, Prettier, Jest, ReactNative...

  20. 20
    Article
    Avatar of hashnodeHashnode·5y

    Design a CSS Art-(Frankenstein)

    This tutorial will help you break down how CSS is made. We will use Codepen, an online editor which let's us code in HTML, CSS, and Javascript without linking the files. A basic outline of the art will make it easier to add details accordingly. A container div containing the entire face will be a class called Container.

  21. 21
    Article
    Avatar of hashnodeHashnode·5y

    Chrome find unused code 🔎

    Chrome has a Code Coverage tool. It shows you what CSS and JavaScript is being used on a page. You can run a coverage by re-indexing the page. This gives you a high-level overview of the scripts and css loaded. You could then use another tool to remove these lines from your code.

  22. 22
    Article
    Avatar of hashnodeHashnode·6y

    ES6 - Higher-Order Functions

    In JavaScript, functions are treated as 'First Class' citizens. A function is fundamentally an object. We can assign properties to a function like 'Namaste' or 'Hello' The forEach function was introduced with ES5 as Array.prototype.forEach and with ES6, it's simply referenced as. Array.map. The map function returns a function applied to every element of the original array.

  23. 23
    Article
    Avatar of hashnodeHashnode·6y

    Different ways to authenticate your APIs

    Using basic authentication for authenticating users is usually not recommended since sending the user credentials for every request is a bad practice. API keys are a way to authenticate an application accessing any API without referencing an actual user. OAuth specifies mechanisms where an application can ask a user for access to services on behalf of the user, and receive a token as proof.

  24. 24
    Article
    Avatar of hashnodeHashnode·6y

    6 Tools I use for Web Development

  25. 25
    Article
    Avatar of hashnodeHashnode·6y

    CSS cut out effect that will blow your mind 🤯

    A CSS cut-out effect is having a background image show through the text. The effect is so cool and just around fun to see. It's only a div with a text element inside it. The last step is enabling the mix-blend-mode. Since we are using a full contrast, it will totally remove the black text and show whatever is behind there.