<h1 id="heading-what-is-frontend-development">What is Frontend Development</h1>
<p>Frontend Development is:</p>
<ul>
<li>Everything you see on a site! </li>
<li>Visual design + Effects! </li>
<li>Logic you see like a popup from a button click or adding 2 numbers</li>
</ul>
<p>Not:</p>
<ul>
<li>Databases</li>
<li>CRUD Operations</li>
<li>Anything you do not see going on</li>
</ul>
<h1 id="heading-popular-frontend-languages">Popular Frontend Languages</h1>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1653834086278/U2d95PFet.png" alt="image.png" /></p>
<p>The popular frontend languages are:</p>
<ul>
<li>CSS - The actual design of the site from layout to colors</li>
<li>HTML - The elements that are styled using CSS</li>
<li>JavaScript/Frontend Framework - Logic like alerting someone when you click a button!</li>
</ul>
<p>Whoah already at 100 words!</p>
<h1 id="heading-each-frontend-browser">Each Frontend Browser</h1>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1653835112915/lHl7LICcf.png" alt="image.png" /></p>
<p>Each browser processes code differently so you need to make sure it is accessible to all... Some browsers are:</p>
<ul>
<li>Chrome</li>
<li>Firefox</li>
<li>Safari</li>
<li>Edge</li>
<li>Internet Explorer</li>
</ul>
<p><a target="_blank" href="https://www.pcmag.com/picks/chrome-edge-firefox-opera-or-safari-which-browser-is-best">More Here</a></p>
<h1 id="heading-what-frontend-devs-must-do">What Frontend Dev's Must Do</h1>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1653835168791/GRy75tyQe.png" alt="image.png" /></p>
<ul>
<li>UX/UI (<a target="_blank" href="https://kai-pereira.hashnode.dev/ux-importance">described here</a>)</li>
<li>Responsivity</li>
<li>SEO</li>
<li>Problem Solving</li>
<li>Communication </li>
<li>Implementing Logic</li>
<li>HTML</li>
</ul>
<h1 id="heading-conclusion">Conclusion</h1>
<p>Now you understand the role of frontend developers (dummied down) and a bit on their code in 200 words!</p>
<p>Follow for more and share this article with friends! (I also have a newsletter you should join!!!)</p>


# 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](https://cdn.hashnode.com/res/hashnode/image/upload/v1653834086278/U2d95PFet.png align="left")

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](https://cdn.hashnode.com/res/hashnode/image/upload/v1653835112915/lHl7LICcf.png align="left")

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](https://www.pcmag.com/picks/chrome-edge-firefox-opera-or-safari-which-browser-is-best)

# What Frontend Dev's Must Do


![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1653835168791/GRy75tyQe.png align="left")

- UX/UI ([described here](https://kai-pereira.hashnode.dev/ux-importance))
- 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!!!)

What is Frontend Development? Popular frontend languages, browsers and everything a frontend developer must do!

Frontend Development For Dummies Explained in Fewer Than 200 Words

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 ❤️❤️


My blog is about anything programming/coding related. I write about Web3, React, Node, Express, MongoDB (Mongoose) , HTML, CSS, productivity and all cool UI/UX Design stuff! Come check me out!

Kai Pereira

Kai Pereira

Frontend Development For Dummies Explained in Fewer Than 200 Words

What is Frontend Development

Popular Frontend Languages

Each Frontend Browser

What Frontend Dev's Must Do

Conclusion