ChrisKo's Developer Blog

Here, I'm writing about my journey 🌈

🌟 Frontend Frameworks
🍭 Code Snippets
🌶️ Personal Experience

Blockchain-based Sensor Data Validation

22nd of Feb '2133 min.

Christians Avatar

The Blockchain has constantly been hyped and is still gaining popularity - not only for cryptocurrencies such as Bitcoin pushing forward into our daily lives. Blockchain technology promises privacy and security, thus enabling a free internet of independent users. And with the rise of IoT devices, data generation, processing and storage is growing out of hand. This article provides an introduction to the merger of Blockchain technology with IoT networks to enhance privacy and security for the user.

Read more

SEOTutorial

How to preview your Website shared on Social Media with Meta Tags

8th of Jan '215 min.

Christians Avatar

Websites should be easily shared on Social Media such as Facebook, Twitter, Whatsapp etc. In order to be an eye-catcher, it is essential to display the link in a visually attractive manner e.g. with a featured image, a convincing title and a concise description. It will drive peoples engagement! In this Tutorial we use meta tags in the HTML head along with Open Graph for sharing a Card on Twitter.

Read more

Vue.jsFrontendTutorial

Vue.js Tutorial Part II: Build a Frontend Quiz App

2nd of Jan '2119 min.

Christians Avatar

Part II: Learn fundamental concepts of Vue.js like emitting custom events and component re-rendering and more! This is a followup Tutorial where we will extend the existing Vue Quiz App with a Modal giving the user a smooth experience. Create a custom Quiz App along with me!

Read more

Vue.jsTutorial

Emit Events in Vue to pass Data between Components

2nd of Jan '215 min.

Christians Avatar

Modern frontend frameworks like Vue or React use props to pass data down the component tree. But how to pass data up? With Vue you can design your custom event, define how it is triggered and catch data bubbling up to the parent component.

Read more

CSSbeginnertutorial

The CSS Display Property Explained

9th of Dec '208 min.

Christians Avatar

CSS powers the web along with HTML and JavaScript. CSS has powerful features, one being the display property defining how an HTML element integrates into the CSS Flow Layout of a Website. Background knowledge of the display property and its most frequently used values block and inline helps to understand positioning and element flow in the browser! Additionally, a working example is supplied for outlining the importance of CSS display!

Read more

GitHubResources

9 Amazing GitHub Repos for Every Developer

20th of Nov '206 min.

Christians Avatar

GitHub is full of code.. But how to find excellent repos that come in handy for every web developer? Curated lists of resources are pure gold for everyone seeking to increase their skills in coding, as a quick reference and find out what`s new out there. Searching manually can be quite exhausting... I´ll show you the needles in the haystack!

Read more

VS CodeEfficiency

9 VS Code Shortcuts for faster programming

17th of Nov '204 min.

Christians Avatar

Writing code is probably the most complex task in the world, it requires physical engagement, focus, a clear and undisturbed mind in order to fully immerse oneself in the process. Switching frequently between keyboard and mouse can be quite exhausting and kill your fluent process over and over again. Soo, I made a small list of VS Code shortcuts helping to keep up the positive flow while coding - hands on the keyboard!

Read more

Picking a Frontend Framework as a Beginner

31st of Oct '202 min.

Christians Avatar

Here are some thoughts of mine about picking a frontend framework as a beginner. It's how I feel after having tried React and Vue. The original title of this post was 'Why is React so damn popular?' because its popularity caused me to pick it as my first frontend library. But was it really the best choice for me as a beginner?

Read more

Vue.jsFrontendTutorial

Vue.js Tutorial: Build a Frontend Quiz App

23rd of Oct '2034 min.

Christians Avatar

In this tutorial you build a Quiz app and learn fundamental concepts of Vue.js. We cover Vue components, computed properties, methods, Vue directives and much more! Our Frontend Quiz app fetches data from an API and walks the user through an interactive Quiz! I have provided a GitHub repository with the Starter-Code for you! Have fun following along!

Read more

DynamoDBNext.jsVercel

Connect AWS DynamoDB to your Next.js App and Deploy on Vercel

31st of Jul '2015 min.

Christians Avatar

In this post I'll walk you through setting up an AWS DynamoDB Database with your Next.js App and how to Deploy it easily on Vercel. We're going to go over the AWS Free Tier, different ways to configure DynamoDB and how to store the database's secret credentials safely in Next.js Framework and use them as Environment Variables. Last but not least, I'll show you how to manage Environment Variables on Vercel with either the Vercel CLI or the Dashboard on vercel.com. Have fun!

Read more

JavaScriptBannerReact

How to Make Banner a Reusable Component with Props

8th of Jul '208 min.

Christians Avatar

I am going to implement my Welcome Banner Component to be displayed on every page where the Typewriter Component shall be fed with variable Text Input based on the title of the page. The component will be included into the Container Component which already wraps the whole content section of DevDiary, making the Banner part of the ubiquous layout.

Read more

ReactNext.jsMarkdown

My first Blog made with Next.js - DevDiary

30th of Jun '2014 min.

Christians Avatar

In this post I'll walk you through each step of creating my first Blog with Next.js, React, style-jsx and Markdown. Starting with some basics about Next.js, then diving into the birth of the essential components. Each step is supplemented by Code Snippets and detailed description. I'd like to inspire anyone seeking to create their own Blog!

Read more