Archive

  • 2 min
How To Embed Youtube In Nuxt Website Via Markdown File

How To Embed Youtube In Nuxt Website Via Markdown File

Embedding Youtube in a blog build with Nuxt has never been easier. Include the lite-youtube-embed package, create a Nuxt plugin and component, and you can use it in all your Markdown content files.

  • 7 min
Convert A CSV To A JavaScript Array of Objects — The Practical Guide

Convert A CSV To A JavaScript Array of Objects — The Practical Guide

The simplest way to convert a CSV file into a JavaScript Array of Objects is, using the JavaScript split, map, forEach, trim methods, and spread operator. In this post, I love to show you how you can exactly do that by using a file upload form.

  • 5 min
How I Earned $4K Blogging On Medium As A Developer

How I Earned $4K Blogging On Medium As A Developer

I started in 2016 by writing on Medium. And since 2020, I have started earning money with that. In 2,5 years, I earned ~$4000. I recently looked at that data and learned a few things by analyzing that data.

  • 4 min
How to Convert a TypeScript Enum to a JavaScript Array or String

How to Convert a TypeScript Enum to a JavaScript Array or String

Subtract the data from the enum and remodel it into a JavaScript Array of Strings so you can use it for whatever you like.

  • 3 min
Getting Started With Programming On A Budget

Getting Started With Programming On A Budget

In this post, I want to share with you some tools you can use on a mobile phone or cheap tablet to get started with programming web development.

  • 2 min
How To Use a TypeScript Interface

How To Use a TypeScript Interface

An interface is a blueprint for an Object. It tells you which properties there are, which are required and optional and which type of data they hold. Let's dive into interfaces by making pizzas for breakfast

  • 1 min
How To Create Spotify Style Duotone Pictures With Canva

How To Create Spotify Style Duotone Pictures With Canva

Have your picture ready in seconds!

  • 4 min
Canva Pro — The Best Content Creation Service For Bloggers, YouTubers, and TikTokkers

Canva Pro — The Best Content Creation Service For Bloggers, YouTubers, and TikTokkers

There is no easier way to create images and videos than with Canva!

  • 9 min
6 JavaScript Features to Improve Your JavaScript Skills in 2022

6 JavaScript Features to Improve Your JavaScript Skills in 2022

The features Array.at(), structuredClone(), Top-level await, For-await-of-loop, private class fields and Object.hasOwn() are both very new features and features that improve the already existing functionality in JavaScript. Let's dive into it together.

  • 1 min
TypeScript: Only Allow A Property From Interface as Parameter

TypeScript: Only Allow A Property From Interface as Parameter

So lately I was working with a team member on an Angular Pipe. We had an Address Interface and wanted to only allow an argument that was…

  • 3 min
A Simple Git Workflow: Releaseflow

A Simple Git Workflow: Releaseflow

I’ve seen a lot of organizations use the Gitflow strategy to use Git. It’s not a bad strategy, but it could be way simpler. That’s why I was happy to find Releaseflow. In this post, I want to tell you how it works, and why it could be a benefit for your organization.

  • 5 min
Create Your Own Ipsum Generator With JavaScript

Create Your Own Ipsum Generator With JavaScript

Generating fake content with random words can be convenient for testing purposes. That’s why today, we will create a JavaScript function that does that. It's super simple with the Math.random, round, while loop and map methods in JavaScript.

  • 2 min
How To Create a Random String With Maximum Characters in JavaScript

How To Create a Random String With Maximum Characters in JavaScript

You can use a library for generating random data in JavaScript, but I think it’s even cooler to do it yourself. If you want to spice up your JavaScript skills, these functions are the best to practice.

  • 3 min
How To Generate an Alphabet JavaScript Array

How To Generate an Alphabet JavaScript Array

Imagine building a word game with JavaScript, and you need to pick a random character from the alphabet, but you don’t want to type all the letters by hand. We will generate it with JavaScript .map, string and the Math.round methods.

  • 2 min
How To Create a Random String with JavaScript

How To Create a Random String with JavaScript

For many purposes, you can need a random string. Sometimes a long one and sometimes a short one. A lot of time, I use these functions in a unit or end-to-end test to automate even more.

  • 3 min
