Front End Fraternity

Everything about front-end web development: HTML, CSS, JavaScript, Accessibility, UI, UX, etc. Follow to learn. Need a website or landing page? DM me.

[Front End Fraternity @FrontEndFrater]

Who am I and why should you care about my content:

I am freelance software engineer from India dedicated to deepen my understanding about web technologies and computer science in general.

Getting a developer job was a nightmare for me.

I did much work in different fields and couldn't frame a good focused portfolio. That made my life hell, rejection everywhere. Though, I knew the work but didn't get the title I was looking for, for six years. Was doing mixed roles ranging from content creation, graphic design, web design, digital marketing, WordPress, PHP, etc.

Well, I got to live by the title I wanted, Software Engineer, in 2018. I worked for 15 months and left. Working on my own till then.

I am basically a software engineer with good knowledge of database and backend languages. Front end is something that keeps calling me to explore more.

No one should feel the pain what I had to go through. That's why I am creating educational resources.

Will keep posting more and create some more focused accounts for various computer science fields.

Expect a dedicated website as well. If this account gets support from the amazing web development community, I can dedicate myself fully to create great content and monetize it with AdSense.

You will be getting good content, I will be getting sustainable income to produce quality material.

Win Win for both.

Thanks for reading till here. Follow me to learn front end technologies and make a great career out of it.

[Front End Fraternity @FrontEndFrater]

Do you remember when you joined X? I do! #MyXAnniversary

[Front End Fraternity @FrontEndFrater]

Share your latest front end project

[Front End Fraternity @FrontEndFrater]

Learning JavaScript and CSS for years and still feel like I know nothing about them

[Mosh @moshhamedani]

What do you plan to learn in the next 6 months?

[Front End Fraternity @FrontEndFrater]

Next JS is all over the internet.

LLMs have made it grow exponentially with vibe coding tools.

[Front End Fraternity @FrontEndFrater]

That's some serious shitpost

[Brad Traversy @traversymedia]

The way things are going, I can see everything up to our toilets having a subscription fee.

$10/month for unlimited flushes, $20 for “family plan,” and $50 for enterprise shits. 😆

[Front End Fraternity @FrontEndFrater]

@traversymedia Take our add-on if you have diarrhea

[Front End Fraternity @FrontEndFrater]

If you still use VScode in 2025, you are a green flag.

[Front End Fraternity @FrontEndFrater]

If you're learning JavaScript and feeling overwhelmed by how much there is to remember, you're not alone. It's completely normal to understand something one day and struggle to recall it the next.

This isn't a sign that you're bad at programming. It's simply how memory works. Our brains aren't designed to permanently store every piece of information after a single exposure. Even seasoned developers can't recall every syntax detail or method without looking things up.

The key is creating a reliable reference system. Write down what you learn in a way that makes sense to you. When you need that information later, whether for an interview or a project, spending a few minutes reviewing your notes will bring it all back surprisingly fast.

Don't measure your progress by what you can instantly recall. Measure it by your ability to understand concepts when you encounter them again. That's real learning.

[Front End Fraternity @FrontEndFrater]

CSS is getting more and more powerful.

[Adam Wathan @adamwathan]

10 years since the first commit to the file that eventually became Tailwind CSS 🦕

[Front End Fraternity @FrontEndFrater]

@_devHelen C

[Front End Fraternity @FrontEndFrater]

@DanKulkov No name calling please

[Front End Fraternity @FrontEndFrater]

@Lukaj2121 Correct Answer: B) useState

The useState hook in React is used to add and manage state in functional components.

[Front End Fraternity @FrontEndFrater]

React JS Quiz

What manages state in React?

A) useEffect
B) useState
C) useContext
D) useReducer

[Front End Fraternity @FrontEndFrater]

@NoCtrlZDave That was the tricky one. Most people get confused with href

[Front End Fraternity @FrontEndFrater]

🌿 HTML Quiz

Which tag creates a hyperlink?
A) <link>
B) <a>
C) <href>
D) <url>

[Front End Fraternity @FrontEndFrater]

13 popular project ideas involving HTML and CSS, perfect for honing your web development skills:

Personal Portfolio Website: Create a website to showcase your skills, projects, and resume.

Blog Website: Design a blog with posts, comments, and a responsive layout.

E-commerce Website: Build a basic online store with product listings, categories, and a shopping cart.

Landing Page: Design a sleek and engaging landing page for a product, event, or business.

Restaurant Website: Create a website for a restaurant featuring a menu, photo gallery, and location map.

Travel Agency Website: A site with travel packages, booking forms, and destination guides.

Photo Gallery: Develop an interactive photo gallery with various layouts and styles.

Event or Conference Website: Include event schedule, speaker profiles, and registration forms.

Educational Website: Build an educational site with courses, tutorials, and learning resources.

News Website: A news portal with different categories, comment sections, and live feeds.

Music or Video Streaming Website: Design a platform for streaming music or videos with playlists and user profiles.

Fitness Website: Create a site with workout plans, nutrition guides, and fitness calculators.

Social Media Dashboard: A dashboard design for managing and displaying social media metrics and activities.

These projects cover a range of skills and complexities, making them suitable for both beginners and more experienced developers. Each one can be enhanced with additional features like JavaScript interactivity, backend integration, or advanced CSS techniques like animations and transitions.

[Front End Fraternity @FrontEndFrater]

Frontend pain points:

Deploy works locally, fails in prod

SVG icons misbehaving

Accessibility tests screaming

CSS transitions laggy on low-end devices

Lighthouse score ruins your day

[Front End Fraternity @FrontEndFrater]

JavaScript Quiz

Which method reverses an array?
A) sort()
B) reverse()
C) slice()
D) pop()

[Front End Fraternity @FrontEndFrater]

🧩 CSS Quiz

Which property sets text color?

A) background-color
B) color
C) font-style
D) text-align

[Front End Fraternity @FrontEndFrater]

@nizzyabi @thdxr Classic AI slop