Hassan Profile picture
Aug 26, 2020 6 tweets 6 min read Read on X
Preparing for my first front-end dev interview in two days!

Here's a thread of what I'm learning & reading to prepare. (Any advice is welcome!)

#CodeNewbies #FrontEndDevelopment
Basics:

• HTML Semantic markup - hongkiat.com/blog/html-5-se…
• HTML practice interview questions - github.com/yangshun/front…
• How websites work & HTTP @rwieruch 's amazing article - robinwieruch.de/web-applicatio…
CSS:

• Specificity - developer.mozilla.org/en-US/docs/Web…
• Responsive design - learn.shayhowe.com/advanced-html-…
• CSS Grid - css-tricks.com/snippets/css/c…
• CSS Flexbox - css-tricks.com/snippets/css/a…
• CSS practice interview questions -
github.com/yangshun/front…
JavaScript:

• Working through javascript30.com and @codewars problems for hands on practice
• Scope - scotch.io/tutorials/unde…
• Closures - medium.com/javascript-sce…
• Prototypal inheritance - javascript.info/prototype-inhe…
• Binding - javascript.info/bind
JavaScript pt.2:

• Composition - medium.com/front-end-week…
• The event loop - flaviocopes.com/javascript-eve…
• Event bubbling - medium.com/@vsvaibhav2016…
• Async JavaScript -
JavaScript pt.3:

• Visualize JavaScript concepts with @lydiahallie's articles - dev.to/lydiahallie/ja…
• JavaScript practice interview questions - github.com/yangshun/front…
• Bonus: @EmmaBostian 's wonderful decoding the frontend interview article - dev.to/emmawedekind/d…

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Hassan

Hassan Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @nutlope

Sep 25
Announcing !

An open source wireframe to app tool powered by Llama 3.2 vision. Upload a screenshot of a simple site/design & get code.

100% free and open source. napkins.dev
Here's the GitHub repo! Also, shoutout to @YoussefUiUx for the great design.

github.com/Nutlope/napkins
Tech Stack:

◆ @togethercompute's inference (AI API)
◆ @AIatMeta's Llama 3.2 Vision models
◆ @AIatMeta's Llama 3.1 405B for the LLM
◆ @codesandbox's sandpack for the sandbox
◆ @nextjs w/ tailwind & typescript
◆ @helicone_ai for AI observability
◆ @PlausibleHQ for analytics
◆ @awscloud's S3 for file uploadsnapkins.dev
Read 6 tweets
Aug 2
Introducing LlamaCoder!

An open source Claude Artifacts app that can generate full React apps and components with Llama 3.1 405B. 100% free and open source.

llamacoder.io
Here's the GitHub repo! Shoutouts to @YoussefUiUx for the great design and @samselikoff for helping me build it.

github.com/Nutlope/llamac…
Tech Stack:

◆ @AIatMeta's Llama 3.1 405B for the LLM
◆ @togethercompute's inference (AI API)
◆ @codesandbox's sandpack for the code sandbox
◆ @nextjs w/ tailwind & typescript
◆ @helicone_ai for AI observability
◆ @PlausibleHQ for analytics llamacoder.io OG image
Read 12 tweets
Jun 1, 2023
I built Restore Photos in a single weekend 4 months ago and today, it hit 1 million unique visitors!

It's also still averaging 260k monthly visits with most of the traffic coming from Google.

Here's exactly how I built it: Screenshot of Vercel Analyt...
I made a 4 minute video where I walk through exactly how I built it here, along with the code!

Lemme know if y'all wanna see more videos like this.

It's also free and fully open source as usual.

I'm also planning to migrate it to the app router, edge functions, and @replicatehq's new library soon!

github.com/Nutlope/restor…
Read 5 tweets
Mar 13, 2023
150,000 people created accounts on roomGPT since I required accounts auth 4 days ago 🤯

Here's how I added auth and got the word out about roomGPT:
To add auth to roomGPT, I used:

@nextauthjs for authentication with OAuth (Google)
@neondatabase to store user info (name, email)
@upstash redis to limit folks to 3 generations / day

The full PR is here:

github.com/Nutlope/roomGP…
The traffic to roomGPT started from Twitter since I tweeted about it a few times, then several popular LinkedIn, Facebook, and Instagram posts took over.

One specific instagram reel from @beebomco went viral with millions of views and 220k likes which drove a lot of traffic.
Read 7 tweets
Mar 8, 2023
Just added authentication and rate limiting to one of my side projects, restorephotos.io!

I average 8,000 visitors a day to this site so curious to see how traffic changes now that folks are required to login with Google to use it.

More on the tech, code, and visitors: Screenshot of restorephotos.io
In the last month, it's gotten 200k unique visitors and averages around 8,000 visitors a day.

Will report back with how visitors are impacted tomorrow now that there's auth required + limited generations (5/day).

So far 65 people have made an account in the last 20 minutes. Screenshot of Vercel Analytics for restorephotos.io
For anyone curious about the tech and code, I used:

- @nextauthjs for authentication with OAuth (Google)
- @neondatabase to store user info (name, email)
- @upstash redis to limit folks to 5 generations / day

The full PR is also here:

github.com/Nutlope/restor…
Read 5 tweets
Mar 3, 2023
24h update after launching roomGPT.io yesterday:

◆ 42,000 rooms generated
◆ 31,000 unique visitors
◆ 850 GitHub stars
◆ Frontpage of HN

My best performing side project so far! More details in the thread about cost & visitors. Screenshot of Vercel Analyt...
Visitors are pretty distributed around the world which is cool to see.

Also saw it mentioned in a YouTube short and some articles on the internet already! Screenshot of countries of ...
This is my best performing side project ever after 24h, so I'm planning to double down and ship some improvements over the next week!

I always have this dilemma of whether to improve existing projects or to ship new ones. I think roomGPT is worth investing in though :)
Read 5 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(