George Roubie – Medium

Jul 16, 2021

All the JavaScript (ES6+) Array methods you need

I will explain to you with examples the methods: filter, map, reduce, find, findIndex, includes, some, every, flat and flatMap. Get ready because this article is huge, but it will be a reference for you in the future. filter One of the most common actions in an array is to filter…

Programming

11 min read

All the JavaScript (ES6+) Array methods you need

Published in Better Programming

·Apr 29, 2021

8 Things You Can Do With Destructuring in JavaScript

Explore the destructuring assignment syntax — In this article, I am going to explain what the destructuring assignment is in JavaScript. But first, let’s see what an object property value shorthand is. Object Property Value Shorthand In ES6, if you have an object whose keys have the same name as the variables that are passed in as properties, you can…

Programming

5 min read

8 Things You Can Do With Destructuring in JavaScript

Published in Better Programming

·Apr 13, 2021

Exploring the Spread Operator and Rest Parameter in JavaScript

The spread operator has many use cases. Let’s go over a few of them — In this article, I am going to explain what the spread operator and rest parameter are in JavaScript. But first, let’s see what a logical operator is in JavaScript. Logical Operators && and || are known as logical operators. The logical operators in JavaScript do not return only boolean like in other…

Java Script

5 min read

Published in Better Programming

·Jan 13, 2020

Deploy Your Angular Application to GitHub Pages

Push that app live! — With GitHub Pages, you can create a free website for your repository. It’s super easy and I will show you step-by-step how to deploy your Angular application to GitHub Pages. First of all, you must create a new repository in GitHub.

Github

2 min read

Published in Better Programming

·Jan 6, 2020

Make API Calls the Right Way in Angular

Best practices for making your API calls — If you’re creating an Angular application, one of the things you’ll need to do is make an API call. I’ll show you how to do it the right way, avoiding bugs or repeating yourself and making it easier to upgrade to a new version of Angular. A common mistake of…

Java Script

5 min read

Oct 23, 2019

Angular — CSS Variables Utility

In every Front-End project instead of CSS I use SCSS (CSS with super powers), because the features of SCSS are many and helpful in large scale applications. One of my favorites feature is the SCSS variables, that helps you with the pattern DRY (don’t repeat yourself). …

CSS

2 min read

Oct 22, 2019

Extend Ionic 1 Grid with SCSS

Ionic 1 is an open source mobile app development framework, licensed under MIT, for developing native and progressive web apps with ease. It is actually a great way to bridge the gap between AngularJS web apps and hybrid mobile apps! Ionic’s grid system is different than most, because of its…

Ionic

2 min read

Oct 21, 2019

Five reasons why I love Orchard CMS

There are many Content Management Systems (CMS) available nowadays and as Front-End developer, I’ve tested a bunch of them. Τhe first version I used was Orchard 1.7. Since then, I’m implementing many web applications, with the latest version of Orchard (1.10.3). Orchard is a free, open source, community-focused Content Management…

Orchard

4 min read

Oct 21, 2019

Orchard CMS — Hide Elements from Layout Part

Layout Part in Orchard CMS is a very powerful tool, but it is complicated for the end user (content editor), as you can see in this picture:

Orchard

2 min read

Oct 21, 2019

Orchard CMS — Content Carousel

Every website needs a Carousel (Image Slider) and this is a content that I use almost in every Orchard CMS Project. Installation: Enable Import Export Module Enable Razor Templates Module Import Carousel.xml This is a Bootstrap Carousel, so you must have Bootstrap installed to your Orchard Site. …

Orchard

2 min read