How to validate BSN, PGN & OWN in the Netherlands with TypeScript/JavaScript

How to validate BSN, PGN & OWN in the Netherlands with TypeScript/JavaScript

Learn How To Use The Elfproef for dutch identification numbers

  • 2 min
How To Format a Value With Angular NGX-Formly

How To Format a Value With Angular NGX-Formly

Creating forms in Angular with NGX-Formly is super easy. But sometimes you want a little more, like formatting postal codes, phone numbers, or bank accounts. In this post, I will show you how you can do it.

  • 6 min
How to end-to-end test with Cypress

How to end-to-end test with Cypress

With end-to-end tests in Cypress we test if the front-end works well with the back-end with end-to-end testing. So automatically filling forms, clicking buttons, navigate through the pages should be tested by end-to-end tests.

  • 5 min
The Fastest Way To Build Lightweight Angular Content Service

The Fastest Way To Build Lightweight Angular Content Service

Some applications need multiple languages, but others need one language but have loads of content to re-use. In this article, I want to show you the fastest way to create a ContentService (some call it a dictionary) for your Angular application.

  • 7 min
3 Steps To Help You Prepare For an Enterprise Development Team

3 Steps To Help You Prepare For an Enterprise Development Team

Before development teams of an enterprise organization are ready to pick up their work, the whole process is prepared. This process is essential before a developer can write their code.

  • 7 min
When To Use RxJS Subject, BehaviourSubject, ReplaySubject, AsyncSubject, or Void Subject in Angular

When To Use RxJS Subject, BehaviourSubject, ReplaySubject, AsyncSubject, or Void Subject in Angular

Angular has many types of Observables which you can use. Maybe you’ve seen RxJS methods like Subject, BehaviourSubject, ReplaySubject, or AsyncSubject in Angular. In this post, I want to dive deeper into what those types of Subjects are and when you should use them. So buckle up and enjoy the ride.

  • 3 min
You Don’t Have To Use Observables In Angular

You Don’t Have To Use Observables In Angular

In Angular, you can perform asynchronous actions in two different ways, Observables, and Promises. Most people pick Observables because every example on blogs and documentation tells you to do so. But why? Are Promises that bad? Or Observables that good?

  • 3 min
Two Ways To Unsubscribe Angular Observables

Two Ways To Unsubscribe Angular Observables

Angular is full of Observables. But is there is a mechanism that automatically unsubscribes your Observables when components get destroyed? Yes there is! You can use the async pipe or the takeUnitl method.

  • 5 min
The Easiest Way To Format Dates In JavaScript

The Easiest Way To Format Dates In JavaScript

For many years developers complain about formatting their dates and times in JavaScript. Doing calculations or proper formatting required libraries like MomentJS. Thanks to the ECMAScript Internationalization API, those days are over! It can format dates and times and also calculations.

  • 1 min
How To Add HTML Wrapper On Angular Component In Storybook

How To Add HTML Wrapper On Angular Component In Storybook

Storybook Decorators are the answer for creating a bit more markup

  • 2 min
Which Docker Images Can You Use On The Mac M1?

Which Docker Images Can You Use On The Mac M1?

Docker Improved Their Mac M1 Support, but which Docker images do work on the Mac with the M1 processor?

  • 6 min
Replacing a Framework, Library, or Programming Language is a Disaster

Replacing a Framework, Library, or Programming Language is a Disaster

As a developer, we are focused on tech. We adore working with new technologies, languages, libraries, and frameworks. All these things are changing so quickly! Are there any developers wondering what the consequences are for the business? Or the responsibility for a manager only? I don’t think so!

  • 3 min
One Mindset So You Will Be A Successful Developer?

One Mindset So You Will Be A Successful Developer?

So many developers are focussing on success, but what is success? Why do they all want to become 10x developers? Is it something everyone can achieve? Or is it only for the best of the best?

  • 15 min
6 Easy Steps How I Started Running 10KM -- As Developer

6 Easy Steps How I Started Running 10KM -- As Developer

It’s essential to take it slow, start with a 25–20 min run, and built up as you go at your own pace. In this 6 step guide, I help you started. Every runner starts as a beginner. It matters that you create the right way. Start easy to grow faster. Make it a habit. You will learn to love it so that it can change your life.

  • 5 min
