• Coding Beauty
  • Posts
  • 10 must-have skills to become a top 1% web developer

10 must-have skills to become a top 1% web developer

Password strength puzzle, essential web dev skills, and more

Grow your Engineering Team with LatAm

🌎 CloudDevs is your gateway to 10,000+ vetted LatAm engineers, hand-selected for your project in just 24 hours.

✏️ Our talent is rigorously tested for IQ, tech stack and communication, with 7+ years of experience.

GPTE AI: Discover over 5,000 new AI tools for productivity, design, content creation, and more. Check it out

Time to see how well you know your regex!

We want our users to enter a special character ($), but we want them to put it within the password — not at the beginning or end.

Can you complete the code to help us do this?

ES8 was packed with valuable features that completely transformed the way we write JavaScript.

Code became cleaner, shorter, and easier to write.

Let's check them out and see the ones you missed.

Trailing commas used to cause a syntax error before ES8!

❌ Before:

const colors = [
  'đź”´red',
  '🔵blue',
  '🟢green',
  '🟡yellow', // ❌ not allowed
];

const person = {
  name: 'Tari Ibaba',
  site: 'codingbeautydev.com' // ❌ nope
};

But this caused some problems:

But this made things inconvenient when rearranging the list.

Also we always had to add a comma to the last item to add a new one -- cluttering up git diffs.

So ES8 fixed all that:

âś… Now:

const colors = [
  'đź”´red',
  '🔵blue',
  '🟢green',
  '🟡yellow', // ✅ yes
];

const person = {
  name: 'Tari Ibaba',
  site: 'codingbeautydev.com', // âś… yes
};

The benefits they bring also made tools Prettier add them by default after formatting:

10 essential skills every web developer should have to be at the top of their game.

From web basics you may be familiar with already; then going on to crucial skills like working with browser dev tools and coding rapidly with AI.

Notice how the focus is on real-world action instead of just theoretical knowledge — because that’s what matters.

All about the core skeleton of a website.

How to:

  • Create an HTML page in an editor & open it in the browser

  • Set page title & icon

  • Create paragraphs of text

  • Create headings

  • Create links to other pages

  • Display images

  • Display tabular data

  • Show lists of elements

  • Handle input with forms

  • Create comments & comment out code

  • Make your page more meaningful with Semantic HTML

Some people think semantic HTML is useless because of CSS but they're wrong.

Thanks for taking the time to read today’s issue.

Don’t let the bugs byte,
Tari Ibaba