Articles about javascript
2020 - • 19 minutes read
Learn Svelte: Connecting the Pomodoro Timer and Tasks with Props and Stores
Sharing my initial experience in learning Svelte getting started by creating a sample project, a pomodoro technique app. In this part we improve our pomodoro timer and connect it to our tasks.
- • 17 minutes read
Learn Svelte: Creating a Pomodoro Timer
Sharing my initial experience in learning Svelte getting started by creating a sample project, a pomodoro technique app. In this part we create a pomodoro timer.
- • 19 minutes read
2019 - • 16 minutes read
Learn Svelte: Adding, Editing and Estimating Tasks In The Pomodoro Technique App
Sharing my initial experience in learning Svelte getting started by creating a sample project, a pomodoro technique app. In this part we add a list of tasks to be completed using the pomodoro technique
- • 13 minutes read
Learn Svelte: Get Started with Svelte Writing a Pomodoro Technique App
Sharing my initial experience in learning Svelte getting started by creating a sample project, a pomodoro technique app.
- • 18 minutes read
TypeScript Types Deep Dive - Part 3: Functions
An epic journey of discovery into the mysterious world of TypeScript's type system. Part 3 discuss how to use types in functions within TypeScript.
- • 2 minutes read
Learn Svelte
Sharing my initial experience in learning Svelte with a couple of great videos on the topic.
- • 10 minutes read
TypeScript Types Deep Dive - Part 2: The Absence of Value
An epic journey of discovery into the mysterious world of TypeScript's type system. Part 2 discuss how TypeScript models the absence of value and how it helps live in a world with null and undefined.
- • 13 minutes read
TypeScript Types Deep Dive
An epic journey of discovery into the mysterious world of TypeScript's type system.
- • 1 minute read
JavaScript-mancy in the Top 100 Best JavaScript Books of All Time
Whereby I find out that two JavaScript-mancy books are in the top 100 of JavaScript books of all time
- • 16 minutes read
2018 - • 17 minutes read
Wiki: Making HTML5 Games With Phaser.js
A collection notes about developing HTML5 games with phaser.js
- • 26 minutes read
How to Write a Game in Under 13 Kb While Taking Care of a Baby
A story of epic adventure about writing a game in under 13Kb against all odds
- • 17 minutes read
2017 - • 1 minute read
JavaScript-mancy Vlog: The Basics of Functions in JavaScript
Where we go through the basics of functions in JavaScript and compare function expressions with function declarations
- • 13 minutes read
How To Write a Book And Not Die Trying: The Story Of How I Wrote JavaScript-Mancy And Everything I Learned From Writing Two Books And A Half - Part II - Book Execution
A walk through on how to write a book. Everything I've learned from writing two books on JavaScript and a half. This is the second part that focuses on the book execution.
- • 1 minute read
JavaScript-mancy Pixel Art: How To Make Pixel Art Like In JavaScript-mancy
Would you like to learn to do pixel art? This video shows how you can make pixel art like in the JavaScript-mancy series.
- • 9 minutes read
How to Write a Book And Not Die Trying: The Story of How I Wrote JavaScript-Mancy And Everything I Learned From Writing Two Books and a Half - Part I
A walkthrough on how to write a book. Everything I've learned from writing two books on javascript and a half. This is the first part that focuses on the book conception.
- • 6 minutes read
Rejoice! JavaScript-mancy OOP: Mastering the Arcane Art of Summoning Objects In JavaScript is Complete!
Announcing the completion of my second book JavaScriptmancy OOP and how it came about.
- • 21 minutes read
TypeScript: JavaScript + Types = Awesome Developer Productivity - Type Annotations
TypeScript is a superset of JavaScript that adds type annotations and, thus, static typing on top of JavaScript. Learn how TypeScript can improve your developer productivity. In this part of the series we dive into what makes TypeScript special, type annotations.
- • 19 minutes read
TypeScript: JavaScript + Types = Awesome Developer Productivity - Cool TypeScript Features
TypeScript is a superset of JavaScript that adds type annotations and, thus, static typing on top of JavaScript. Learn how TypeScript can improve your developer productivity. In this part of the series we setup a simple TypeScript project and test some of the cool features of TypeScript.
- • 12 minutes read
TypeScript: JavaScript + Types = Awesome Developer Productivity
TypeScript is a superset of JavaScript that adds type annotations and, thus, static typing on top of JavaScript. Learn how TypeScript can improve your developer productivity.
- • 24 minutes read
From Idea To Reality in Under 50 Minutes (Mostly) With Angular And Firebase Part IV - Making Baby-Gotchi a Progressive Web App
Bring your idea to life with a friction free and excuse repellant environment with Angular and Firebase. (Part IV where we turn baby-gotchi in a PWA)
- • 12 minutes read
From Idea To Reality in Under 50 Minutes (Mostly) With Angular And Firebase Part III - Firebase Cloud Functions
Bring your idea to life with a friction free and excuse repellant environment with Angular and Firebase. (Part III where we use Cloud Firebase Functions)
- • 28 minutes read
From Idea to Reality in under 50 minutes (mostly) with Angular and Firebase - Part II
Bring your idea to life with a friction free and excuse repellant environment with Angular and Firebase. (Part II)
- • 22 minutes read
From Idea to Reality in under 50 minutes (mostly) with Angular and Firebase - Part I
Bring your idea to life with a friction free and excuse repellant environment with Angular and Firebase
- • 10 minutes read
A look at object internals and the secret lives of objects
A look at the metaprogramming capabilities of the Object internals methods like defineProperty and object descriptors
- • 37 minutes read
Building Beautiful Web Apps With Angular Material - Part II
Learn how you can build beautiful web apps with Angular Material - Part II
- • 10 minutes read
Building Beautiful Web Apps With Angular Material - Part I
Learn how you can build beautiful web apps with Angular Material - Part I
- • 1 minute read
Come say Hi at Swetugg 2017 And Learn Some Angular Material
I am going to speak at swetugg 2017 about angular material. Come and say hi.
- • 1 minute read
2016 - • 1 minute read
Behold the New JavaScriptmancy.com! Your #1 destination to learn javascript! Necromancer Style!!
Announcement of JavaScriptmancy.com the super duper awesome place to learn javascript
- • 7 minutes read
How to Create a Simple Chrome Extension To Hide Your Follower Number On Twitter
A guide to writing content script chrome extensions using a chrome extension to hide twitter followers as an example
- • 1 minute read
Barbaric Tip of The Week: Configure eslint Super Quickly with eslint init
A barbaric tip of the week about eslint and how to configure it super quickly with eslint init
- • 1 minute read
Angular 2 Final is Out!!!
Finally! The Angular 2 Final release is upon us! :)
- • 2 minutes read
I Have a Published A New Book: JavaScript-Mancy Getting Started! Get it now!
I have published a new book called JavaScript-mancy get started. An awesome introduction to JavaScript where JavaScript meets C# meets fantasy.
- • 5 minutes read
Angular CLI: Bootstrap Your Angular App in a Breeze
The Angular CLI can help you get started with Angular (2+) very quickly.
- • 9 minutes read
Updating Your Angular 2 App From RC4 to RC5: A Practical Guide (Also works for RC6, RC7 and Angular 2 Final)
Update your Angular 2 app from RC4 to the new RC5 including the new router RC1 release
- • 1 minute read
Wiki: React.js And Redux
A collection of notes about react.js, the most popular and widely used front-end development framework today.
- • 5 minutes read
Updating Your Angular 2 App To Use The New Forms API: A Practical Guide
A quick guide to update your Angular 2 app to use the new template driven forms api
- • 9 minutes read
Updating Your Angular 2 App to Use the New Router: A Practical Guide
A quick guide to update your Angular 2 app to use the new router
- • 1 minute read
Dev Talk Monday: Mastering The Arcane Art of JavaScriptmancy at Devsum 2016
- • 19 minutes read
Functional Programming in JavaScript
An in-depth look at ES6/ES2015 Maps
- • 6 minutes read
My Talk At Devsum 2016 And Some Interesting JavaScript Links
My talk at devsu and some interesting js links
- • 4 minutes read
Argument Destructuring and Type Annotations in TypeScript
An in-depth look at ES6/ES2015 Maps
- • 11 minutes read
A look at ES6 Sets
An in-depth look at ES6/ES2015 Maps
- • 5 minutes read
A Super Quick Summary of the NgConf 2016 Keynote on Angular 2
A quick summary of the announcements at ngconf
- • 10 minutes read
Making a Game With Rx.js and Web Speech at Active Dublin 2016 - Part III
Getting Started with rx.js. Continue by building a game with Rx.js. Part III
- • 13 minutes read
Making a Game with Rx.js and Web Speech at Active Dublin 2016 - Part II
Getting Started with rx.js. Continue by building a game with Rx.js. Part II
- • 10 minutes read
Making a Game with Rx.js and Web Speech at Active Dublin 2016 - Part I
Getting Started with rx.js. Continue by building a game with Rx.js
- • 11 minutes read
A look at ES6 Maps
An in-depth look at ES6/ES2015 Maps
- • 14 minutes read
Getting Started With Rx.js: A Gentle Introduction
Getting Started with rx.js, A series of introductory articles to rx.js and reactive programming
- • 20 minutes read
Getting Started With Angular 2 Step by Step: 6 - Consuming Real Data with Http
Getting Started with Angular 2 Step by Step, a series of articles to get started with Angular 2. This one talks about using the http service to get you some real data
- • 26 minutes read
Getting Started with Angular 2 Step by Step: 5 - Forms and Validation
Getting Started with Angular 2 Step by Step, a series of articles to get started with Angular 2. This one talks about forms and validation.
- • 22 minutes read
Getting Started with Angular 2 Step by Step: 4 - Routing
Getting Started with Angular 2 Step by Step, a series of articles to get started with Angular 2. This one talks about routing
- • 13 minutes read
Getting Started With Angular 2 Step by Step: 3 - Your Second Component And Angular 2 Data Binding
Getting Started with Angular 2 Step by Step, a series of articles to get started with Angular 2. This one talks about creating a component and various data bindings
- • 13 minutes read
Getting Started With Angular 2 Step By Step: 2 - Refactoring To Services
Getting Started with Angular 2 Step by Step, a series of articles to get started with Angular 2
- • 23 minutes read
Getting Started with Angular 2 Step by Step: 1 - Your First Component
Getting Started with Angular 2 Step by Step, a series of articles to get started with Angular 2
- • 19 minutes read
JavaScript Arrays: The All-in-One Data Structure
An in-depth look at JavaScript Arrays
- • 1 minute read
Getting Started with Angular 2 at ngStockholm
Getting Started with Angular 2 workshop at ngStockholm
- • 16 minutes read
Lean UX, Atomic Design and Angular - A Flexible Front-end Architecture for Developing Web Applications: Part IV
lean ux, atomic design and angular - A flexible front-end architecture for developer web applications guided by UX goals, part IV, starting coding
- • 1 minute read
I am Going to be Speaking JavaScript Awesomeness at DevSum 2016!!
Blog post announcing that I am going to be speaking at DevSum 2016 about JavaScript
- • 1 minute read
JavaScript-mancy Vlog: What is ECMAScript 6?!?
Ever wondered about ES6? ECMAScript? This video tells you all about it
- • 1 minute read
Dev Talk Monday: Dealing With Garbage, a Quick Guide to Cleaning Memory Leaks and Memory Profiling
This dev talk monday brings you a great talk on cleaning memory leaks and memory profiling by Samuel Saccone
- • 16 minutes read
Angular 2 Wiki
A super duper awesome wiki page on Angular 2
- • 1 minute read
JavaScript-mancy Vlog: Learn About JavaScript Function Scoping, Hoisting and How to Win With Let And Const
Learn more about JavaScript Function Scoping, Hoisting and How to Enable Block Scope with ES6 let and const
- • 1 minute read
Master The Arcane Art of JavaScript-mancy On Video! Waaaat!?
A blog post announcing my new video series on JavaScript
- • 2 minutes read
Speaking (and Being) at Swetugg 2016 was a Blast!!
A very brief summary of my experience of swetugg as a listener and speaker
- • 4 minutes read
Lean UX, Atomic Design And Angular - A Flexible Front-End Architecture For Developing Web Applications: Part III
lean ux, atomic design and angular - A flexible front-end architecture for developer web applications guided by UX goals - angular architecture and component based design
- • 2 minutes read
Lean UX, Atomic Design And Angular - A Flexible Front-End Architecture For Developing Web Applications: Part II
lean ux, atomic design and angular - A flexible front-end architecture for developer web applications guided by UX goals
- • 2 minutes read
Lean UX, Atomic Design and Angular - A Flexible Front-end Architecture for Developing Web Applications: Part I
lean ux, atomic design and angular - A flexible front-end architecture for developer web applications guided by UX goals
- • 28 minutes read
Ultra Flexible JavaScript Object Oriented Programming with Stamps
Experience an ultra flexible way to do object oriented programming in JavaScript using Stamps
- • 23 minutes read
Safer JavaScript Object Composition With Traits and Traits.js
Experience a safer JavaScript object composition by using traits instead of Mixins via traitsjs
- • 1 minute read
2015 - • 27 minutes read
Black Tower Summoning: Object Composition With Mixins
Article about the limitations of classical inheritance and how to overcome them with javascript object composition and mixins
- • 15 minutes read
White Tower Summoning Enhanced: The Marvels of ES6 Classes
In the last article you learned how to implement *classes* in JavaScript without relying in *ES6 classes* which puts you in a prime position to learn *ES6 classes*. *ES6 classes* are great for developers that are coming to JavaScript from a static typed language like C# because they offer a perfect entry point into the language. You can start using *classes* just like you'd do in C#, and little by little learn more about the specific capabilities of JavaScript. Behold! ES6 classes!
- • 1 minute read
Dev Talk Wednesday: Be More Productive With Visual Studio Code With These Coding Quick Tips Series
- • 28 minutes read
White Tower Summoning: Mimicking C# Classical Inheritance in JavaScript
In this article we are going to take a deep-dive into how to emulate *classical inheritance* in JavaScript and get to the nearest equivalent to what you are accustomed to in C#. We will focus in the alternatives we had prior to *ES6 classes* so that you can work with *classes* even if you are stuck in *ES5* and so that you can understand the underlying implementation of *ES6 classes* which are just syntactic sugar over the JavaScript *prototypical inheritance* model.
- • 11 minutes read
Summoning Fundamentals: A Three Part Introduction to OOP in JavaScript for C# Developers - III - Polymorphism
An article about how to achieve polymorphism in JavaScript through the concept of duck typing
- • 20 minutes read
Summoning Fundamentals: A Three Part Introduction to OOP in JavaScript - II - Prototypical Inheritance
An article about how to use prototypical inheritance in JavaScript when working with OOP
- • 20 minutes read
Summoning Fundamentals: A Three Part Introduction To OOP in JavaScript - Encapsulation
An in-depth view into how to achieve encapsulation in JavaScript when practicing OOP
- • 1 minute read
Learn How to Build Web Apps With React JS and Flux with this Great Udemy Course
- • 1 minute read
Dev Talk Wednesday: How To Listen And Empathize with Others in the Workplace
- • 19 minutes read
An Introduction to Object Oriented Programming in JavaScript for C# Developers
An introduction to object oriented programming in JavaScript for C# developers with an introduction to mimicking classes in ES5, ES6 classes and mixins
- • 4 minutes read
How To Start Writing Your AngularJS Tests In ES6
- • 14 minutes read
Mastering the Arcane Art of JavaScriptMancy For C# Developers: ES6 Spread Operator
The ES6 spread operator works sort of in an opposite way to the rest operator. Where the rest operator takes a variable number of arguments and packs them into an array, the spread operator takes and array and expands it into its compounding items. Let's find out how this new ES6 feature can help you write more readable code.
- • 22 minutes read
Mastering the Arcane Art Of JavaScript-Mancy for C# Developers: ES6 Arrow Functions
An in-depth view into ES6/ES2015 arrow functions, how to use them and detailed information about their gotchas
- • 12 minutes read
ES6 Destructuring - Mastering The Arcane Art of JavaScriptmancy for C# Developers
An in-depth view into ES6/ES2015 destructuring syntax
- • 5 minutes read
AngularJS Testing
- • 18 minutes read
Mastering The Arcane Art Of JavaScript-mancy for C# Developers: A Guide to Strings, Finding The Right Words and Proper Spell Intonation
An in-depth look at strings in JavaScript covering also new features in ES6/ES2015 like template string literals
- • 18 minutes read
Mastering the Arcane Art of JavaScript-Mancy for C# Developers: On Summoning Servants and Critters, Or The Basics of Objects in JavaScript
An in-depth look at object initializers or object literals in JavaScript and ES6/ES2015. With a look into new features like the short-hand syntax.
- • 1 minute read
I published the First Version of JavaScript-mancy The Book!!!
An article announcin the publishing on my first book on JavaScript
- • 3 minutes read
Dev Talk Monday: Master Web Performance at Nordic.js 2015
- • 32 minutes read
The Basic Ingredients of JavaScript-Mancy: An Introduction to JavaScript and ES 6 For C# Developers
An introduction to JavaScript and ES6/ES2015 for C# developers
- • 5 minutes read
D3.js: Data-Driven Documents
A wiki about the d3.js visualization library
- • 2 minutes read
Dev Talk Monday: The Future of Web Development and Learning Functional Programming
- • 23 minutes read
Mastering the Arcane Art of JavaScriptmancy for C# Developers - Chapter 8: Enumerables, Iterables, Iterators and Generators
An in-depth look into JavaScript enumerables and ES6/ES2015 iterables, iterators and generators
- • 19 minutes read
Mastering the Arcane Art of JavaScript-Mancy for C# Developers - Chapter 7: Using LINQ in JavaScript
Did you know that JavaScript arrays support a similar feature to LINQ in C sharp?
- • 17 minutes read
Mastering the Arcane Art of JavaScript-mancy for C# Developers - Chapter 6: Functions in ES2015
Welcome back! Today we will make a summary of the different ES6/ES2015 features related to functions that we've seen and worked with so far in the series destructuring, default arguments and rest parameters.
- • 11 minutes read
Mastering the Arcane Art of Javascript-mancy For C# Developers - Chapter 5: Even More Useful Function Patterns - Function Overloading
Learn different patterns for achieving function overloading in JavaScript and ES6, ES2015
- • 4 minutes read
A brief update on Angular 2
- • 11 minutes read
Mastering The Arcane Art Of JavaScript-mancy for C# Developers - Chapter 4: More Useful Function Patterns - Multiple Arguments
Learn different patterns for using multiple function arguments in JavaScript and ES6, ES2015
- • 9 minutes read
Mastering the Arcane Art of JavaScript-mancy for C Sharp Developers - Chapter 3: Useful function patterns - Default Arguments
Learn different patterns for using default function arguments in JavaScript and ES6, ES2015
- • 15 minutes read
Mastering The Arcane Art of JavaScript-Mancy for C# Developers - Chapter 2: The Basics Of JavaScript Functions
Learn more about the most foundational building block in JavaScript, the humble function.
- • 15 minutes read
Mastering the Arcane Art of JavaScript-mancy for C# Developers - Chapter 1: The Many a One JavaScript Quirks
This article details the most commonly missunderstood parts of JavaScript, the gotchas, the quirks of this marvelous but sometimes treacherous language.
- • 1 minute read
Barbaric Basics: Building Flexible Layouts With Flexbox
- • 5 minutes read
Barbaric Basics: Web Workers
- • 9 minutes read
Barbarian Meets Aurelia: First Contact And Building Athena, My Very Own Jarvis
- • 1 minute read
Dev Talk Monday: On CSS Performance
- • 27 minutes read
2014 - • 9 minutes read
Some Thoughts on the Awesomeness of Function and Object Composition in JavaScript After Reading JavaScript Allonge
- • 4 minutes read
Dev Talk Monday: Douglas Crockford, ES6, New Ways Of Writing Better JavaScript and The Future
- • 1 minute read
Dev Talk Monday: Nordic.js 2014 Amazing Visual JavaScript Experiments and FRP
- • 1 minute read
And I went a did a super teeny tiny talk on Knockout Components
- • 25 minutes read
Object-oriented JavaScript for C# Developers
An introduction to object oriented programming in JavaScript for C# developers that covers encapsulation, prototypical inheritance, polymorphism and much more!
- • 1 minute read
Dev Talk Monday: Architecting Large JavaScript Single Page Apps With Knockout.js
- • 8 minutes read
Barbarian Meets Knockout: Introduction to Knockout.js Observable Arrays
- • 9 minutes read
2013 - • 29 minutes read
AngularJS wiki
- • 1 minute read
Barbaric Tip of the Week: Listen to JavaScript Jabber
- • 3 minutes read
What is New in Knockout.js 3.0 Lightning Round
- • 12 minutes read
Barbarian Meets Knockout: Knockout.js Computed Observables
- • 4 minutes read
Learn TypeScript to Improve Your JavaScript
- • 1 minute read
Barbaric Tip of the Week: Writing Consistent, Idiomatic JavaScript
- • 10 minutes read
Barbarian Meets Knockout: Knockout.js Observables
- • 8 minutes read
Barbarian Meets Knockout.js: Introduction, or How to Enrich your HTML Views with Unparagoned User Experience
- • 10 minutes read
Node.js
- • 29 minutes read
Knockout.js Wiki
- • 11 minutes read
jQuery
- • 3 minutes read
CoffeeScript
- • 29 minutes read