How to Call a Serverless Function Or Web API Periodically With iOS Shortcuts

How to Call a Serverless Function Or Web API Periodically With iOS Shortcuts

Running a Serverless function or Web API every periodically can be done in so many ways. But today, I want to show you a free option in iOS if you have an iPhone or iPad. It is the Shortcut app.

  • 2 min
How To Let a TypeScript Function Accept an Index Type as Parameter

How To Let a TypeScript Function Accept an Index Type as Parameter

If you got the error “_Element implicitly has an ‘any’ type because expression of type ‘string’ can’t be used to index type_” in TypeScript via TSLint or Visual Studio Code? The solution is KeyOf type in TypeScript

  • 5 min
4 Reasons Why Low-code Is Great For Professional Developers

4 Reasons Why Low-code Is Great For Professional Developers

Low-code + Professional Developer = ❤️

  • 1 min
Declare Missing Helper Function (TypeScript) in Visual Studio Code

Declare Missing Helper Function (TypeScript) in Visual Studio Code

When you call a function with parameters in a TypeScript file in Visual Studio Code, you sometimes get an ugly red line. Let's fix that.

  • 2 min
How To Make Re-usable Colors In Microsoft Canvas Power Apps

How To Make Re-usable Colors In Microsoft Canvas Power Apps

Microsoft made it easy to build apps via their Power Apps Platform. As a professional developer, I love to make things re-usable, so I don’t have to type them every time. The Power Apps Canvas application lets you do that very quickly. But it requires some code in the Formula Bar.

  • 5 min
Coding is Dead! Long Live Low-code Development!

Coding is Dead! Long Live Low-code Development!

Coding is dead sounds hard, but I think we are at the forefront of a revolution in how we have taught about code for a long time. Will professional developers lose their jobs? Or will they evolve? I think professional developers and lowcode developers will join forces!

  • 2 min
Don’t Be a Jack Of All Trades Developer!

Don’t Be a Jack Of All Trades Developer!

As developers, we are all aware that web technologies are changing so fast that no human is ever in the power of learning everything. But how should we deal with it?

  • 5 min
7 Web Development Guidelines To Speed up Page Loading

7 Web Development Guidelines To Speed up Page Loading

Web development has evolved over the last couple of years. We load more and heavier files in the browser, but those things cost the user experience. Let's improve the page loading.

  • 5 min
Getting Started With Storybook Without a JavaScript Framework

Getting Started With Storybook Without a JavaScript Framework

We all want to use well-documented UI components in our frontend. With Storybook, you can do that reasonably quickly with React, Angular, Vue, or any other framework. But also without a JavaScript framework! Let's dive into it.

  • 1 min
Git Update Branch While On Other Branch

Git Update Branch While On Other Branch

I have those moments quite frequently, I need to update my develop branch, but I don't want to switch to it in git.

  • 1 min
How To Remove Un-used Imports Automatically In Visual Studio Code

How To Remove Un-used Imports Automatically In Visual Studio Code

If you’re working on a project that forces you to run all the linting before you can commit, you can sometimes feel frustrated. But most of the time, I forget to clean un-used imports in my TypoScript/JavaScript files.

  • 2 min
Improve React Components With Optional Chaining & Nullish Coalescing

Improve React Components With Optional Chaining & Nullish Coalescing

If you’re working on a big React (Next.js) application, sometimes you might need to dive deep into a data structure. Let's use Optional Chaining & Nullish Coalescing to improve React components.

  • 1 min
Define NodeJS, NPM, and TypeScript version in your Package.json

Define NodeJS, NPM, and TypeScript version in your Package.json

I think this is a pretty unknown feature in the package.json. But you can define what version a computer needs to be able to run your project.

  • 3 min
Polished.js: A Utility CSS-in-JS library for Styled-Components in React.js

Polished.js: A Utility CSS-in-JS library for Styled-Components in React.js

Sass functions like lighten(), darken(), complement(), invert() are pretty useful. I was wondering if there was something for styled-components. Well, I found the great library Polished.js.

  • 2 min
How To Add Props To Styled Components in React.js with TypeScript

How To Add Props To Styled Components in React.js with TypeScript

