Stylades (@StylaDes) header
Stylades (@StylaDes) profile picture

Front end developer. React Developer. Technical Writer. Logo designer. Knitting addict.

earth
Joined October 2018
Photo by Stylades (@StylaDes)Photo by Stylades (@StylaDes)Photo by Stylades (@StylaDes)Photo by Stylades (@StylaDes)Photo by Stylades (@StylaDes)Photo by Stylades (@StylaDes)Photo by Stylades (@StylaDes)
Frontend development isn’t just about components and styling. It also has architecture. Let’s talk about architectural patterns for frontend apps: the high-level structures that make your codebase scalable, maintainable, and sane ⬇️⬇️
12
75
3
618
33,024
"Competitive Programmer’s Handbook" This FREE book of ~300 pages covers 30 important topics. A MUST for tech interviews.
21
153
5
1,094
76,269
If you are new to System Design, learn these 30 concepts to build a solid foundation: 1. Client-Server Architecture 2. IP Address 3. DNS 4. Proxy / Reverse Proxy 5. Latency 6. HTTP/HTTPS 7. APIs 8. Rest API 9. GraphQL 10. Databases 11. SQL vs NoSQL 12. Vertical Scaling 13. Horizontal Scaling 14. Load Balancers 15. Database Indexing 16. Replication 17. Sharding 18. Vertical Partitioning 19. Caching 20. Denormalization 21. CAP Theorem 22. Blob Storage 23. CDN 24. WebSockets 25. Webhooks 26. Microservices 27. Message Queues 28. Rate Limiting 29. API Gateways 30. Idempotency I wrote an article explaining all of these 30 concepts with visuals and examples. Read it here: blog.algomaster.io/p/30-syst… Subscribe for more such articles.
8
118
1
558
26,689
Learn how to code your own playable Super Nintendo-style developer portfolio website. 🎮 Visitors can walk around a Legend of Zelda-like cabin and explore your work. This 2-hour JavaScript tutorial includes sprites, tiles, and other pixel art assets. freecodecamp.org/news/create…
9
43
5
239
23,502
Stylades retweeted
Super simple scroll-driven progressive enhancement: animate in your images 🩷 @​keyframes appear { from { opacity: 0; scale: 0.8; } to { opacity: 1; scale: 1; } } img { animation: appear linear both; animation-timeline: view(); animation-range: entry 25% cover 50%; }
14
148
16
1,407
121,988
Stylades retweeted
If you want to start a career in Technical Writing & Documentation Engineering, this is for you.🤗 I started a free mentorship class this year that you should check out, and I wrote an ebook from the last mentorship class I held. You should check it out: drive.google.com/file/d/1MuK…
38
142
4
378
51,079
"Don't ride the hype cycles". I couldn't agree more @Yaasky . If anyone reading this is a self-taught/bootcamp-educated dev (like me), and you recognize there may be fundamental knowledge gaps that can negatively impact your employment opportunities in the future, figuring out what the learning roadmap should look like can be challenging. @KiddBubu 's space had my mental gears spinning in a good way. Fortunately, there are a few authors/maintainers who have made decent attempts at this very question. I share them below as they appear solid at a cursory glance, but TBC, I have not gone through any of them extensively. Utilize at your own discretion: 1. teachyourselfcs.com/ 2. github.com/ossu/computer-sci… 3. github.com/jwasham/coding-in…
8
36
3,552
For anyone who is struggling to find repos to contribute to: I found this amazing article on fcc that can help us in effectively looking out for repos that matches our skillset. freecodecamp.org/news/github…
2
16
798
Looking to Upskill as a .NET Backend Developer in 2024? 🚀 Follow this thread for the ULTIMATE Roadmap to BOOST your career 🔥 #dotnet #developer #buildinpublic #2k24 #microsoft
6
79
3
303
29,771
In December, I interviewed for the Frontend Developer position and these are the most common JavaScript questions that I was asked.
22
88
5
745
76,500
It's a new year and a LOT of people are doing the #100DaysOfCode challenge as a New Year's Resolution. You should join them. Here are my instructions for how to get involved here on Twitter and on Discord: freecodecamp.org/news/100day…
9
57
7
315
29,390
Want to get further in your career as a developer? Start selling results. Don't: "Designed and implemented the API of a medium-sized e-commerce company." Do: "Improved API performance of a medium-sized e-commerce company by 10%, which led to a 20% increase in sales.", etc.
22
16
2
132
16,333
If you are having trouble finding open source React projects to contribute to, I have a GitHub repository that lists a few of them. If you would like to add your own React/Nextjs project to the list, you can raise an issue on the repository. github.com/Dun-sin/react-ope…
9
78
1
311
34,552
Did you know that Harvard has free Resume, CV and Cover Letter resources - including action verbs, templates and samples? I've compiled a list of them -
1,611
39,102
835
217,926
Are you looking to gain real-world Tech experience while learning or before you land a job? Volunteering is a great way to do and you can include it on your resume. Here’s a list of 13 organizations you can be a part of. For my data folks, there are specific ones for you 👇🏽
375
3,512
109
7,950
Contributing to open source can open doors to your next programming job Here's how to do it right 🧵👇
42
232
5
916
How to bag a Pre Placement Offer from your internship? I interned at two companies in my 3rd and 4th year during college and got PPO from both of them. Sharing a few tips for all the interns/upcoming interns to ace their internships and grab a PPO. 🧵
35
162
10
788
Stylades retweeted
Developers, If you are still learning programming, or already getting ready for interviews then you should learn Data Structures & Algorithms. They can be intimidating but if you take the time and practice every day they're not that bad. Below I'm sharing a really good resource:
20
213
6
976
Jambo Nairobi and beyond🖐️😎 We are thrilled to announce our first event 🥳🥳 The amazing @mayeedwin1 and @wayne_gakuo will be introducing us to the world of open source on 12th June. Please register here to be part of this event: bit.ly/oscanairobi-introtoos Save the date!!