Devtoolsecrets

A collection of tips & tricks about web debugging

Debug frame rate for better performance

Atoic Web Design

Atomic is an approach in web design, it divides into five distinct levels: atom, molecule, organism, template, page. It's not new, but it defines a clear way of thinking that supports team members, client for better communication, easily traverse from abstract to concrete

The first time using Jasmine. This is step by step example:

• Download the latest version
• Delete files in /src and /spec
• Add source files to /src: HelloWorld.js

function helloWorld() {
    return "Hello World!";
}

• Add test files to /spec: HelloWorldSpec.js

describe("Hello world", function() {
    it("says hello", function() {
        expect(helloWorld()).toEqual("Hello world!");
    });
});

• Edit file SpecRunner.html: include source and spec files in include source files here and include spec files here
• Run the SpecRunner.html

Visit Jasmine home for more assert statements.

References:

• Jasmine home
• How do I Jasmine: a tutorial
• Jasmine wiki
• Frontend test - stackoverflow
• Test Pyramid

This is a short note how to install package from PyPi