https://eloquentjavascript.net/

This is a book about JavaScript, programming.
Written by Marijn Haverbeke.

Licensed under a Creative Commons attribution-noncommercial license.

Web Demystified - A Video Series

This post introduces Web Demystified, a new series targeting web makers. By web makers, we have in mind everyone who builds things for the web: designers, developers, project managers, students, hobbyists, and experts.


https://hacks.mozilla.org/2018/04/a-new-video-series-web-demystified/

Day.js:
A Fast 2KB Alternative to Moment.js (with compatible API) - (Elegant date/time manipulation and parsing with the tradeoff being around timezones and locales..)
github.com/xx45/dayjs

⁨L20n⁩ by Mozilla
A developer-friendly JS framework that places language in the localizer's hands.

* It's a new localization framework for the Web, allows localizers to put small bits of logic into localization resources to codify the grammar of the language.

* It removes the need for developers to thoroughly understand the specifics of a natural language and provides an opportunity for localizers to create better translations.

http://l20n.org/

Follow @javascriptdaily for frequent updates about JavaScript updates, news and event alerts.

Harvard has released a introductory playlist for #JavaScript to consume at your own pace. Happy JS Learning.

https://youtu.be/K1EeEps-zXc

Follow @javascriptdaily for frequent updates about JavaScript updates, news and event alerts.

Introducing Lodash:
Lodash makes JavaScript easier by taking the hassle out of working with arrays,
numbers, objects, strings, etc. Lodash’s modular methods are great for:

- Iterating arrays, objects, & strings
- Manipulating & testing values
- Creating composite functions

Find more info here
https://lodash.com/

Learn and Explore Lodash
https://lodash.com/docs

The Functional Programming Guide
https://github.com/lodash/lodash/wiki/FP-Guide

https://github.com/lodash/lodash

" You Don't Know JS " is an exploration of the mysterious, confusing, complex, and controversial parts of JavaScript.

If you write JavaScript for your primary job, odds are, you're pretty good at it. But honestly, how well do you really know the language? Most of us spend years writing JS and never really going beyond a surface understanding. And then we blame our WTF moments on "the bad parts".


Know More:
https://www.kickstarter.com/projects/getify/you-dont-know-js-book-series


Get the Digital Copies here:
https://github.com/getify/You-Dont-Know-JS

clipboard.js
A modern approach to copy text to clipboard

Copying text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn't depend on Flash or any bloated framework.

That's why clipboard.js exists.

Explore more:
https://clipboardjs.com/

Get it here:
https://github.com/zenorocha/clipboard.js

VuetifyJS

Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze.

Build amazing applications with the power of Vue and Material Design and a massive library of beautifully crafted components. Vuetify components feature an easy-to-remember semantic design that shifts remembering complex classes and markup, to type-as-you speak properties that have simple and clear names.

https://github.com/vuetifyjs/vuetify

For more details,
https://vuetifyjs.com/en/

Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.

What is WebAssembly ?

* WebAssembly is an instruction format that runs on a stack based virtual machine.

* WebAssembly is statically typed, value types are limited to i32, i64, f32 and f64.

* WebAssembly can only read and write from it’s own linear memory which is an array buffer. It has no direct access to external JavaScript variables values unless they are copied into memory or passed through the call stack.

* WebAssembly can not call functions which are not explicitly forwarded to it as an import. Functions can only have value types as parameters and return value.

Semantically it’s actually more or less identical to it’s predecessor Asm.js, a statically typed subset of JavaScript. The major difference between the two, is that WebAssembly is a binary format designed to be more size and load time efficient than what the equivalent JavaScript source with Asm.js type annotations would be.

Source
“Hello WebAssembly” @caspervonb https://medium.com/@caspervonb/hello-webassembly-882bba5c9fb7


Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.

Handlebars JS provides the power necessary to let you build semantic templates effectively with no frustration. Handlebars is largely compatible with Mustache templates. In most cases it is possible to swap out Mustache with Handlebars and continue using your current templates.

Checkout the official Handlebars docs site at http://www.handlebarsjs.com and the live demo at http://tryhandlebarsjs.com/.

Fork it from:
https://github.com/wycats/handlebars.js/

Join t.me/javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.

Mozilla is calling for data scientists, students & young researchers to join our “Overscripted Web: a Data Analysis Challenge”: help us explore unseen JavaScript execution events and what this means for the Web! The winners will join us at mozfest!

https://medium.com/mozilla-open-innovation/overscripted-91881d8662c3

Know more :
https://challenges.mozilla.community/overscripted/
https://hacks.mozilla.org/2018/06/overscripted-digging-into-javascript-execution-at-scale/

P.S.: Join t.me/javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.

How To Build Vue Components Like A Pro

This blog portrays some of the best practices that you may want to keep in mind when building an advanced Vue App.

https://blog.bitsrc.io/how-to-build-vue-components-like-a-pro-fd89fd4d524d


Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.

React is a library and Angular is a Framework.
There’s obviously a big difference between the two that most people overlooked.

When you’re using a Library, it’s just one part of your application. So obviously the learning curve is small as well, and you can blend in some other libraries you might wanna use. Framework, on the other hand is big. And you are to adhere with their standard way of doing things.

Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.

https://hackernoon.com/why-im-switching-from-angular-to-react-and-redux-in-2018-cb48be00fda7

Vue JS over Angular and React

This blog attempts to shed light on why there is a growing belief among developers that Vue.js is set to become the top JavaScript library, leaving behind Angular and React.

> 1,531,217 NPM downloads
> 26,000 Github Stars
> 100,696,367 pageviews on Vuejs.org page
> Vue.js version 2.0 launched in September 2016
> Vue.js was 3rd most starred project in 2016 on GitHub


Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.

http://www.evontech.com/what-we-are-saying/entry/why-developers-now-compare-vuejs-to-javascript-giants-angular-and-react.html

Mousetrap JS
Mousetrap is a simple library for handling keyboard shortcuts in Javascript. It is licensed under the Apache 2.0 license. It is around 2kb minified and gzipped and 4.5kb minified, has no external dependencies.

Why Mousetrap?
> There are no external dependencies, no framework is required.
> You are not limited to keydown events (You can specify keypress, keydown, or keyup or let Mousetrap choose for you).
> You can bind key events directly to special keys such as ? or * without having to specify shift+/ or shift+8 which are not consistent across all keyboards.
> It works with international keyboard layouts.
> You can bind Gmail like key sequences in addition to regular keys and key combinations.
> You can programatically trigger key events with the trigger() method.
> It works with the numeric keypad on your keyboard.
> The code is well documented/commented.

Follow the project in Github
https://github.com/ccampbell/mousetrap

Also for full documentation visit
https://craig.is/killing/mice


Join @javascriptdaily for more daily updates of JavaScript / JS community news, links and events.

Modern Web Development is changing ...
Source:
https://medium.freecodecamp.org/a-roadmap-to-becoming-a-we

Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links & more.

JS Promises
While synchronous code is easier to follow and debug, async is generally better for performance and flexibility. Why "hold up the show" when you can trigger numerous requests at once and then handle them when each is ready? Promises are becoming a big part of the JavaScript world, with many new APIs being implemented with the promise philosophy. Let's take a look at promises, the API, how it's used!

Promises will only become more prevalent so it's important that all front-end developers get used to them. It's also worth noting that Node.js is another platform for Promises (obviously, as Promise is a core language feature).

https://davidwalsh.name/promises

Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.