javascript - Digital Craftsman

Digital Craftsman

Sign in Subscribe

javascript

A collection of 13 posts

Using Vue.js template delimiters in twig

Using Vue.js template delimiters in twig

When using Vue.js and rendering templates in twig you're running into the issue that both use the same delimiter. Luckily you can define the symbols which are used as delimiters: new Vue({ el: '#your-app', data: {}, delimiters: ['[[',']]'] }); Or in a global config: Vue.options.delimiters

Improve page loading performance when using jQuery

Improve page loading performance when using jQuery

For the first version of projects I usually use a CMS with a theme. You get most of the content very fast and are still able to build a great API in the backend (with the right CMS). Themes usually still work with jQuery for a few effects. And jQuery

Promises with loops in Node JS

Promises with loops in Node JS

Running all actions asynchronously by default is one of nodes greatest strengths. Waiting for an action to finish is very easy with promises. But how do you wait for multiple promises which might take different amount of time to finish? For example when you're looping through a list and run

Angular JS - Focus on form fields

Angular JS - Focus on form fields

For an Angular JS app I wanted to focus on form fields with a shortcut[1]. As the framework does not provide a way to focus on any DOM elements, we have to write our own. We need two parts for this. One directive to hook our functionality: app.directive(

Angular JS - Hotkeys

I build a little search app with an Angular JS frontend. There are a lot of select and input elements in a form to filter the results. I wanted to have a possibility to jump to those fields with a shortcut. There is a great library called angular-hotkeys [https://github.

Cypress.io

Most javascript unit tests run on node js (or equivalent). There is a new service which run's unit and integration tests directly in the browser. It's currently in its beta phase and looks very promising. It's free while it's in beta (there are no information about final pricing yet). Cypress.

Cookies across paths and subdomains

When setting a cookie, it gets the current domain and path as default parameter. The problem there is, that the cookie won't be available in a subdomain. To be able to access it on the subdomain, you need to set the domain and path explicitly: document.cookie = "theNumber=7,path=

Moment.js - a javascript date library

Date manupulation is still one of the most complex problems while developing and it's a really nerve wracking work when developing in javascript. There is a very lightweight and nice framework for that called Moment.js [http://momentjs.com]. They offer functions to parse, validate, manipulate and display dates which

Display code with highlight.js on Ghost

Until recently I used prism.js [http://prismjs.com/] to display my code snippets in this ghost blog. It is way better that the default code in a

 block. But
now I stumbled over highlight.js [https://highlightjs.org]. It does the same
thing, but offers way more languages [https:

countUp.js

Does exactly what the name suggests. A simple script which counts a number up or down. countUp.js [http://inorganik.github.io/countUp.js/]

JS: The Right Way

> A quick reference to best practices for writing JavaScript — links to code patterns and tutorials from around the web JS: The Right Way [http://jstherightway.org/]

JavaScript Tips, Tricks and Best Practices

A nice collection of javascript tips, tricks and best practices: 45 Useful JavaScript Tips, Tricks and Best Practices [http://flippinawesome.org/2013/12/23/45-useful-javascript-tips-tricks-and-best-practices/]

CodeCombat: Multiplayer Programming

The best “Learn to code game” I’ve ever seen. CodeCombat: Multiplayer Programming [http://codecombat.com/] > Learn programming with a multiplayer live coding strategy game. You’re a wizard, and your spells are JavaScript. Free, open source HTML5 game!