background preloader

JavaScript

Facebook Twitter

If not SPAs, What? - macwright.com. A few months ago, I wrote an article about how the SPA pattern has failed to simplify web development.

If not SPAs, What? - macwright.com

The SPA pattern (Single-Page Apps), I tried to define, was about the React model, which also covers, to a large extent, the model of Vue, Angular, and other frontend frameworks. Like any critique, it begs for a prescription and I didn’t give one, other than gesturing toward server-side frameworks like Rails and Django. But I think there are some trends starting to form. I had queued up some time to really dive into the frameworks, but things like walking in parks have taken priority, so here’s just a grand tour. Opinionated full-stack JavaScript frameworks Primarily I’m talking about Remix, RedwoodJS, and Blitz.js, though I’m sure there are similar efforts in the non-React world that are relevant. It’s interesting to note that Remix, Redwood, and Next are all backed by companies or foundations, and that Blitz is aiming early on to be a sponsor-funded project. Operator lookup. JavaScript ES2020 - The Features You Should Know. ES2020 or ECMAScript 2020 brings exciting features to JavaScript.

JavaScript ES2020 - The Features You Should Know

In this article, I want to talk about my favourite features from ES2020. That means the article does not cover all the additions. Thus, let us see my favourite new additions: Dynamic ImportNullish Coalescing OperatorOptional Chaining OperatorPrivate Class VariablesPromise.allSettled For more information and all the additions, have a look at the official ECMAScript Language Specification. Sans titre. Today we’ll look under the hood of JavaScript's V8 engine and figure out how exactly JavaScript is executed.

sans titre

In a previous article we learned how the browser is structured and got a high-level overview of Chromium. Let's recap a bit so we're ready to dive in here. Background Web Standards are a set of rules that the browser implements. They define and describe aspects of the World Wide Web. My favourite Javascript learning resources on Github □ I started to learn Javascript about a year ago, there are so many online tutorials, blogs, courses and even the GitHub, it's not only the place I push my codes, but also a place to learn!

My favourite Javascript learning resources on Github □

And I realised that the most important thing to learn any languages is to understand the core concepts of it and get your hands dirty. These are the curated resources on GitHub that I have used myself or at least gone through, so I can definitely recommend them. Python Monthly □□ May 2020. 6th issue!

Python Monthly □□ May 2020

**If you missed the previous ones, you can read the previous issues of the Python Monthly newsletter here. If it’s your first time here… (otherwise, skip this part) Advanced Javascript Cheatsheet □□ We created this JavaScript Cheat Sheet page initially for Zero To Mastery students who are taking our Advanced JavaScript Concepts course where they learn modern, advanced JavaScript practices and grow to be in the top 10% of JavaScript developers.

Advanced Javascript Cheatsheet □□

We are now making this available to be a handy reference to help all web developers learn and remember common JavaScript concepts. If you’ve stumbled across this page and are just starting to learn JavaScript, congrats! Being a web developer is a fantastic career option and industry demand for JavaScript developers is HUGE. A perfect guide for cracking a JavaScript interview (A developer’s perspective) The JavaScript(JS) interviews are not easy.

A perfect guide for cracking a JavaScript interview (A developer’s perspective)

I accept it, you accept it and, everyone does. JavaScript: The First 20 Years. JS Comparison Table. JS Comparison Table. Exploring JS: JavaScript books for programmers. AST explorer. The Javascript Runtime Environment - Jamie Uttariello - Medium. …and, you know, how Javascript works.

The Javascript Runtime Environment - Jamie Uttariello - Medium

In this article we will take a look at the browser’s javascript runtime environment. We will learn how Chrome’s V8 JS Engine parses code and see how the event loop helps that code run on a single thread, both synchronously, and asynchronously, sort of. Finally, we will look at a common example that more clearly explains how this process works. Let’s start from the beginning… Learning JavaScript: Call By Sharing, Parameter Passing. Here, lion and tiger are reference types, their values are stored in the Heap and they are pushed to the stack.

Learning JavaScript: Call By Sharing, Parameter Passing

