Angelos Chalaris (Chalarangelo)

31 Flips | 1 Magazine | 279 Likes | 9 Following | 4 Followers | @Chalarangelo | Keep up with Angelos Chalaris (Chalarangelo) on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Angelos Chalaris (Chalarangelo)”

Using ES6 Generators to generate keys in React

A few days back I started reading up on <b>ES6 generators</b> (or generator functions), a new feature that I wanted to learn and understand for quite a while …

Software Engineering

10 Reasons why you should work in IT

To most folks in the tech world, working in IT might sound like one of the dullest jobs on the planet. And that can be the case at times. However, as …

Employment

Persistent JavaScript storage with CSV

While most programmers would argue that JSON is the preferred file format to persistently store JavaScript data, there is still value in using other …

Javascript Framework Comparison with Examples (React, Vue & Hyperapp)

In my previous article, I tried to explain why I think Hyperapp is a viable alternative to React or Vue and the reasons I found it easier to get …

I abandoned React in favor of Hyperapp — Here’s why

Frameworks like React, Vue and Angular seem to have been all the rage this past year and with good reason: they make it easier to create and maintain …

Prepare for you next interview with 30 seconds of interviews

You might be one of the very best web developers this world has ever seen. Or you can be adequate enough to land a job and keep it. Whatever the …

Learn some useful JavaScript tricks with 30 seconds of code

The shift from desktop to web applications, along with the rapid growth of browser-based applications has made a lot of fresh developers pick …

JavaScript

10-minute color preview input field

While the type="color" is not something most web developers need in their everyday designs, it is a bit of an input control that is all over the …

JavaScript

Copying text to clipboard with JavaScript

<i>In this article, I will be explaining in depth how the</i> <i>copyToClipboard</i> <i>snippet from</i> <i>30 seconds of code</i> <i>works. You can find the source code for it and a</i> …

My first open source contribution

In the following article, I will share my story about <b>my very first open source contribution</b> and how it changed my view towards open source …

Takeaways from maintaining an open source project for a month

A month ago, I launched my latest open source project, <b>30 seconds of code</b>. It started out as a simple idea — a small, private collection of Javascript …

30 seconds of code

Array<p>all<p>Returns true if the provided predicate function returns true for all elements in a collection, false otherwise.<p>Use Array.every() to test if …

JavaScript

30 seconds of code

README.md<p>Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.<p>UseCtrl+Forcommand+Fto search for a …

Building a simple static page generator with Node.js

Static page generators are great and super convenient when developing reasonably simple websites. I’ve used probably two or three out of what seems …

A Guide to creating Web Applications with React and Redux

In a previous article, I tried to write an in-depth guide to getting started with <b>Progressive Web Apps</b>. Having learnt a great deal since then, along …

30-minute Python Web Scraper

I’ve been meaning to create a web scraper using Python and Selenium for a while now, but never gotten around to it. A few nights ago, I decided to …

Release mini.css v2.3.7

• Fixes a couple of bugs with checkbox and radio elements.<br>• Fixes a multitude of bugs with select and option elements.<br>• Updated documentation to reflect …

How to get your first tag badge on StackOverflow — and why it’s important.

How to get your first tag badge on StackOverflow — and why it’s important.<p>Every developer uses StackOverflow in different ways. Some use it to figure …

A Quick Introduction to Functional Javascript

<b>Functional programming</b> is one of the hottest trends right now and there’s a lot of good arguments about why one might want to utilize it in their …

Javascript Variable Scope & Closures: A Primer

Javascript might seem like a pretty approachable programming language to most people, however certain concepts can prove quite tricky for beginners. …

A Beginner’s Guide to Progressive Web Apps & the Frontend Web

Developing for the frontend web and keeping up with the Javascript ecosystem and all the new terms and flashy frameworks can be intimidating to say …

mini.css React/Preact libraries - Fast, lightweight mini.css components built with React/Preact

React & Preact Libraries Fast, lightweight components<p>If you want to create a progressive web app, utilize a virtual DOM or just fancy trying React …

Designing a simple web page with mini.css

<i>In this series, we will be walking through some basic ideas and techniques that will help you get started with</i> <i>mini.css</i><i>, as well as understand the</i> …

Minimal, responsive, style-agnostic CSS framework

Want to build websites that look beautiful on any and all devices, but also load fast on mobile connections? Then <b>mini.css</b> is the right tool for you! …

5 reasons to try out mini.css

In this article, I am going to explain why mini.css is a worthwhile addition to the CSS framework ecosystem, as well as the types of projects that …