Best of JavaScriptDecember 2020

  1. 1
    Article
    Avatar of hashnodeHashnode·5y

    50 free tools and resources you're gonna love (Part 2)

    Free tools and resources you're gonna love. Part 2 of a two-part series on free software. The next part of the series will look at free software for developers. The second part will focus on software that is free for developers, including SaaS, PaaS and IaaS.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    How to Master JavaScript Promises and Async/Await in 20 Minutes

    .com. How to Learn JavaScript Promises and Async/Await in 20 Minutes by Thu Nghiem. Learn how to use Async and await in 20 minutes by watching this video. Watch this video to learn more about JavaScript promises and async/await.

  3. 3
    Article
    Avatar of hashnodeHashnode·5y

    GitHub repositories to improve your programming skills

    Freely available programming books. Coding Interview University. The Node.js best practices list. Clean Code JavaScript concepts adapted for JavaScript. Free For Dev offerings that have free tiers of interest to devops and infradev. A list of awesome beginners-friendly projects.

  4. 4
    Article
    Avatar of addyAddy Osmani·5y

    React Server Components

    React Server Components aim to enable modern UX with a server-driven mental model. This is quite different to Server-side Rendering (SSR) of components and could result in significantly smaller client-side JavaScript bundles. I'm quite excited about the direction of this work, and while it isn't yet production ready, is worth keeping on your radar.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    How to Learn Web Development in 2021 - a Web Developer Roadmap

  6. 6
    Article
    Avatar of hashnodeHashnode·5y

    🚀 Top 33 JavaScript Projects on GitHub (December 2020)

    GitHub snapshot of 33 most starred open-sourced JavaScript repositories on GitHub as of December 10th, 2020. 2020 is coming to its end, and we may do another snapshot. You may compare it to the snapshot from 2018. You can also query the GitHub to fetch the latest results.

  7. 7
    Article
    Avatar of hashnodeHashnode·5y

    Cool Vscode Extensions for Developers

    The Vscode Extension allows you to add tools, languages, debuggers, and much more to your code editor. With the vscode extension, developers write faster, cleaner, and more consistent code. To get started is quite simple, we just have to install the extensions on our editor from the extensions panel.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    How I Learned to Code and Built a Real Software Product in 6 Months

    Jonathan Adly talks about how he learned to code and built a real software product in 6 months. Adly is the co-founder and CEO of a company that builds software for the military. He's also the author of a book called The Code Game: How I Learned to Code and Built a Real Software Product in 6 Months.

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    A free advent calendar to help you master JavaScript

    JavaScript Advent Calendar – Learn JavaScript Interactively by Christmas Eve. Per Harald Borgen: "I want to make this as easy as possible for people. I want to be able to say, 'I did it. I did it.""Per Haraldborgen:"I wanted to make it as easy for people to do as I can. I wanted to do it as soon as possible.

  10. 10
    Article
    Avatar of hackernoonHacker Noon·5y

    I Got a Job as a Developer at 16, and You Can Too

    Vlad Pasca started coding at 15 in Python and then switched to web development. He learned HTML and CSS from Freecodecamp and built a few front-end projects. He was able to build responsive websites using media query in CSS and this helped him get the job. He told a start-up developer on Reddit that he was looking to work on some projects during the summer.

  11. 11
    Article
    Avatar of hackernoonHacker Noon·5y

    17 Interesting JavaScript Tricks

    This is my latest post that will increase your efficiency and productivity when coding JavaScript. There are many ways to write code but generally the first way for many people is very long and can take you some time. The ternary operator can be used to check if numbers are not equal. Short circuit conditionals can also be used in JavaScript.

  12. 12
    Article
    Avatar of swlhThe Startup·5y

    ES6 Map Object

    A map is a collection of keyed data items, just like an object. Unlike with objects, a map’s keys are not converted into strings, therefore allowing keys of any type. This is one of the most notable and important features of a map. If We Have Objects, Why Use Maps?

  13. 13
    Article
    Avatar of hashnodeHashnode·5y

    11 JavaScript Console Commands Explained

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    10 JavaScript Hacks Every Web Developer Should Know

    10 JavaScript Hacks Every Web Developer Should Know. 10 JavaScript H hacks every Web Developer should Know. How to make your website look better with Google's new Web Inspector. 10 ways to use Google's Web Inspector to improve your website's look and feel. How do you make your site look better? Share your photos and videos with CNN iReport.

  15. 15
    Article
    Avatar of hashnodeHashnode·5y

    12 Common JavaScript Questions I Used to Ask in Interview.

  16. 16
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    5 Things I Didn’t Know About JavaScript Operators

    A single unary operator as a prefix, +x or — x , will convert a string to an integer. A positive unary operators, + , will only transform values into integers. A negative operator, — , will both transform a value into an integer and turn it negative. Two negatives do make a positive, so probably best to just keep to the positive prefix.

  17. 17
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    A Beginner’s Guide To Object Oriented JavaScript

    In this article, we’ll discuss the object oriented aspects of JavaScript language. We can define or create a JavaScript object with an object literal by encapsulating all the methods and properties within the curly braces. In the previous section, we have created an object john which was a human. Now, what if we want to create 50 other humans with same properties and methods as john but with different names. To solve this problem, ECMAScript 2015, also known as ES6, introduced JavaScript Classes.

  18. 18
    Article
    Avatar of hackernoonHacker Noon·5y

    5 Free JavaScript Spreadsheet Libraries in 2021

    Spreadsheet libraries are in high demand today. Such solutions are convenient as they offer ready-made applications. They can be used in any business domain to deal with big amounts of data. Let us review the most popular JS Spreadsheet libraries with a free trial period that can allow you to understand if the product is worth purchasing.

  19. 19
    Article
    Avatar of dailydaily.dev·5y

    Create a crazy input interaction with lax.js. 🤪

    Lax.js is a JavaScript library to create smooth & beautiful animations when you scroll. Lax is really, really small. When gzipped, it's less than 4 kilobytes in size! It has a new JS animation syntax for advanced animation combinations to work on. animations can be given a kick of interia while scrolling. You can create custom CSS bindings.

  20. 20
    Article
    Avatar of gcgitconnected·5y

    Is TypeScript in ReactJS a good idea for a small team?

    Crew2Captain is a community-oriented platform with the main goal to connect people who own boats with people who enjoy water activities. Crew2Captain has a small team of 4 developers and 3 analysts. The level of developers in the team various from Grad to Senior and only 1 developer has had experience with strictly typed languages.

  21. 21
    Article
    Avatar of hashnodeHashnode·5y

    10 Innovative Examples of JavaScript in Action For Your Inspiration.

  22. 22
    Article
    Avatar of devdojoDevDojo·5y

    Create a Typing Effect in AlpineJS

    In this tutorial, I'll show you how to use AlpineJS to create a simple typing effect. You can take a look at a quick example of what we'll be creating in the Codepen below. We'll be adding a few more data variables and creating our x-init function.

  23. 23
    Article
    Avatar of dzDZone·5y

    Building Charts Using C3.js

    C3.js is D3 based JavaScript based chart library. It can be used to create visualizations using SVG, HTML, and CSS. C3 provides a variety of callbacks to access the state of the chart. By using these APIs and callbacks, you can update the chart, even after it is rendered.

  24. 24
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    JavaScript Frameworks, Performance Comparison 2020

    JavaScript Frameworks, Performance Comparison 2020. The ultimate performance battle between JavaScript frameworks. Each library will be compared in 3 categories: DOM performance, Startup Metrics, and Memory Usage. In raw performance, React, Marko, and Ember are the leader of the pack. For those pointing out extra function creations and holding on classes, the performance argument is not on your side.

  25. 25
    Article
    Avatar of hashnodeHashnode·5y

    4 Programming Language That Will Dominate 2021