Angular – Side effects with @effect and ngrx – CRUD snippets

Angular is giving great tools to build application and NgRx gives you opportunity to manage you app with state. In this article I’m sharing few code snippets which will help you to bring @Effects to work with CRUD application. Actions In post.actions.ts file we are creating actions like import {Action} from ‘@ngrx/store’; export enum PostActionTypes […]

Vue.js – ScreenshotMaker part 2 (using Jade with Vue.js, call variables)

Each project needs evolution. After a comment by Peter van Meijgaard (https://github.com/petervmeijgaard) in previous post (https://fedojo.com/vue-js-first-look-and-test/) Ive made a few changes. Changes in variables Previously: makeScreenshot: function(e) { this.$set(‘form’, false); this.$set(‘inprogresss’, true); Vue.http.get(‘http://localhost:8888/screenshot?url=’+this.url).then((response) => { var res = JSON.parse(response.body); this.$set(‘success’, true); this.$set(‘inprogresss’, false); }, (response) => { this.$set(‘error’, true); this.$set(‘inprogresss’, false); }); } Current: methods: […]

ScreenshotMaker with Vue.js – First look at Vue.js (HTTP and simple component)

Currently everybody is focused on most trendy JS frameworks like Angular 2 and React. This giants are taking the most of Front End market. Ive heard a little bit about Vue.js but I gave it a small chance. Vue.js CLI Vue.js comes with CLI so it is easier to deal with it.The official website of […]

Check your knowledge about selectors

Do you want to check your fundamental knowledge of Front End Developer? Check if you can deal with selectors! You can do it on this page:https://flukeout.github.io/ In this simple app you can check your knowledge about selectors based on:element#idelement in element#id A.classnameelement.classNamePut your back into it!tag, tag (list of element)*element *element + elementelement ~ elementelement […]

ScrewDefaultButtons plugin and “Uncaught RangeError: Maximum call stack size exceeded”

I was using a lot of plugins which can make my life easier when Im dealing with inputs especially checkboxes and radio buttons. One of the best plugins which Im been using is ScrewDefaultButtons. Ive started with this one: Lorem ipsum dolor When the plugin was invoked on this element with code: $(‘.product_filters input[type=”checkbox”]’).screwDefaultButtons({ image: […]

Professional CSS by Piotr Sikora (PACKT Publishing)

It’s been a long time… I should tell about this book. But… there wasnt a way to do that online so here it is! Outline of the book: Chapter 1, Foundation and Tools …is about tools that will help you build better CSS code. It describes features of preprocessors before providing foundational knowledge about SASS. In […]

Interview @ Nitro Digital blog

Hi all! I just wanted to give you a little update! Nitro Digital released first of interviews from “Meet the Nitro Digital team” series. I was asked about… Hmmm… You can check it here: http://nitro-digital.com/meet-nitro-team/. Thank you Mary Cavill for this interview! Please follow and like us:Piotr SikoraPiotr Sikora is Front End Team Manager @ Sourceful. MeetJS Kielce […]

Angular 2 – How to pass more parameters to Pipe

Pipes are very important element of Angular 2 framework. With it you can transform and filter your data. But how can you deal with it? Lets start with a simple definition of pipe which filters data: import {Pipe, PipeTransform} from ‘@angular/core’; @Pipe({ name: ‘filterData’, pure: false }) export class FilterData implements PipeTransform { transform(items:any[], args:string[]):any[] […]