Animated Dropdown Navigation

CSS Progress Bar Animation

CSS3 Joggle Text Animation

MUNDANE

The days are longer ,the nights are short

It carries an air of mundaneness with it

These slow moving thoughts and fast moving fights

I endure within myself some sadness and plight

But looking at the trees growing outside the window

I Can’t help but feel a shiver run down my spine

Sudden realisation of sorrow , A sudden jolt of anxiety

As i remember the life of trees the falling of their fruits and their lovely taste and smell .

I wish to endure for planting these trees has given me enough inner turmoil .

Planting anymore will only outweigh my mind

But looking at the trees ,the love they share

I feel so lonely and deserted

Wish I had someone to share this desert of mine

One who comes to bring me out to light

Build x Become ✨🕊️

I’m starting a new coding series where I’ll log my everyday progress on coding whether it’s the backend or frontend part. I’m documenting this because firstly I want to be more accountable, secondly I love writing sometimes I write poems too , thirdly it will be a great thrill to document this now and then coming back later to see how far i have come.

It’s vacation going on after my 2nd semester of CSE Btech program and I want to make the best out of it.

Currently I’m learning Whole Css as well as implementing it side by side with mini projects, C++, About LLms, JavaScript after Css and Microsoft excel. Yoga and meditation as companions.

So I’m starting #MyCodingRenaissance

What I’ll be logging in my daily days:

• Tasks completed everyday
• What I build (even something tiny)
• Personal Reflections

💡Quote of the day

🪽Tomorrow’s plan

CSE student • Learning to code, build, and grow • Logging my everyday journey in tech, mindset, and creation 🌱 #100DaysOfGrowth

100daysofcode #day002

Node package Manager

Native to nodejs installation is npm itself. Its is very robust and get’s the job done. But there is a better option. I would not say limitations of native npm is overcome by pnpm and its predecessor yarn. There are added features to npm and not necessarily limitations. I was using yarn until last month when I run into a codebase the was configured with pnpm. I have since used it for any project I have developed. To install pnpm you can visit their documentation, my prefered way is to use powershell or chocolately. Now chocolately or choco is an option when installing nodejs, if you did not install it then use the powershell command.

Visit pnpm and install using your preferred method.

Powershell command - Invoke-WebRequest https://get.pnpm.io/install.ps1 -UseBasicParsing | Invoke-Expression

Chocolately command - choco install pnpm

If you have to install a package manager then get chocolately or sccop. These will allow you to run an upgrade command when there is an update

100daysofcode #day001

The npm advantage

As a developer you need all the api’s that are available so that you don’t have to reinvent the wheel. There is no point in that, npm allows you to reuse code that someone has made into a lib-utility. I call it a lib utility because it’s normally a full set of programming api that enables you to achieve a purpose by making you harness the source code that actually makes your life easy. Infact under the hood react itself is a lib-utility but it’s seen as a framework altogether. Most JavaScript frameworks leverage the npm system or reusing code. Frameworks like react, svelte, angular, vue.js, solidJS and quik.

Building cross-platform Apps with Electron and React

Above are most frameworks that are mainstream, I did not include nextjs, nuxtjs and preact because are a subset of mainstream frameworks. React was made as a single page application to solve a problem of server roundtrips which had performance issues. In the same way Electron was developed so that web developers that sometimes get a one of desktop application project don’t have to go learn another programming language.

Npm package managers

There used to be a package manager called npm which was the native package manager and its very good. Since everyone is on the mission to solve problem, there has been an introduction of yarn and pnpm which is the latest. Pnpm came out in 2022 and its awesome, I will not go into the improvements made in yarn and pnpm but I will say node package manager(npm) is the tooling you need to use to install all you npm into your projects. After you install NodeJS, the base tool you need to develop JavaScript, It has prebuilt api’s that allows you to access the filesystem, scientific and arithmetic base and console tools. These modules will be added by default in any node project along with the ones you would like to use.

Announcing My Hundred Days of Code in The Study of Electronjs Using Typescript

