DEV Community

CodeCara
CodeCara

Posted on

1

Linting, dropdowns and carousels...

Things I've worked on/completed since my last post…

Linting

Dynamic User Interface Interactions

Building a dropdown menu and publishing to npm

Building a carousel

Issues I had…

Npm, json, dependencies etc. are still confusing me a bit - just taking it slowly and trying to see what’s going on as best I can.

I had errors when trying to test my first npm package, but I decided to move on to stop going down a rabbit hole. I may revisit this in the future

I was a bit confused on how to structure the carousel at first, mainly in terms of z-indices, but I played around with the code and got it working. Unfortunately, I did not read full instruction and set my divs up as siblings instead of parent and child. Although it worked, did not follow the prescribed method, so I need to rework my code…I later thought that the sibling versus parent and child structure might have saved me trouble with z-indices…

Things that went well...

I published my first npm package! It may not be the best thought out npm package that ever existed, but I did it.

Things I've learnt/need to improve on...

I made my first dropdown and carousel and published my first npm package!

I found on what linting is.

I need to make sure I read all instructions before proceeding with a task.

Plan for the forthcoming week...

I hope to finished the current section I’m on, which includes form validation and ‘What is ES6?

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

AWS Q Developer image

Your AI Code Assistant

Automate your code reviews. Catch bugs before your coworkers. Fix security issues in your code. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay