By now Deno is 2 years old already. That’s the right age to take a few steps with him. In the previous article I gave an overview, why it was created, what Deno can already do and discussed the pros and cons. In this article I want to take a few steps with Deno together with you. We will build a small project step by step.

Image for post
Image for post

The goal of the project will be to write a simple CRUD REST API that will allow our financial advisors to manage applications of their clients by creating, deleting and adding notes to the applications. I will be using oak as the http server — the equivalent of express in Node. …


Deno is a JavaScript (JS) runtime written in Rust and offers new features and a modern setup. A major release was published at the end of October this year. A good opportunity to review what Deno is exactly, what the current main features are, and how Deno works.

Image for post
Image for post
https://deno.land

I have divided this article into two parts: The first, theoretical, part is about describing why Deno was developed, what the current features of Deno are and finally analyzing the advantages and disadvantages. …


When learning a new language it is important to apply the knowledge. Sometimes you are stuck not knowing how to apply the new found knowledge. In this article I will suggest you 9 ideas on beginner level for you to implement in JavaScript. The skill you will train is not only JavaScript but also HTML and CSS.

At the end of each idea I have also added an “advance” note that takes things to a more advance level if any of you feel that the idea is a little bit too easy. Hope you have fun implementing them. :)

Image for post
Image for post
Photo by Skye Studios on Unsplash

1. Todo List

The infamous Todo List. This is probably the most app people build when learning a new language (after the Hello-World program, of course). But there is a reason why, because implementing this app you learn how to implement the basics of UI implementation such as buttons, input fields, textfield, etc. and CRUD operations. …


Even Senior Developers Sometimes Make These Mistakes

Time and time again I noticed in tutorials people make “mistakes” when using Git. Surprisingly, as you can expect from them to know what they are doing. I also sometimes noticed senior developers do them, too.

These “mistakes” aren’t critical as they don’t break anything but they reveal that some developers, even seasoned ones, have a misconception of good practice when using Git. It’s probably because they have been accustomed doing so during the years and now have become a habit. …


As web developers we usually don’t have to care much about hosting or hosting plans. Quite paradox when you think about it. Your product is hosted somewhere but you don’t know how it works or what alternatives you have. Therefore I think it’s important for web developers to also know about hosting.

There are different ways of hosting a website. In this article I’ll only concentrate on the most common ones and explain them to you in simple terms.

Image for post
Image for post
Photo by Stephen Phillips - Hostreviews.co.uk on Unsplash

Shared Hosting

This is the most basic option, and thus cheapest, when it comes to hosting. Shared hosting means you are sharing the resources, i.e. …


In the previous two parts, I first defined the concept of connascence (part I). Then I elaborated on the different types of connascence (part II). During part II I gave examples. In this part I’ll refactor all the examples I mentioned in part II and move it from higher connascence to lower connascence and thus improve the code.

Before we start, let’s see our table of the different connascence types:

Image for post
Image for post

The image above shows all the connascence orderd from top to bottom. With the worse one on top and the good one at the bottom. The arrow shows in which direction we should refactor. In the following I’ll present to you code snippets I discussed in part II already and first identify what kind of connascence it is. Then I’ll refactor to a lower connascence and explain why it is better. …


In the previous story (part I) I introduced to you and gave you a definition of the concept of connascence. In this article (part II) I’ll dive deeper into details explaining to you the different types of connascence. In the last part (part III), I’ll show you examples of how to refactor your code from a bad connascence to a good one.

Connascence of Name

I want to start with the most desirable type of connascence — connascence of Name — and tell you why it is best of all the other types.

Connascence of Name is when two components must agree on the name of something. …


Code smells are sometimes hard to detect — especially if you just started your career as a developer. But even for people who have been longer in the industry, it can be a challenge. Some go by their intuition, others by their experience. In this story, I’ll show you how to detect code smells in a more methodical way by explaining the concept of connascence.

I divided this story into three part s:
I) In this story, I’ll give you a definition of connascence
II) Then go more into the details by explaining the different connascence types
III) In the third part I’ll show you some examples and usages of…


In almost any app you need to persistently save custom information in your app and later load it and display it to the user. Unfortunately Android doesn’t provide you this functionality out of the box. Therefore in this tutorial, I’ll show you how to create an app that persistently saves custom objects with gson.

Image for post
Image for post
Photo by Rami Al-zayat on Unsplash

The technologies I’ll use are as follows:

  • Android studio
  • android 28
  • gson
  • gradle

This article is mainly based on this post. But because some API have changed, you won’t be able to create an app if you follow the above mentioned tutorial. It took me a while to get it going. In order to save you time, I create this tutorial for you. …


Recently #divtober , a hashtag initiated by Lynn Fisher, ended — at least for 2020. On her website she presented her contribution to #divtober. An amazing collection of CSS art. It’s even more impressive once you know that these quite complex and detailed clipart-like images were drawn with only a single DIV and pure CSS, meaning no preprocessor like SASS/SCSS, no images, no SVG. Only CSS and a single DIV — the minimum amount of HTML needed to draw an image with CSS.

I also have a small collection of single DIV CSS art myself. The image of a MacBook Pro with the glossy screen and reflections of the chassis below is, for example, drawn with only one DIV and pure CSS only. There are other articles already about how to create CSS art. For example here by Ali Spittel. Or here by JavaScript Teacher. Totally worth reading! Check them out if you have time. But their articles focus on multiple DIVs. In this article, however, I’ll reveal to you in easy and simple to understands words the secrets of how you can draw an image with pure CSS and only one single DIV. …

About

pandaquests

°(p.q)° I mainly write about working in IT and software related topics. I’m a cute panda. Follow me.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store