.png?alt=media&token=ea2b8258-6894-4169-8e3f-7f88252e941e)
Member Confirmation for WebDevLetter
An email was sent to , Please check your inbox to confirm your subscription and receive member exclusive freebies.
Shipping high quality applications. Teaching the rest.
Frontend Engineer building scalable web applications with React. I share everything I learn through and to help developers grow faster.
0+
Years In Production0M+
Views Across Platforms0k+
Followers0+
Newsletter Subscribers
Hey its Ali, 👋
I also run and , a newsletter and an educational platform helping thousands of developers level up their skills and grow faster.
I help them by sharing practical tips, strategies, and valuable lessons that I learned the hard way from my own experience.
-
Electron
-
React / NextJS
-
Typescript
-
Node.js / Express
-
Astro
-
Stripe
-
Supabase
-
Redux / Zustand
-
Framer Motion
-
Figma
My Active Projects
Projects I'm currently working on and maintaining as a Front-end Engineer
Recently in WebDevVisuals
Latest educational visuals posted on the platform
Windows 10 Calendar Hover Effect: A Step By Step Tutorial
Learn how to achieve this awesome windows 10 calendar like border hover effect that you can use in your website
Windows 10 Setting Hover Effect: A Step By Step Tutorial
Learn how to create this windows 10 settings hover effect that you can use in your website with HTML, CSS and JavaScript
Recently in WebDevLetter
Some recent emails from WebDevLetter
CSS10X
A collection of 10 super useful css techniques to level up your game.
Minfolio - Developer Portfolio
Simple minimalistic portfolio to impress your visitors and potentially recruiters.
Featured Tweets
I also write and engage on Twitter/X, and below are some of my favorite posts.
Ali
@alicalimli_devI built a full-stack Chat App to learn React Deeper.
When I started, I only know the basics in React....
I was hesitant at first if I would be able to do it or not, but I started building it anyways.
Through building it, I have learned:
Ali
@alicalimli_devMy Chatapp is finally done!! 🥳
After almost a 100 days of building its finally stable.
And working great during this journey I've learned plenty of awesome stuffs and it was fun
It took so long to build it but I enjoyed the process a lot. 😁
Ali
@alicalimli_devMy Web Development Journey From Zero To First Job:
• Jan-Mar 2022: HTML, CSS, Git, and JavaScript...
• Mar-May: Vanilla JS Movie Project
• May: React Fundamentals
Ali
@alicalimli_devMy first portfolio after HTML, CSS and JavaScript 👀
Ali
@alicalimli_devMy first big solo project last year 👀
Ali
@alicalimli_dev3 Amazing Hover Effects to make your website more interactive,
tutorials are included 🧵:
Ali
@alicalimli_devIf you can't stick around with long courses, try this instead:
• Learn fundamentals ( e.g html css crash course )...
• Choose a project ( e.g landing pages )
• Start building!
Ali
@alicalimli_devI Built This Vanilla JS Project to learn JS Deeper for 3 months.
If I can start over, I woudn't have done it....
Here's why...
The main reason I built this project is for me to learn JavaScript deeper.
Ali
@alicalimli_devDon't BUILD a big vanilla JS project to practice.
In Frontend Development,...
We don't build medium to big projects in plain JS anymore.
Instead we are using frameworks like React.
Ali
@alicalimli_devIf you're not gonna put yourself out there, who will?
Start doing it now by:...
- Sharing your achievements
- Sharing what you're building
Ali
@alicalimli_devHow to build an online presence as a developer:
• Build projects in public ( share your progress )...
• Post tips from your experiences
• Share what you've learned
Ali
@alicalimli_devIn web dev,
Frameworks comes and go....
But they're all built on top of the same fundamentals.
That's HTML, CSS and JavaScript.
Ali
@alicalimli_devI built my chat app project in public since day 1.
Just by sharing progress everyday:...
- My account is getting visibility
- I made a lot of friends and connections
Ali
@alicalimli_devIf you're building a project to practice your skills,
Start building it in public....
What do I mean by that?
Just share your progress with the community.
Ali
@alicalimli_devWhy Learn in Public:
- Get Feedbacks...
- Build Your Online Presence
- Make Friends and Connections
Learning something through visually engaging videos makes it easy and enjoyable. Ali does a great job creating such content.
Web Development visuals is an amazing platform for learning concepts that are usually difficult to understand, through simple visuals and images.
Ali's attention to detail and understanding of your needs is on point. I highly recommend his visuals for web developers seeking to improve their skills.
I've been a part of the web development community for years, and I must say that your website has been an invaluable resource for both beginners and experienced developers. The web development visuals you share are not only visually appealing but also incredibly educational. They simplify complex concepts and make learning a breeze. Your dedication to helping others in the field is evident, and I highly recommend your website to anyone looking to enhance their web development skills. Keep up the fantastic work!
Learning and understanding web development concepts is undeniably awesome. But learning them visually is even easier and more fantastic, as our brains process images faster than text. Ali does an incredible job by putting together videos that help you visualize programming concepts in a more straightforward way.
WebDevVisuals is a great platform to break into web development, I love how everything is explained visually and makes the complex subjects easy to understand, making learning fun and enjoyable. I highly recommend it to anyone who wants to take their web development skills to the next level and understand the concepts at a deeper level.
With its clear and concise tutorials, WebDevVisuals is undoubtedly a valuable resource for those eager to delve into the world of web development.
Highly highly recommend this website to ANY aspiring developer who want to take their learning to the next level. I always love the way Ali visualize his knowledge and make it so easy to understand. It helped me a lot to understand and I hoped everyone learning to code should take this website as a go-to resource. 👍👍👍
Finally, it's out. Quick simple way to find some of those things that we google every time. Every video is about 45s max long explaining various topics in html css and JavaScript. Plus some cool tricks on centering a div and all those confusing css concepts.
Learning something through visually engaging videos makes it easy and enjoyable. Ali does a great job creating such content.
Web Development visuals is an amazing platform for learning concepts that are usually difficult to understand, through simple visuals and images.
Ali's attention to detail and understanding of your needs is on point. I highly recommend his visuals for web developers seeking to improve their skills.
I've been a part of the web development community for years, and I must say that your website has been an invaluable resource for both beginners and experienced developers. The web development visuals you share are not only visually appealing but also incredibly educational. They simplify complex concepts and make learning a breeze. Your dedication to helping others in the field is evident, and I highly recommend your website to anyone looking to enhance their web development skills. Keep up the fantastic work!
Learning and understanding web development concepts is undeniably awesome. But learning them visually is even easier and more fantastic, as our brains process images faster than text. Ali does an incredible job by putting together videos that help you visualize programming concepts in a more straightforward way.
WebDevVisuals is a great platform to break into web development, I love how everything is explained visually and makes the complex subjects easy to understand, making learning fun and enjoyable. I highly recommend it to anyone who wants to take their web development skills to the next level and understand the concepts at a deeper level.
With its clear and concise tutorials, WebDevVisuals is undoubtedly a valuable resource for those eager to delve into the world of web development.
Highly highly recommend this website to ANY aspiring developer who want to take their learning to the next level. I always love the way Ali visualize his knowledge and make it so easy to understand. It helped me a lot to understand and I hoped everyone learning to code should take this website as a go-to resource. 👍👍👍
Featured Visuals
I also share my visuals across social media platforms, below are the top ones.
Ali
@alicalimli_devCSS Responsive Grid Without Media Queries:
Ali
@alicalimli_devCSS Responsive Typhographies without Media Queries:
Ali
@alicalimli_devCSS Resizable Element:
Ali
@alicalimli_devCSS Inset Property:
Ali
@alicalimli_devCSS Smooth Scrolling:
Ali
@alicalimli_devJavaScript script loading tag:
Level Up Your Web Dev Journey
Join 900+ developers for tips, strategies, and lessons from my journey to help you grow faster and build a better career.
You will receive CSS10X, the Minfolio template, and other exclusive resources.