I attended the two-day NuxtJS conference and NuxtJS 3 has got some amazing features rolling out.

Image by John Philip

NuxtJS is an intuitive framework that is built on top of Vue.js. This means most of the core features and capabilities of VueJS are pretty much enabled in NuxtJS.

Having been a lover and enthusiast of the Vue.js framework, I have found working with NuxtJS a breeze with a lot of capabilities it provides outside the box.

Some of the core features it provides are:

✔️ Zero Configuration — Start coding your app right away, Nuxt takes care of the rest.

✔️ File-system Routing — Automatic routing and code-splitting every page.

✔️ Rendering Modes — Switch between static-site generation or…


Things you might face when breaking into the world of tech and programming.

Image by John Philip.

Breaking into the world of technology and programming can be challenging for so many people, especially for starters and those shifting from other careers.

Above all, this field is welcoming and encouraging for anyone willing to break into it.

What most people shy away from are the ugly side of being a programmer and what entails this beautiful career.

Programming can at times be challenging and in this article, we will look at the ugly side of being a programmer that no one likes talking about.

1. Programming takes time to learn.

Programming is an art and for every beauty in art, there has to be…


Create JavaScript Particles animated background for your website.

Particle.js sample overview: Photo by John Philip

tsParticles.js is a lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components. from Documentation.

Recently I found this library out and was thrilled to try and implement its use in Nuxt.js.

If you aren't familiar with Nuxt.js, it is a powerful framework that is built entirely on top of the Vue.js JavaScript Framework.

In this article, we are going to see how we can implement the use of particle.js in a Nuxt.js application.

You can check more about Nuxt.js here.

Installing particle.js in our projects.


Don't get trapped in the tutorial loop.

Photo by John Philip

Programming is a daunting task of learning and relearning things every once in a while.

Especially with the tons of resources to learn from, many distractions come along the way and block you from doing the things that you would love to do.

With so many tutorials and courses out there, they can be distracting normally if you don’t stick to one till the end.

In this article, we are going to look at various tips to improve your learning and gain programming skills on the side.

Don’t memorize code.

Memorizing code can be a dangerous move for anyone. …


Here are some tips that have helped me become more productive in development.

Photo by John Philip

Many developers struggle to maintain and become productive. Productivity is very essential for any developer, it helps you get more done while staying productive.

In this article, we are going to look at the various ways to improve our productivity and get more done.

1. Well Planned Project Structure.

Having a well-structured project is one way of beating distractions and maintaining productivity.

When you have a project at hand, try to take your time and fully plan on the right execution of the project at hand.

Reason out the hurdles that the project may come with and provide necessary counteractive on ways to mitigate on…


The not talked about topic on having self-doubt and low self-esteem in programming.

Photo by John Philip

Self-doubt occurs typically due to a feeling of uncertainty regarding one or more aspects of the personal self.

At some point in our programming journey, we have to experience the feeling of self-doubt.

It may also occur due to a lack of confidence and feeling incapable of doing things that we need to do.

It can also be manifested in the form of procrastination and lack of motivation.

Self-doubt may come from depression, anxiety, and low self-esteem, which most, if not all, programmers suffer from.

Self-doubt is…


Advanced but useful Git techniques and tricks.

Photo by John Philip

Productive programmers tend to be good and smart with Git. Git is a version control software that keeps track of your changes and enables you to commit them to the remote repository.

Git has been very influential in the developer’s space and software engineering in general.

In fact, in today’s development practices Git is very much necessary and needed for any development workflow.

Almost all the software development jobs today enable people to work together on a project which Git has been very influential in making this dream come true.

In this article…


Roadmap to master the core concepts that every JavaScript programmer must know.

Photo by John Philip

JavaScript is a programming language that conforms to the ECMAScript specification.

JavaScript is high-level, often just-in-time compiled, and multi-paradigm. It has curly-bracket syntax, dynamic typing, prototype-based object orientation, and first-class functions by Wikipedia.

JavaScript has been around since December 4, 1995, and has been very influential in powering the web since then.

Together with HTML and CSS, JavaScript is powering around 97 percent of the World Wide web.

As a multi-paradigm language, JavaScript supports event-driven, functional, and imperative programming styles.

JavaScript also takes a lot of time to master the basics, and getting good programming with JavaScript takes a lot…


Long-lasting habits that will power you through years of programming.

Photo by John Philip.

Programming always comes with unhealthy habits that can break your productivity and change the initial trajectory of your focus, goals and career in general.

More especially when you put little consideration to curb on the same unhealthy habits.

In this article, we will learn habits that, when fully implemented, will propel your productivity and get more done.

These habits will also help you grow as an overall better programmer.

1. “Get it Done” attitude.

Having a “get it done” attitude is one step in ensuring that you do what you intended to do and don’t fall off your goals.

Have result-oriented goals (products which u…


Vue.js roadmap to learning Vue.js and its ecosystem.

Photo by John Philip.

Vue.js just like any other front-end framework has some complexities when you want to learn and master this framework.

In this article, we will break down this framework into simple, easily digestible topics that any beginner or intermediate developer can quickly track their learning and get much about Vue.js.

This piece is not intended as a one-size-fits-all for mastering Vue.js but rather a guide to inclining your learning to the most popular Vue.js topics and its relevant ecosystems.

Getting Started.

  1. Why Use Vue.js.
  • What is Vue.js? (introduction)
  • Installation (NPM, CLI, Vite).
  • Benefits of using Vue.js(Advantages/Problems Vue.js solves).

2. Basic Structure of Vue.js…

John Philip

Software developer, Technical Writer, Life Café https://medium.com/life-cafe , Curious Soul, twitter at @amjohnphilip, Email: developerphilo@gmail.com

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