Their values in stack hold the memory address of the location in Heap. We have seen the memory model of a JS program. Now, let’s see what happens when a function is called in JavaScript. // example1.jsfunction sum(num1,num2) { var result = num1 + num2 return result}var a = 90var b = 100sum(a, b) Whenever a function is called in JS, all the information needed to execute the function is put on the stack. The information on an Activation Record contains the following: SP Stack Pointer: This current position of the stack pointer before a method was called.RA Return Address: This is the address execution continue from when the function execution is done with.RV Return Value: This is optional, a function may or may not return a value.Parameters: The parameters needed by the function is pushed to the stack.Local variables: Variable used by the function is pushed to the stack.

How JavaScript works: memory management + how to handle 4 common memory leaks. A few weeks ago we started a series aimed at digging deeper into JavaScript and how it actually works: we thought that by knowing the building blocks of JavaScript and how they come to play together you’ll be able to write better code and apps.

How JavaScript works: memory management + how to handle 4 common memory leaks

The first post of the series focused on providing an overview of the engine, the runtime, and the call stack. Thе second post examined closely the internal parts of Google’s V8 JavaScript engine and also provided a few tips on how to write better JavaScript code. In this third post, we’ll discuss another critical topic that’s getting ever more neglected by developers due to the increasing maturity and complexity of programming languages that are being used on a daily basis — memory management. We’ll also provide a few tips on how to handle memory leaks in JavaScript that we at SessionStack follow as we need to make sure SessionStack causes no memory leaks or doesn’t increase the memory consumption of the web app in which we are integrated.

Lit-html. Weird Parts of JS. Lydiahallie/javascript-questions: A long list of (advanced) JavaScript questions, and their explanations Updated weekly! Human Who Codes - The official website of Nicholas C. Zakas. OpenJS Foundation. Home - JS Foundation. Meanjs.fr. Getting creative with the Console API! Debugging in JavaScript has always been inseparably connected with the Console API, which is most of the time used only through console.log().

But, did you know that it doesn't have to be this way? Hasn't console.log() already bored you with its monolithic output? Do you want to make your logs better, to make them prettier? 💅 If so, follow me, as we'll discover how colorful and playful Console API can really be! Believe it or not, but console.log() itself has some additional functionalities you may not know about. String subs The only thing tightly related to console.log() method is that you can use it with so-called string substitution. Nice, huh? TC39 – Specifying JavaScript. Les bases de la console JavaScript. De nos jours, nous développons et utilisons de plus en plus de RIA (Rich Interface Application), ou applications web pour parler familièrement.

Dans la majorité des cas, ces applications sont développées en JavaScript. A language which compiles to JavaScript. Vue d'ensemble. 2018.stateofjs. LiveScript - a language which compiles to JavaScript. Brendan Eich. Verekia/js-stack-from-scratch: Step-by-step tutorial to build a modern JavaScript stack from scratch.

Douglas Crockford's JavaScript. How to JavaScript in 2018. From command-line tools and webpack to TypeScript, Flow and beyond, let's talk about how to use JavaScript in 2018. Last year many people, including myself, were talking about JavaScript fatigue. No, the ways to write a JavaScript application have not really slimmed down, BUT with a lot of command-line tools doing much of the heavy lifting, transpiling becoming less crucial and TypeScript trying to minimize type errors, we can relax a little. Note: This blog post is part of our whitepaper, "The Future of JavaScript: 2018 and Beyond", which offers our future-looking analysis and predictions about the latest in JavaScript.

Command-line Tools Most libraries and frameworks have a command-line tool that, with one command, will spin up skeleton projects for us to quickly create whatever our little hearts desire. Webpack Configurations Configuring your webpack build process and really understanding what you were doing, was probably one of the more daunting learning curves of 2017. Babel On or Off. State Of JavaScript: The State Of JavaScript. 50 Free JavaScript Books. Best free JavaScript books: Angular.js, ECMAScript, jQuery, Node.js, React.js and other. Download and read online. AngularJS Directives In Traction A goto guide for any Angular developer to learn Angular directives from ground up.

