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 […]

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[] […]

In my previous post Ive described using Pipes with data loaded through Http request. First comment was about using loop: You should maybe think about using map and filter instead of for loops Thanks Angular2guy for this comment because it made me curious (like Curiouse George : ) ) to check which loop should I use to make a […]

Angular 2 – Pipes (TypeError: Cannot read property ‘length’ of undefined)

Ive been trying to build simple filtering in application -> Show-ur-bugs (https://github.com/fedojo/show-ur-bugs). Let me introduce the error environment firstly: project-list.component.ts import ‘rxjs/add/operator/map’; import {Component, OnInit} from ‘@angular/core’; import {ProjectService} from “../../shared”; import {ProjectListSingleComponent} from “./project/project-list-single.component”; import {FilterData} from “../../filter-data.pipe”; @Component({ moduleId: module.id, bindings: [ProjectService], selector: ‘app-project-list’, templateUrl: ‘project-list.component.html’, styleUrls: [‘project-list.component.css’], directives: [ProjectListSingleComponent], pipes: [FilterData] }) export […]