<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!