Skip to main content

Command Palette

Search for a command to run...

Frontend Development For Dummies Explained in Fewer Than 200 Words

Published
1 min readView as Markdown
Frontend Development For Dummies Explained in Fewer Than 200 Words
K

I code/program in Node, Express, MongoDB, React and my favorite CSS. I have a passion for UI/UX Designing and building dynamic websites. I also LOVE kitties 😍

What is Frontend Development

Frontend Development is:

  • Everything you see on a site!
  • Visual design + Effects!
  • Logic you see like a popup from a button click or adding 2 numbers

Not:

  • Databases
  • CRUD Operations
  • Anything you do not see going on

Popular Frontend Languages

image.png

The popular frontend languages are:

  • CSS - The actual design of the site from layout to colors
  • HTML - The elements that are styled using CSS
  • JavaScript/Frontend Framework - Logic like alerting someone when you click a button!

Whoah already at 100 words!

Each Frontend Browser

image.png

Each browser processes code differently so you need to make sure it is accessible to all... Some browsers are:

  • Chrome
  • Firefox
  • Safari
  • Edge
  • Internet Explorer

More Here

What Frontend Dev's Must Do

image.png

  • UX/UI (described here)
  • Responsivity
  • SEO
  • Problem Solving
  • Communication
  • Implementing Logic
  • HTML

Conclusion

Now you understand the role of frontend developers (dummied down) and a bit on their code in 200 words!

Follow for more and share this article with friends! (I also have a newsletter you should join!!!)

More from this blog

K

Kai Pereira's Blog

16 posts

Hi I'm Kai 🔥. I'm a laid back young aspiring developer trying to make a mark on the world! I code in Node, Express, MongoDB (Mongoose), HTML, React and my ❤️ CSS! I love UI/UX design and KITTIES ❤️❤️