I’m pleased with Styled-components. Adding proper TypeScript typings was a big question for me, until now! So I want to share them with you. 😉

  • 1 min
How to use CSS Media Queries with Styled Components in React.js

How to use CSS Media Queries with Styled Components in React.js

Use Media Queries Smarter In Styled Components

  • 1 min
CSS variable with Styled Components

CSS variable with Styled Components

Using CSS variables in Styled Components with React is supereasy. With this example you can start using them 💪

  • 4 min
How Promises Actually Work in JavaScript

How Promises Actually Work in JavaScript

Learn when and how to use them

  • 5 min
Can’t Access Camera or Microphone In WebRTC Apps? Solve Using “navigator.mediaDevices” Web API

Can’t Access Camera or Microphone In WebRTC Apps? Solve Using “navigator.mediaDevices” Web API

Sometimes it happens in a WebRTC application that a browser can’t access the camera or microphone. Possibly it’s being used by another piece of software, or it doesn’t have a camera at all.

  • 5 min
Build A Custom Like Button with HTML, CSS and Vanilla JavaScript

Build A Custom Like Button with HTML, CSS and Vanilla JavaScript

When you want to learn JavaScript, where do you start? Building UI components is always a good idea!

  • 4 min
Why use Tailwind CSS with NextJS

Why use Tailwind CSS with NextJS

Some people hate writing CSS, but others love to write it. I'm one of those people who love to write CSS himself. But using a tool that helps me create a website a lot faster and brings stability into my work will always make me excited to give it a try

  • 2 min
Get, Add or Remove HTML Elements with JavaScript

Get, Add or Remove HTML Elements with JavaScript

Manipulating the HTML DOM is easy with JavaScript methods querySelector and querySelectorAll. In this post, I will show you how easy it is!

  • 5 min
How To Build and Deploy a JAM-stack Website Fast With NextJS — in 5 steps

How To Build and Deploy a JAM-stack Website Fast With NextJS — in 5 steps

NextJS is one of the best tools for building JAM-stack websites with all kinds of content sources.

  • 4 min
5 Development Retrospective Questions to Have Great Discussions

5 Development Retrospective Questions to Have Great Discussions

Not all discussions are great. Let’s improve them

How to Learn JavaScript The Easy Way?

How to Learn JavaScript The Easy Way?

A Tiny Step At The Time Is More Than Enough To Become A Pro

  • 5 min
5 Rules to Improve Code Readability

5 Rules to Improve Code Readability

Code readability is a feature of your application (even if your users don’t see it)

  • 7 min
Tips to Create Developer Tutorials — in 5 steps

Tips to Create Developer Tutorials — in 5 steps

Want to create development tutorials but you aren’t sure where to start? Start here!

  • 6 min
Use CLI tools From Mac/Linux On Windows Subsystem for Linux

Use CLI tools From Mac/Linux On Windows Subsystem for Linux

WSL2 is so powerful to make the switch from Mac a breeze.

  • 3 min
Introduction to Angular Testing Methods

Introduction to Angular Testing Methods

Isolated, Shallow, Integrated, and End to end testing

  • 12 min
How To Build A Serverless Webshop — part 2

How To Build A Serverless Webshop — part 2

Product list and detail view with Angular

  • 6 min
How To Build A Serverless Webshop

How To Build A Serverless Webshop

Connect Angular and FaunaDB with Netlify Serverless functions

  • 2 min
TypeScript’s New Top-Level Await

TypeScript’s New Top-Level Await

We don’t need an async function wrapper anymore

  • 4 min
4 Steps to Get Started With Serverless Functions on Netlify

4 Steps to Get Started With Serverless Functions on Netlify

In this article, I want to tell you everything I know about serverless functions. I’m not going to dive into the small details. I want to talk about what they are and why you want to use them as front-end developers. What Are Serverless Functions?

  • 2 min

Jump Start Your Developer Career From Zero To Hero

A Method So Simple It Will Blow Your Mind!

  • 4 min
Native Lazy Loading in the Browser

Native Lazy Loading in the Browser

How we do it now and how we did it in the early days

  • 5 min
5 Steps Give Structure To Your Development Projects

