📣 Massive JavaScript Resource Collection 📣

All 37 JavaScript Array methods (current & experimental) explained in images 👇 1️⃣ Array .at()

.at() lets us access elements in an Array by providing an index.

Both positive and negative ones are supported. 👇

Want to earn some extra cash as a developer? 💰

Here's how to get paid for writing blog posts, even if you've never written one before. 👇 1️⃣ Write Posts For Free

Before you can apply to any paid programmes or blogs, you need to write posts.

This helps refine and sharpen your skills and abilities. After all, people won't pay you to write blog posts if they can't understand what you're writing.

Everything you need to know about CSS Flexbox Align Items property. 👇

A thread. 🧵 Quick Note

Before jumping into the thread, I just want to ask a small favour. 🙏

It took a lot of time to create the content for this thread so I would love it if you would consider retweeting the 1st tweet so as many people as possible can see it.

Thank you 😄

👋 Hey Everyone 👋

Do you like the content I create here?

I'm also active on other platforms and services.

Check out the links below 👇 1️⃣ LinkedIn

I've been releasing a lot of content on LinkedIn recently.

Feel free to connect with me 👇

🔗 linkedin.com/in/coner-murph…

Here are 4 of the most popular ways to loop over Arrays in JS.

What's your favourite?

Thread 🧵 1️⃣ For Loop

The for loop is one of the fundamentals of the language due to its versatility. It's no different when it comes to looping over an array.

The for loop works by creating a variable and incrementing it while a condition is true, we then access the index.

Starting your first role as a web developer is a challenge on its own.

But, something that's not often covered is the importance of checking your contract.

Here are 5 things you must check in your contract as a new web developer.

Thread 🧵

1/11 1️⃣ Side Project / Business Ownership

It's not uncommon for some businesses to try to take complete ownership of the work you do. This includes work outside of the business which might be side projects or businesses you have.

2/11

🟡 JavaScript Charting Libraries 🟡

As a data nerd at heart, I love a good chart. And, because I also love JavaScript I started playing with different charting libraries.

Here are 3 of my current favourites

Check them out. 👇 🧵 1/5 1️⃣ Chart.js

Chart.js is my current favourite and go to library for charts right now. It offers great flexibility, performance and is really simple to set up with great documentation.

Check it out here: 2/5

🔗 chartjs.org

🖌️ 50 UI/UX Web Design Tips in 50 Days Mega Thread 🖌️

I just finished a challenge to send out 50 UI/UX Web Design tips in 50 days.

Here is every one of them in release order. 👇

Let me know your favourite below. 💬

Thread 🧵

1/20 Before we start...

If you enjoy this thread or find it helpful at all, I would greatly appreciate it if you would consider retweeting the 1st tweet so as many people as possible can see it.

Thank you and onto the thread. 😄

2/20

🔹 CSS Flexbox Animated 🔹

Flexbox has changed the way we style & layout our content with CSS.

However, at first, it can be a challenge to understand.

In this series of threads, I'm going to cover everything you need to know.

Let's get started.

Thread 🧵

1/15 In this thread, we will cover:

- display property
- flex-direction
- flex layout (axes)
- flexbox properties overview

2/15

🔵 CSS Animation Overview 🔵

CSS Animations make animating web UI elements simple. You can achieve many animations without needing any JS or external packages and can be done straight away with vanilla CSS.

Let's break down CSS animations. 👇 🧵 1/14 1️⃣ Keyframes

All CSS animations start with defining keyframes, before an element can be animated we need to define what the animation will be.

This is done using keyframes with either percentages or from/to.

2/14

📝 Obsidian & GitJournal Setup 📝

Recently I've been looking for a new way to make notes and record ideas both while in front of my laptop and while on the move.

I decided to try out @obsdmd with GitJournal on the go.

Here's how to set them up. 🧵 👇 1/11 ❓ Why Git?

Obsidian does have a mobile app in the works but is currently in closed beta so wasn't able to use it.

Another option was using a file sync client, but as GDrive isn't native to Linux that ruled this option out for me.

So then I settled on Git. 2/11

🔵 VSCode Helpful Extensions 🔵

VSCode is a great code editor and has an amazing community making great extensions for it.

Here are 5 of my favourites and how they can help you be a better developer. 📈 🧵 1/8 1️⃣ Auto Close Tag

❓ Find typing HTML a pain and hate having to always add the closing tags?

This extension will auto add in the closing HTML tag to match your entry. 2/8

🔗 marketplace.visualstudio.com/items?itemName…