Douglas Crockford's Javascript. Hacker Noon. Kangax projects. NCZOnline - The official website of Nicholas C. Zakas. Adventures in JavaScript Development. Introduction. JSbooks - free javascript books. Socket.IO. To Engineers Who Tried to Use Jade Template Engine and Can’t Get Started. When I started working at Storify as a Node.js Engineer. The tech stack was Express and Jade. I hate to admit it, but I struggled with Jade a lot!

Before, I mostly worked with Underscore, and Handlebars. I attempted to modify some HTML in the Jade templates. Other times I would only change the text. I was failing miserably to learn by trial and error. Smart people learn by their mistakes, and wise people learn from others. [Sidenote] Reading blog posts is good, but watching video courses is even better because they are more engaging. Nunjucks. You've been looking for a more sophisticated templating engine for JavaScript. Here it is. Rich Powerful language with block inheritance, autoescaping, macros, asynchronous control, and more.

Heavily inspired by jinja2 Fast & Lean High-performant. Small 8K gzipped runtime with precompiled templates in the browser Extensible Crazy extensible with custom filters and extensions Everywhere Available in node and all modern web browsers, with thorough precompilation options. CSS, JS or SMIL: What Should You Use For Animations? – Designhill Blog. Web designers usually have three different tools available at their disposal for creating animations. WebAssembly. Coursereport. Three.js - Javascript 3D library.

Javascript, un langage ? un script ? En savoir plus. La console, une introduction. Web Animations. Conformance requirements are expressed with a combination of descriptive assertions and RFC 2119 terminology. Web-animations/web-animations-js. 5 Reasons Why JavaScript is The Perfect Next Step After Learning HTML5 And CSS3. Ups... I guess the headline of this article already spoiled the surprise answer to the “what’s next” question. Gooroo Worldwide salary analysis for JavaScript.

The following are the possible ways to create professional animations in SVG: – Medium. Export your SMIL animations from a graphics application. The standard way to produce SVG animations with SMIL is to create them in applications like Adobe Animate CC and similar others (see the section below for a list), and then using plugins like Flash2svg to export them in SVG. The Flash2svg add-on, created by the very talented Tom Byrne, is a marvel.

Juliangarnier/anime: Javascript Animation Engine. The State Of JavaScript: Introduction. JamesTheHacker/Neuron: Neuron - Electron, ES6, React, PouchDB, Sass, Webpack. Electron - Build cross platform desktop apps with JavaScript, HTML, and CSS. Top 20 Ajax Tutorials. Ajax is commonly overlooked as a language that many newbies to web design don’t really understand. Well the truth is, Ajax can do wonderful things and give your website that extra special something. JavaScript in Plain Language. Ampersand.js - Home. Human JavaScript. 25 Free Resources for New JavaScript Developers. BabylonJS - 3D engine based on WebGL/Web Audio and JavaScript. Standard. PureScript. Automatisez votre workflow front-end.

Un gros Troll de plus sur Javascript. CommonJS: JavaScript Standard Library. Spec Wiki. Login & Sign Up Form Concept - Coding. Utiliser les différents tests d'égalité.

Cours et Tutoriels sur le JavaScript

DOM (Document Object Model) ES6+ (ECMAScript 2015+) FRAMEWORKS & LIBRARIES JavaScript. NODE.JS. DENO.JS. WEBPACK. GULP.JS. GRUNT.JS. BRUNCH. TypeScript. DART. JS ANIMATIONS (toutes bibliothèques confondues) AJAX. Sites Généralistes. TESTS UNITAIRES et FONCTIONNELS. Modular JavaScript. Vanilla JS.

Outils, scripts et divers choses utiles.

JSON

CoffeeScript. INSPIRATIONS, IDÉES. SnakeGame. Getify/You-Dont-Know-JS: A book series on JavaScript. @YDKJS on twitter. Interactive Audio Visual Experience by Jean Helfenstein. JS Attitude : formations JavaScript qualitatives et sympathiques.