5 Steps Give Structure To Your Development Projects

Are you not able to manage your programming projects? Try this!

  • 1 min
Dear CodeNewbie, Be 1% Better Everyday!

Dear CodeNewbie, Be 1% Better Everyday!

Please don’t think that experienced developers know everything from their head! No! I’m searching basic switches a lot of times because…

  • 4 min
JavaScript Concepts You Need Before Starting w/ Frameworks & Libraries

JavaScript Concepts You Need Before Starting w/ Frameworks & Libraries

Don’t start before you are comfortable with them

  • 3 min
5 Tips To Make 100DaysOfCode Effective For Everyone!

5 Tips To Make 100DaysOfCode Effective For Everyone!

Spend Your Time Wisely To Learn To Code

  • 3 min
3 Tips To Use Const Variable More Often in JavaScript

3 Tips To Use Const Variable More Often in JavaScript

Use Const by default, unless it needs to change.

  • 4 min
How To Build A Dark Mode Switcher with CSS Variables

How To Build A Dark Mode Switcher with CSS Variables

Build a Dark Mode Switcher with CSS Variable, JavaScript and TypeScript

  • 2 min
Do You Fear Missing The Train Of The Next Framework?

Do You Fear Missing The Train Of The Next Framework?

FOMO is a real thing in the developer community

  • 1 min
The Undefined Dev #1

The Undefined Dev #1

Developer write log without defining about what ☺️

  • 3 min
3 Tools to Start Programming on a Tablet or Mobile Phone

3 Tools to Start Programming on a Tablet or Mobile Phone

I want to share with you some tools you can use on a mobile phone or cheap tablet so that you can get started with web development.

  • 3 min
3 Lessons From Developer Job Rejections

3 Lessons From Developer Job Rejections

Push through even when it’s hard!

  • 13 min
TypeScript For Beginners

TypeScript For Beginners

In this post, I want to dive into the basics of TypeScript. We’re going to learn primitives, interfaces, enums, classes and a lot more. Sit back, grab your editor and let's get started with learning TypeScript.

  • 7 min
How to Build Fast, Advanced JSON-Powered Forms on Angular With ngx-formly

How to Build Fast, Advanced JSON-Powered Forms on Angular With ngx-formly

Validations, repeatable sections, conditional fields, and submitting your form to your API

  • 5 min
6 Tips to Focus if You Work From Home as a Developer

6 Tips to Focus if You Work From Home as a Developer

Working from home isn’t as easy as it sounds. Let’s make it easier!

  • 4 min
How To Develop A Positive Mindset

How To Develop A Positive Mindset

It’s not about not being realistic, it’s about being optimistic

  • 8 min
We Are Not Serious Enough About Software Development

We Are Not Serious Enough About Software Development

Why don’t we treat software the way we treat real-world infrastructure?

  • 3 min
5 Visual Studio Code Extensions to Improve Your Productivity

5 Visual Studio Code Extensions to Improve Your Productivity

Improving our development workflow in VS Code

  • 3 min
How To Earn Money As Programmer During The Coronavirus

How To Earn Money As Programmer During The Coronavirus

3 Ways Programmers Can Get Paid Without The Need Of A Job

  • 6 min
3 Toxic Dev Team Behaviors

3 Toxic Dev Team Behaviors

And the solutions to solve them

  • 11 min
Build Fast, JSON-Powered Forms on Angular With NGX Formly

Build Fast, JSON-Powered Forms on Angular With NGX Formly

Forms can be a nightmare — let’s make them better

  • 3 min
5 Lessons From Writing Programming Tutorials for 8 Years

5 Lessons From Writing Programming Tutorials for 8 Years

Push through all boundaries, even though it’s hard

  • 6 min
What Is The Scope In JavaScript

What Is The Scope In JavaScript

Explanation about the behaviour of Var, Const, Let, Functions, Objects and Classes in the Global Scope.

  • 2 min
Top 5  Favourite Medium JavaScript Posts

Top 5 Favourite Medium JavaScript Posts

My favourite posts of Februari 2020 about JavaScript Development

  • 5 min
You Don’t Need a JavaScript Framework

You Don’t Need a JavaScript Framework

Sometimes React, Angular, or Vue.js might be too much

  • 2 min
