CategoryJavaScript

AdminLTE Midnight theme: customising templates

AdminLTE is by far one of the great examples of what Bootstrap CSS can do and consists of pre-defined UI elements used for Admin control panels. Similarly we have ElementUI, Bulma, and Bootstrap CSS in its core. 

Right now, there’s a massive amount of various admin panels on the net.

AdminLTE Midnight Theme
AdminLTE Midnight Theme

So, I made a quick Proof of Concept on how we can easily convert default AdminLTE layout into a dark theme, with a bit of help from grunt and yarn.

AdminLTE Midnight Dark Theme is available on GitHub. I added a detailed description on how to run it in dev mode via AdminLTE repository.

You might find it useful to go through customisation instructions first.

VueJS.London – Jest for Vue testing

Images Copyright www.edtelling.com

In September, I was lucky to attend VueJS London conference. It was an amazing experience, with lots of interesting talented people from different corners of the EU and the States.

I’ll slowly start assembling the info on the talks that took place there. Once the slides become available I will start adding them here as well.

One of the greatest talks at the conference was by Roman Kuba. It was about test utils for VueJS, and actual experience on integrating Jest for Vue infrastructure.

Qobrix is slowly integrating VueJS as a sidekick for all the sophisticated UI/UX solutions, trying to reduce jQuery impact on the platform. One of the reasons behind a slow pace of integration – kind of frustrating situation with plethora of test tools.

Quick googling on the subject, brings some more structured materials from Roman, on VueJS/Jest integrations and how they do it in CodeShip.

One of the things that’s definitely worth checking – vue-test-utils.

JavaScript issues in one picture

javascript problems graph

The picture looks a bit outdated as it misses gazillion of trendy frameworks and transpilers but still relevant to the subject

Puppeteer: NodeJS browser automation

Puppeteer is a Node library which provides a high-level API to control headless Chrome over the DevTools Protocol. It can also be configured to use full non-headless Chrome.

Its demo is worth thousand words. API Documentation covers all the aspects of browser emulation/handling I could think of.

Whether it will be a replacement of NightwatchJS or a sub-component in the current end-to-end stack – fun times of trials & errors will tell.

Some useful links for JS coding

Few nice things to use in close future:

Hoodie

A fast, simple backend as a service for your web apps, Open Source and free. No need to write server-side code or database schemas. Makes building offline-capable software a breeze.

GREENKEEPER.IO

Get safety & consistency with real-time monitoring and automatic upates for npm dependencies.