Stefi Rosca

👩‍💻 Frontend Developer, 🌍 traveler and⛷️ Skier

Recurse Center Alumn

Posts tagged with "coding"

🚣 10 Must-Know VS Code Shortcuts

Moving from keyboard to mouse to perform some action can sometimes be annoying. VS Code has some really nice keyboard shortcuts to help keep me in flow when working with code. In this article, we'll explore 10 must-know VS Code shortcuts that I use on a day to…

🏋️ 12 Beginner friendly Codewars challenges in JS

Codewars katas, coding exercises, felt really intimidating. Even though I started with small easier challenges in the last weeks of my bootcamp at first I struggled. I didn't really understand what the kyu's were and wasn't sure where to start. Luckily I…

🧰 Setting up your username and email in Git at your first dev job

One of the things I had to do when getting my first job was configuring Git. Unless you setup your name and email address Git will take it from the environment. This is important because every Git commit uses this information and if it's not setup correctly it…

🦩 5 Free coding resources that helped me get my first frontend developer job

When I wanted to learn how to code I thought the only available options were either to go to university or attend a bootcamp. Given I wasn't sure if this was what I wanted to do long-term, I wasn't ready to invest. Luckily I found out about some great free…

✨ 7 Tips & tricks to make your console.log() output stand out

1. Styling your console.log Is this necessary? Probably not, but if you want to leave an easter egg message on your portfolio website's console why not a styled one? You never know who is looking. Check out mine at stefi.codes To do this you would us the…

🤺 7 Useful VS Code extension for junior web developers

In my early days of coding I used to get quickly frustrated when my code didn't run. It felt like I was doing everything right but the web app still didn't work. Mostly it was a silly mistake, some sort of typo, a missed comma, bracket or semicolon. This made…

The Difference Between setTimeout and setInterval

Until now I was only using setInterval not being aware of setTimeout. To be transparent I didn't need to use it until working on the Speed Writing Game Here's where setTimeout made a difference. I could have gotten way using setInterval for what I needed but…

React Router how to dynamically updated search parameters of an URL

The SkiBuddies app is a web app one which one can search for skiers and snowboarders with a few filters. When doing this search I wanted the data to be shown in the URL which meant I needed to find a way to update the URL search parameters dynamically. The URL…

Understanding CSS display: inline; block; inline-block

When styling elements on a page it's important to understand what kind of elements these are. Inline elements Inline elements are elements that can be put inside block elements without taking a new line. An example of such elements are links < a > that can be…

Drawing a Christmas Robot with pure CSS

Looking back it's funny how I used to look at CSS art on codepen and think that I would never be able to do something similar. Around this time codepen sents a newsletter including a holdiday #CodePenChallenge . Those were impressive but not something I would…

CSS selectors - Who gets priority?

I always wondered how CSS selectors get priority. I knew it was classes above element selectors but was never very sure about the rest until recently when I did a CSS Fundamentals course by Kevin Powell on Scrimba . It might sound strange but I was not…

Why setting the focus outline: 0 on a button is bad

I’ve learned this thanks to the fact that I’ve shared learning about outline: 0 . I was quite annoyed by the blue ring around my buttons whenever they were clicked but didn’t spend much time looking into it. I’m not a designer so I let it go easily. While…

Using CSS Transitions

Recently Florin Pop shared a course he worked on and just launched on Udemy, 50 Projects In 50 Days - HTML, CSS & JavaScript . Given the great promotion, 10 euros for the course, I decided to purchase it in support of his work. The idea of the course is to…

Stefi Rosca © 2024