3 Tips for Junior Developers

3 Tips for Junior Developers

It’s not easy to be a junior developer, but stick with it, it’s worth it

  • 4 min
Classes With Private Properties in TypeScript 3.8

Classes With Private Properties in TypeScript 3.8

Finally, privacy in TypeScript/JavaScript classes

  • 3 min
The Skill You Need to Grow as a Person

The Skill You Need to Grow as a Person

Be helpfull to anyone in everything, it’s a WIN-WIN!

  • 3 min
5 Reasons Why You Should Write Technical Blog Posts as Developer

5 Reasons Why You Should Write Technical Blog Posts as Developer

How writing technical blog posts can help you early in your developer career

  • 8 min
7 Steps to Dockerize Your Angular 9 App With Nginx

7 Steps to Dockerize Your Angular 9 App With Nginx

Set up your Angular 9 app in a Docker environment and deploy it in no time

  • 4 min
An Introduction to TypeScript Property Decorators

An Introduction to TypeScript Property Decorators

A deeper dive into TypeScript decorators

  • 7 min
7 Lessons I Learned While Being a Developer for 10 Years

7 Lessons I Learned While Being a Developer for 10 Years

Lessons I learned which will hopefully save you time and stress

  • 5 min
A Practical Introduction to TypeScript Class Decorators

A Practical Introduction to TypeScript Class Decorators

Classes on fire in TypeScript with class decorators

  • 2 min
Prevent “Cannot read property ‘…’ of undefined” errors with JavaScript Classes + TypeScript

Prevent “Cannot read property ‘…’ of undefined” errors with JavaScript Classes + TypeScript

Every developer who did some JavaScript has got errors like “Cannot read property ‘…’ of undefined”. There is one simple way to prevent…

  • 6 min
Dive into GraphQL with Apollo Client by Building a SpaceX 🚀 App in Angular 9

Dive into GraphQL with Apollo Client by Building a SpaceX 🚀 App in Angular 9

I know that this sounds odder than it is, but using GraphQL in an Angular 9 application with Apollo Client feels like flying a SpaceX…

  • 7 min
GraphQL (microservices) architecture by Apollo

GraphQL (microservices) architecture by Apollo

GraphQL is fantastic! Apollo build tooling around it to make our life easier, to use it at scale

  • 3 min
Thoughts About Micro-Frontends in 2020

Thoughts About Micro-Frontends in 2020

Why it could be good to break up your monolithic front-end codebase

  • 5 min

Lazy-loading images with the Intersection Observer

Lazy loading has always been a popular toppic on the web! But with the Intersection Observer that will all be so much better than it was!

  • 1 min

Git 101 - STEP 4: merging branches, merge conflicts & cherry-pick

Today I want to show you how easy it is to merging branches, fix a merge  conflict and how to use cherry-pick to get any commit your local branch!

  • 0 min

How to spice up your technical skills during the end of 2017 hollidays!

In this episode (9) of the Mr Frontend Podcast, we are gonna talk about: "How to spice up your technical skills during the end of 2017 holidays!"

  • 2 min

Git 101 – Step 3: branches

This time we are going to talk about how you can handle branches with Git on the terminal . For a full explanation check the video 😉

  • 2 min

Screw New Years resolutions as a web developer! (Work Hard, Play hard)

Listen to this podcast on iTunes, Soundcloud, Overcast, PlayerFM, CastBox, ListenNotes and PocketCast.

  • 1 min

Git 101 – Step 2: add, stage, commit & push

In the previous post I gave a introduction about Git and how to install it. In this video I show you how you can manage your changes, commit them and eventually push them to Github.

  • 3 min

Git 101 – Step 1: setup, create repo local and remote repository

If you never used Git it can be hard to start. With this series of blogs and video’s, I want to help you get started. We are gonna start on the terminal! If you're not used to the terminal (some call it command line), I do my best to show you it is not scary!

  • 0 min

Black Friday Discount , Web Dev news, VueJS & Frontend Love Conference 2018

This podcast episode is all about Black Friday, Web Dev news and the VueJS & Frontend Love Conference 2018 in Amsterdam!

  • 0 min

VueJS Conference, Frontend Love Conference, Web Development News

