Title Image
Title Image

Companies usually want to test a specific area of knowledge. Quizzes are an engaging method to measure your expertise in a particular field.

That’s why I created DevQuizzes, an online platform where you can test your knowledge across various DEV topics.

Content

Over the last 6 months, I read a lot of official documentation and studied dozens of tutorials to create the content basis for the initial launch.

I ended up creating over 500 questions in 20 categories.


Title Image
Title Image

Some days ago I made a post about how I created madza.dev. One of the most exciting parts was to create an Audio player for the Music section.

I’ve been receiving some PMs about it, so I decided to elaborate a bit.

As a music producer, I started it as a component to play my own tracks. Tho, the more I worked on it, the more I knew I should turn it into something the community could benefit from, as well.

So I made an open-source package from it. …


Title Image
Title Image

For the last few months, I’ve been working on a personal portfolio. I’ve always believed that a separate portfolio is important for any dev since it connects you to future opportunities and it helps you to grow your network.

Today I deployed it on madza.dev. There’s still some stuff to improve, like testing browser compatibility, tweaking some UX, etc, so it’s still a WIP, for sure. But hey, everyone has to start somewhere, right?

I tried to document everything during the process and thought it would be useful to share the planning phases, technical execution, and the major takeaways from…


Title Image
Title Image

1. “An investment in knowledge pays the best interest.” — Benjamin Franklin

Before investing in material things, invest in knowledge. It will be persistent and let you achieve your career goals.

2. “Knowing is not enough; We must apply. Willing is not enough; We must do.” — Bruce Lee

Make use of online sandboxes or create small pet-projects on every skill you learn. Practical skills are what matters the most.

3. “We are what we repeatedly do. Excellence, then, is not an act, but a habit.” — Aristotle

Pick your tech-stack and become an expert in it. Don’t try to be ‘Jack of all trades’, as you will ultimately end up being “Master of none”.

4. “Give a man a fish and you feed him for a day. Teach a man to fish and you feed him for a lifetime.” — Lao Tzu

Tutorials will not make you think. Read official documentation and open-source instead and try to come up with a solution yourself. Become independent.

5. “You don’t learn to walk by following rules. You learn by doing, and by falling over.” — Richard Branson

Don’t expect your solutions will always work properly and be…


Photo by Florian Olivo on Unsplash

No success story is the same, we all have had our ups and downs in the learning process and things we wish we knew when we started out.

If you are a new, aspiring developer, these 65 things will prepare you for the long journey ahead. Use them as a shortcut in your own learning path.

1. Coding is about problem-solving.

Being a programmer is way more than sitting in front of the computer and randomly pressing buttons on the keyboard. It’s a powerful tool to solve a lot of real-world problems and make people’s lives easier. …


(incl. CSS) 🎨🎉

Title Image
Title Image

Recently I bought a personal domain and decided to build a quick landing page to not leave it empty while I work on my portfolio. I thought some of you might find it useful, so I decided to make a tutorial on it.

HTML

Start by creating a new index.html file and launching a boilerplate by typing '!' and pressing 'Tab'. Type the name of your site in the title tags. It will be displayed in the browser tab.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Awesome Landing Page</title>
</head>
<body>

</body>
</html>

Then create divs…


Title Image
Title Image

Nowadays in our busy schedules and tight deadlines, it’s critical to choose tools that increase productivity.

Here I have compiled a list of some of my favorite NPM packages. I’ve also sorted them into categories, so the information is more structured and it’s easier to navigate.

Surely, you don’t have to install and learn them all. In most cases picking one from each category should be enough. I wanted to provide alternatives, so each reader can find something. Enjoy!

💻 Frontend frameworks

1.React

React uses a virtual DOM to manage sections of a page as individual components, allowing you to refresh a component…


Title Image
Title Image

The 3D model of the Earth is perfect for designing creative web projects cause it’s easy to display data on it. Thanks to many data API’s it’s easy to access data like population, countries, cities, geo-coordinates, health data, education, etc. Here I have compiled my favorite 3D Globe projects.

1.Paper Planes

Catch and throw Paper Planes with one another around the world: a simple concept using the power of the web and Android to create an instant connection to one another.🚀🛫


Title Image
Title Image

Landing on a default, un-styled ‘page not found’ with no further info and links can be really annoying. A creative and clever error page goes a long way in turning your visitor’s frown into a smile. 😉

Here I have compiled a list of some of my favorites. 😎

1.TM


Title Image
Title Image

Here I’ve compiled a list of personal favorite devs on YouTube. I added a couple of lines on each channel too, so it’s easier to get what the channel is about and why I included it. Enjoy!

1. Traversy Media

Madza

Software Developer and Technical Writer. https://madza.dev

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