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 […]
Author Archives: Piotr Sikora
Image to HTML table
Few years ago when I was on Front trends I heard very interesting story about improvements in delivery of emailers. Every developer knows that it isn’t easy to deliver complex email template. But one of the developers made a story about images in email templates. It was related with visibility of company when email client has blocked […]
LazySASS – Emmet based mixins in SASS
I’m so lazy that I forgot to write any post on this website for last few months… And this post will be about my laziness as well :). Ive been working on my blog’s new skin for last few months – last few months because of lots of projects on board. What I’ve made during […]
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[] […]