Best of JavaScriptNovember 2020

  1. 1
    Article
    Avatar of hashnodeHashnode·5y

    10 best JavaScript practices recommended by Top Developers

    JavaScript is a little different to other programming languages. Here are some of the practises I and several other senior developers follow. If you have recently started learning JavaScript or a beginner I would highly recommend you to read the complete article so that you follow better practises while coding in JavaScript.

  2. 2
    Article
    Avatar of medium_jsMedium·6y

    20 JavaScript Shorthand Techniques that will save your time

    20 JavaScript Shorthand Techniques that will save your time. The shorthand techniques of any programming language help you to write more clean and optimized code and lets you achieve your goal with less coding. Let’s discuss some of the shorthand Techniques of JavaScript one by one.

  3. 3
    Article
    Avatar of css_tricksCSS-Tricks·5y

    JavaScript Operator Lookup

    Enter a JavaScript operator to learn more about it. Operator Lookup is a way to look up operators in a web page. Use this operator to help you with reading comprehension and vocabulary. Use the operator Lookup function to lookup operators in the web page at a time.

  4. 4
    Article
    Avatar of freecodecampfreeCodeCamp·6y

    Popular Front End Development Tools You Should Know

    Yiğit Kemal Erinç is a Turkish software developer. He is best known for his work on the Turkish national football team. He has also worked on the national soccer team, the Istanbul Super Cup, and the UEFA Champions League. His blog is called "Yi Turkey" and he is based in Istanbul.

  5. 5
    Article
    Avatar of hashnodeHashnode·5y

    Axios vs. Fetch: which should I use?

    Axios is a JavaScript library used to make HTTP requests from browsers. The Fetch API provides an interface for fetching resources. For IE 11, Fetch is not compatible, while Axios offers good support. Axios is less vulnerable to XSRF (Cross Site Request Forgery) attacks.

  6. 6
    Article
    Avatar of hashnodeHashnode·5y

    Use console.log() like a pro!

    The console object provides access to the browser’s debugging console. The specifics of how it works varies from browser to browser, but there is a de facto set of features that are typically provided. The console.log output can be styled in DevTools using the CSS format specifier.

  7. 7
    Article
    Avatar of swlhThe Startup·6y

    Frontend Web Development: A Complete Guide.

    Front-end web development is responsible for the structure, beauty, and brain of the website. It is the part of the site that interacts with the user; ensuring that when the users open the website, the information is visible to them in a format that is easy to read and understand. Front-End Web Development: A Quick Overview.

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

    9 (FREE) JavaScript Books That Are Well Worth Reading

    Eloquent JavaScript assumes a level of programming knowledge but isn’t an advanced book. The Modern JavaScript Tutorial is split into three parts covering as much of the subject as it is possible to cover in a publication. Human JavaScript is not the most detailed book ever but it gives valuable insight into client-side JavaScript applications.

  9. 9
    Article
    Avatar of devtoDEV·6y

    Level up your JavaScript browser logs with these console.log() tips

    Firecode.io is a free, open-source web app that lets developers test and test again their code. One of Firecode’s core features is a built-in logging tool called console.log() that can be used to monitor, troubleshoot, and debug your applications. In this article, we look at some tips and tricks for frontend logging in the browser.

  10. 10
    Article
    Avatar of hashnodeHashnode·5y

    Next.js Starter With Authentication + React 17 + TypeScript + Tailwind CSS 2 + ESLint

    Next.js has become my go-to framework for almost every project that I make. So, I made a starter template that I can just use and get started easily. In this article, I will show you how to use the starter template and deploy it with Vercel. I will also be connecting a Postgres database which I will create on Heroku.

  11. 11
    Article
    Avatar of swlhThe Startup·5y

    How React Works Under the Hood?

    React is a very popular JavaScript library. Many startups choose React as their tool for building fast front-end side applications. Not a lot of developers know how React actually works under the hood. How React Works Under the Hood Vakhtang Nodadze.

  12. 12
    Article
    Avatar of hashnodeHashnode·5y

    60 JavaScript Interview Questions

    Let's Begin With 60 Js Interview Questions. What is the difference between Call and Apply? How To Empty An Array in Javascript? What is Closure? How do you check if an object is an array or not? What are JavaScript Data Types? How to create a JavaScript cookie?

  13. 13
    Article
    Avatar of css_tricksCSS-Tricks·5y

    console.log({ myVariable });

    Using curly brackets in JavaScript, I’m creating an object. I don’t have to assign an object to anything, it can just be. The “trick” is that when you’re making an object, you can “shorthand” it by providing only a variable, which makes it implied.

  14. 14
    Article
    Avatar of swlhThe Startup·5y

    10 JavaScript Methods You Should Know

    Array is combination of elements which are same type. There are total nine data types in JavaScript. You have to put same data type as a array elements. Check this is array or not by the JavaScript method isArray. So now I will show you 10 methods which are so useful.

  15. 15
    Article
    Avatar of dailydaily.dev·6y

    🔥 What's Hot in Web Development? — Weekly Picks #152

    This week is all about JavaScript. Sharpen your skills before your next technical interview, write clean and short code, and more. As always, all posts were ranked by the daily.dev community. Shout out to all the authors. Let's get it started!

  16. 16
    Article
    Avatar of hashnodeHashnode·5y

    TYPESCRIPT

    This blog provides a brief overview of TypeScript, focusing on its type system. TypeScript is a strongly typed, object-oriented, compiled language. It offers all of JavaScript’s features and an additional layer on top of these. The main benefit of Type Script is that it can highlight unexpected behavior in your code, lowering the chance of bugs.

  17. 17
    Article
    Avatar of hashnodeHashnode·5y

    JavaScript some() method

    Using the Javascript some() method to test if an element in an array has passed a test. The syntax for some is as follows:const new = original.some( function ( value);Inside our function, we can check on certain properties the value has. For example, we could use some() to check if a user is under the age of 18.

  18. 18
    Article
    Avatar of swlhThe Startup·6y

    Fundamental JavaScript You Need to know

    JavaScript is a language which works in a multiple way and makes its self quite interesting by its multipurpose activity. The try..catch construct has two main blocks: the one is try , and then catch. The errors that occur on the reading phase are called “parse-time” errors and are unrecoverable.

  19. 19
    Article
    Avatar of swlhThe Startup·6y

    Understanding Common Terms Associated to React JS

    React is an open-source, front-end, JavaScript library for creating user interfaces or UI modules. Virtual DOM is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM by a library such as ReactDOM.

  20. 20
    Article
    Avatar of hashnodeHashnode·6y

    Get started with Javascript ES6 (Part 1: Block Binding)!

    In the era of the ‘var’ keyword, that means in the es5 version and before, it was hard to set a variable into a certain block. To solve this confusion, ES6 come up with two keywords to handle Block binding easily. In the following read, we will go deep dive into ES6.

  21. 21
    Article
    Avatar of hashnodeHashnode·5y

    What is the best way to loop over an array in JavaScript?

    There are so many different ways to loop over an array in JavaScript. Knowing when and how to utilize each one makes our code more readable, maintainable and, in some cases, better optimized. Let's create an array and explore some more common use cases: multiply by 2, filter out 8 and find an element in an array.

  22. 22
    Article
    Avatar of logrocketLogRocket·5y

    What’s new in create-react-app 4.0.0

    create-react-app is the recommended way to create single-page React applications (SPAs) It is officially supported by React and it provides a modern build setup with no configuration. Version 4.0.0 provides support for the new JSX transform with TypeScript 4.1.0 and Fast refresh.

  23. 23
    Article
    Avatar of swlhThe Startup·6y

    JavaScript Async & Await

    Async/await was introduced in NodeJS 7.6 and is currently supported in all modern browsers. Async functions start with the keyword “async” before declaring the function name. Inside the function we can use await to fetch and return promises. We can even chain promises in a simple and efficient way.

  24. 24
    Article
    Avatar of hashnodeHashnode·5y

    Why I love TypeScript 💕

  25. 25
    Article
    Avatar of hashnodeHashnode·5y

    Moving from Javascript Object to Maps

    The map is a newer feature of JavaScript. It is only available since ES6. Just using an ordinary object might seem more comfortable to use than a map. I am not covering why you should use maps. But it is a cheat sheet on how to use them.