Level
Up
Your
Web
Dev
Journey

Join 1.5k+ developers for tips, strategies, and lessons from my journey to help you grow faster, avoid mistakes, and build a better career.

You will receive CSS10X and other WebDevLetter exclusive resources.

Recent
Issues

Some recent emails from WebDevLetter

WebDevLetter
Freebies

Newsletter Exclusive Resources

CSS10X thumbnail

CSS10X

A collection of 10 super useful css techniques to level up your game.

https://firebasestorage.googleapis.com/v0/b/webdev-visuals.appspot.com/o/my-portfolio%2FWDV%20Portfolio.webp?alt=media&token=d86a9df5-9d01-4e93-931d-2088fbf9c439 thumbnail
Level up your Web Dev Game

WebDevVisuals is a platform to learn tips and tricks from high-quality visuals designed to teach you fast.

About
Me

Hey its Ali, 👋

Im a Front-end Engineer with 3+ years of experience building high-quality web applications that not only look good but deliver exceptional user experiences.

I also run WebDevLetter and WebDevVisuals, a newsletter and an educational platform helping developers level up their skills and grow faster.

I help thousands of fellow front-end developers grow faster by sharing practical tips, tricks and strategies that has helped me a lot on my own journey.

AL
  • React / NextJS
  • Figma
  • Redux Toolkit
  • TailwindCSS
  • Typescript
  • Supabase
  • Framer Motion

Active
Projects

Projects Im currently working on and maintaining as a Front-end Engineer

Other
Projects

Some projects I have built to improve my skills

Technical
Blogs

Some tutorials I made replicating popular transitions & animations

Featured
Tweets

I also write and engage on Twitter/X, and below are some of my favorite posts.

Ali
@alicalimli_dev

      My 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
      • May-Nov: React and Firebase ChatApp Project
      • Dec: Job Offer
      • Jan 2023: Started at my First Job
    
56
1.9k
244
237k
Ali
@alicalimli_dev

      I 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:
      - Typescript
      - Tailwind
      - Redux
      - Firebase
      - File Structuring
      - Optimization
      - More hooks

      The list could go on...
    
64
1k
118
111k
Ali
@alicalimli_dev

      My 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. 😁
    
193
2.1k
213
298.4k
Ali
@alicalimli_dev

      My first portfolio after HTML, CSS and JavaScript 👀
    
68
1.9k
118
258k
Ali
@alicalimli_dev

      My first big solo project last year 👀
    
65
1.5k
102
210k
Ali
@alicalimli_dev

      3 Amazing Hover Effects to make your website more interactive, tutorials are included: 
      
      🧵:
    
19
554
116
50k
Ali
@alicalimli_dev

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

      Your knowledge will expand as you build your solo project.
    
20
87
8
10.7k
Ali
@alicalimli_dev

      I 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.

      So I didn't dive into frameworks as soon as I learned the basics.

      But the thing is React is still JavaScript,

      By using it you will still improve and learn more JS.
      
      And these days in Front-end Development,

      ...
    
25
149
13
10k
Ali
@alicalimli_dev

      Don'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.
        
      So save that big project for that.

      You can do this instead:
      - Learn JS Basics ( e.g. crash courses )
      - Build a simple project to grasp the basics

      Now dive straight into React, learn the basics then start building your killer project.

      You will still use JavaScript in React so you will still expand your JavaScript knowledge by using React.
    
32
121
8
12k
Ali
@alicalimli_dev

      If you're not gonna put yourself out there, who will?
                                                                                                          
      Start doing it now by:                                                                   
      - Sharing your achievements
      - Sharing what you're building
      - Posting your learning progress
      - Interacting with devs in the community

      That's just some of it, but that's a start.

      Don't do everything alone.

      Tech community here are very supportive. 🙌
    
10
84
11
8k
Ali
@alicalimli_dev

      How 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
      • Engage in the community
      • Share your achievements

      Start sharing devs! 🙌
    
30
127
10
13k
Ali
@alicalimli_dev

      In web dev,

      Frameworks comes and go.

      But they're all built on top of the same fundamentals.

      That's HTML, CSS and JavaScript.

      Once you learn their basics and practice it,

      You can easily adapt and learn any frameworks.
    
32
155
16
11k
Ali
@alicalimli_dev

      I 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
      - I received feedbacks that helped me improve
                                                                                                                                                                    
      That's some benefits you'll get by building in public.
                                                                                                                                                                                                                                                                                                        
      Every developer has got a project to build.                         
                                                                                                                  
      And you can get grab those benefits just by sharing its progress in public. 🙌       
    
26
197
10
27.3k
Ali
@alicalimli_dev

    If 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.

    Exposing yourself in public have a lot of benefits and can even land you opportunities in the long term.
    
15
95
3
11.1k
Ali
@alicalimli_dev

      Why Learn in Public:
      - Get Feedbacks
      - Build Your Online Presence
      - Make Friends and Connections
      - Expose yourself in the community

      You can join #100DaysOfCode challenge and share your progress here everyday for 100 Days.
    
24
91
3
13k