My name is Kelvin Kabute, The Librarian at Ada Foah community Library at Accra East the capital of Ghana. I am a software engineer who works as a Librarian, so you can tell I have information science background also. This year has brought new opportunities for me, and I am on the journey to completely move from windows environment to Linux, specifically Slackware. I am trying to build a background in cross-platform applications and kotlin which is the new sensation in mobile development. I am currently on a journey to improve my real programing skill and put on parallel with my web development skill. I will be delving into C++ and the qt framework. I will be following a YouTube video by Niklas Ziermann. He will be building a windows task manager clone using electron.

This 100 days of code will contain detailed explanation of what I follow in this video and how I solved issues that came my way as I was coding. There will be technical articles and how to’s. Please follow along and let’s build something

Reclaiming Yourself: The Power of Cleaning in Tough Times

When you’re invisible in the industry, sometimes the first thing to clean is the part of you that’s still trying.

Let’s talk about something unorthodox—cleaning.

Yeah, you read that right. This isn’t a post about the best IDE plugins or how to structure your backend API. This is about something far more personal. I want to talk about mess, vulnerability, and the strange catharsis that comes…

Reclaiming Yourself: The Power of Cleaning in Tough Times

#100DaysOfCode: A Second Chance at Building a Great Habit

Embracing the Challenge Again, One Python Project at a Time

Last year, I attempted the #100DaysOfCode challenge with high hopes and determination. I envisioned myself coding daily, building projects, and sharpening my programming skills. However, reality had other plans. My demanding work schedule and physical exhaustion made it impossible to keep up with the challenge. I had to abandon my…

#100DaysOfCode: A Second Chance at Building a Great Habit

day 11/? of code

today i studied the arrays module, and finished the lab project which was a list, the “lunch picker program”, where you add and remove items from a list.

also started watching dandadan and !!! it’s so fun??? im really into anime these days.

How Facebook’s CDN Works.

Como Funciona la CDN de Facebook.

👉 https://blog.nubecolectiva.com/como-funciona-la-cdn-de-facebook/

ALT

How to Delete a Project in Google Cloud with the Terminal.

Como Eliminar Un Proyecto en Google Cloud con la Terminal.

👉 https://blog.nubecolectiva.com/como-eliminar-un-proyecto-en-google-cloud-con-la-terminal/

ALT

Rashtra Gaan of India

Hydration Error Differences in React 19 !

Diferencias de Errores de Hidratación en React 19 !

🔎 Zoom: https://nubecolectiva.com/comunidad/flyers/hydration-error-differences-in-react-19/

ALT

Reflecting on a Year of Code and Progress

At the beginning of this year, I embarked on the #100DaysOfCode challenge with the goal of sharpening my programming skills, building real-world projects, and developing the discipline of daily coding. As the year draws to a close, I find myself in a similar position—looking back at another attempt at the challenge, acknowledging the wins, the setbacks, and the invaluable lessons learned along…

Reflecting on a Year of Code and Progress

Technologies used by Norton Antivirus !

Tecnologías Que Usa Norton Antivirus !

🔎 Zoom: https://nubecolectiva.com/comunidad/flyers/technologies-used-by-norton-antivirus/

ALT

How the JavaScript Temporal Object Works.

Cómo Funciona el Objeto Temporal de JavaScript.

👉 https://blog.nubecolectiva.com/como-funciona-el-objeto-temporal-de-javascript/

ALT

Daily Habits: Why Missing One Doesn’t Make You a Failure

We all know the power of daily habits. Whether it’s coding every day, working toward a fitness goal, or starting a blog, creating good habits can lead to lasting change. But here’s the thing: life doesn’t always cooperate. Some days, your routine crumbles. You miss your workout. You forget to code. You can’t bring yourself to write a blog post. And when that happens, it’s easy to feel like you’ve…

Daily Habits: Why Missing One Doesn’t Make You a Failure

What is the difference between GitOps and DevOps.

Cual es la Diferencia entre GitOps y DevOps.

👉 https://blog.nubecolectiva.com/cual-es-la-diferencia-entre-gitops-y-devops/

ALT