Every fifth episode of the Mr Frontend Podcast is gonna be a visual one! In this episode, I will talk about the new Mr Frontend Online Class, Frontend Love Conference, VueJS Conference and some cool Web Development new from these past weeks!

  • 1 min

Introduction to SSR with NextJS and NuxtJS

At the moment there is a lot talking about SSR (Serverside rendering) applications. SSR is most used in combination with frameworks like React or Vue. For React there is NextJS and VueJS has NuxtJS.

  • 2 min

Mr Frontend Podcast #4 – How and why should start blogging as Junior Developer

https://soundcloud.com/mr-frontend-community/mr-frontend-podcast-4-how-and-why-should-start-blogging-as-junior-developer

  • 2 min

JavaScript Basics: How to create private & public functions in JavaScript with the Module Pattern

I’m gonna show you how you can create private functions and public methods with Vanilla JavaScript using the Module Pattern (Object Literal).

  • 3 min

5 tips for landing your first Junior Web Development job!

You want to gain more serious experience, to get a real job as Junior Web Developer. With these 5 tips, I'm gonna help you to achieve this!

  • 1 min

JavaScript Basics: How to return a value from a function in Vanilla JavaScript

This time I want to talk what a return statement does and how you can return a value from a function in Vanilla JavaScript.

  • 2 min

🎧 Mr Frontend Podcast #2: What/Who is Mr Frontend and 3 tips for beginner developers!

Mr Frontend Podcast #2, is about who I am and what I do with Mr Frontend. And I give 3 important tips for developers that are just starting!

  • 1 min

JavaScript basics: How to add and remove elements with Vanilla JavaScript

In the previous videos and blogs, I showed you a couple of things with getting 1 or more HTML elements via Vanilla JavaScript. This time we are going to add and remove HTML elements to our page with Vanilla JavaScript. We are gonna use the createElement, createTextNode, appendChild & removeChild methods for it.

  • 1 min

🎧 Mr Frontend Podcast #1 – The JavaScript Framework War

This is the first episode of the Mr Frontend Podcast.

  • 2 min

JavaScript basics: 2 ways to get child elements with JavaScript

In jQuery, it is super easy to get the child elements of a parent HTML element. But do you know how it works with Vanilla JavaScript?

  • 2 min

jQuery does not help you learn JavaScript

Be aware that this blog post is my opinion, based on my own experience. So it is possible that you won't agree with that and that is okay. If you want to give your vision about this topic, please do it in the comments 😉.

  • 2 min

JavaScript basics: Select one or multiple HTML elements

If you search StackOverflow for selecting HTML elements on a page you will be overloaded by jQuery examples.

  • 1 min

How I think about the Imposter Syndrome from a Developer perspective

I created this video because I was inspired by the talk of Jessica Rose that she gave at the Fronteers Conference 2017! Unfortunately, the video of this talk is not online yet, but this is the talk of a few years ago.

  • 3 min

How to write better CSS with BEM

This blog and video are especially for Developers who want to optimize their CSS. It is very important to have readable CSS, for your teammates and yourself.

  • 2 min

3 ways to loop over Object properties with Vanilla JavaScript (ES6 included)

It happens a lot that you need to loop over an Array with JavaScript Objects! But sometimes you just don’t know what kind of properties that Object has. Lucky we are that JavaScript offers a few ways of looping over JavaScript Object properties.

  • 1 min

How long would it take to start building your own projects with Vanilla JavaScript?

Well, first it is important to know what your definition of a project is because you can have super small projects, but also very big projects.

  • 2 min

Should I learn React Or AngularJS?

I think this is a bit generic question! But this question was asked on Quora!

  • 1 min

It's not possible to know EVERYTHING as a Developer, so don't be afraid of that!

In this video, I share why you shouldn't be afraid of not knowing EVERYTHING as a Developer.

  • 1 min

Junior Developer! You are definitly good enough! 🙏

Don't think you are not good enough! Because you are definitly good enough! 😁😎

  • 1 min

#SpiceUpJSExercise: Build a todo app with Vanilla JavaScript

A lot of people have asked to help them grow in their JavaScript skills. But the only way to do it is by using JavaScript properly and get feedback on the code you’ve written.