DEV Community: Moeez Ikram

My Journey with WordPress and Webflow

Moeez Ikram — Thu, 01 May 2025 03:13:49 +0000

I started using WordPress when I got one of my first freelance projects on Freelancer.com. It was literally the first project I ever landed that paid over $100, so naturally, I was super excited.

It was Eid, and I was at my grandparents’ house, just chilling, a bit bored, so I started bidding on website freelance projects. Miraculously, I got a reply almost instantly from a Canadian client. He wanted a basic one-pager WordPress website.

Now here’s the thing…
I knew what WordPress was, I knew how it worked.. but I’d never actually built a site with it before.

So, I ditched everything, opened YouTube, and typed:
“How to make a WordPress site”
Two days later, the project was complete.

That’s when I realized just how easy and beginner-friendly WordPress could be. From that point on, I started making more and more sites on it.

😅 WordPress Was Cool… Until It Wasn’t

Everything was going great, but there was a catch:
Plugins, themes, templates… they were all paid.
And I couldn’t afford them back then.

So, I learned the basics and switched back to working on Sipciy, a side hustle project I was building.

Fast-forward a few months, I joined a freelance community called SadaSchool by SadaPay. That place changed everything. I met some amazing people and got the chance to network with developers and freelancers doing real stuff.

✨ The Agency Gig That Changed Everything

Through the SadaSchool network, I got referred to a US-based agency. They offered me a trial project, a WordPress site, of course.

I made a ton of blunders during that project, but it went well enough that they brought me on full-time.

From there, I dove deep into WordPress:

Simple brochure websites
E-commerce sites
Animation-heavy sites
Custom themes and builder setups
Also, custom plugins

Every new project pushed me to learn something new, whether it was Elementor, custom fields, plugin development, performance optimization, or troubleshooting plugin conflicts.

Some of the WordPress sites I built:

👀 Enter: Webflow (a Love-Hate Start)

While all of this was happening, Webflow started blowing up.
Our agency didn’t want to be left behind, so we decided to jump into it.

At first?
It. Was. Annoying.
Change one element, and the whole site shifts.
Global classes? Combo classes? Everything felt like a chaotic mess.

But I kept at it.
And here’s what happened…

✅ Webflow Projects I’ve Built

As I worked on more Webflow projects, things began to click. Suddenly, I went from hating it to loving it even more than WordPress.

From layout controls to how collections work, everything felt smoother, cleaner, and more controlled.

Some of the Webflow sites I built:

Each project taught me something new, and each one felt like a level-up.

🔁 WordPress vs Webflow.. The Verdict?

I still build on both platforms.
Some clients need WordPress, and it works great. Others want that clean, code-free Webflow magic.

Today, I’m still actively working on multiple sites, expanding my skill set, and just enjoying the process of being a full-stack dev who didn’t start with a bootcamp or CS degree, just curiosity, grit, and a $100 project on Eid.

I've also posted this blog at: https://moeez.dev/my-journey-with-wordpress-and-webflow/

Unleashing Creativity: My Journey as a Teenage Web Developer.

Moeez Ikram — Wed, 07 Jun 2023 19:13:23 +0000

Introduction

Currently, I am a full-stack web developer proficient in HTML, CSS, JS, PHP, and MySQL. While I may not consider myself a seasoned developer, my passion for creating something innovative and amazing is unwavering. Remarkably, at just 16 years old, I have already begun earning through freelancing, constantly expanding my skill set with an eye toward building a prosperous startup.

My Journey and Cause

My journey commenced with the inception of "BDFD," a mobile app designed for building Discord Bots. The inspiration behind this venture arose when I encountered a developer demanding big fees for bot creation. At the tender age of 13, I begin creation of my first discord bot development project, afterward I found out that I really enjoyed creating things on my own. Improving it further, I witnessed the incredible results of my creations firsthand.

The Beginning

Then, fate introduced me to the remarkable JavaScript Library, "Aoi.js," and this is when my programming journey truly commenced. With the fundamental principles of programming, I used my creativity, creating advanced Discord bots. One such innovation, the Mario Bot. During this exciting time, I received recognition for my accomplishments, including the highly rare Verified Bot status. Moreover, I got my first domain, mariobot.xyz.

With a strong desire to learn and progress, I stepped into the realm of Web Development. I began my journey by using Bootstrapstudio.io to create simple websites. Although my first portfolio website was built from a pre-made template on BootstrapStudio.io, it didn't quite match my vision. Undeterred, I started learning HTML, CSS, and JS, determined to enhance my skills.

Soon, I received my first order on Fiverr. Surprisingly, it wasn't for website development but rather Discord Bot creation. As time progressed, I furnished my skills by resolving bugs, issues, and complex problems. This challenging journey enriched my proficiency in programming, UI, UX, and the detail. Then, make my first official portfolio website, moeezikram.com.

At present, my expertise spans the realms of front-end and back-end web development. As a part-time freelancer and high school student, I juggle multiple responsibilities, including that of a startup founder. My ultimate aspiration is to become a successful entrepreneur, and I devote my days and nights in this mission.

I invite you to share your story in the comments section below. I'm excited to hear your stories and learn from your personal journeys and experiences.

Roadmap to Full-Stack Web Developer

Moeez Ikram — Fri, 28 Apr 2023 13:22:23 +0000

Everything is connected through web applications, from banks to government organizations. Being a web developer, specifically a full-stack web developer, is the best option you have. A full-stack web developer knows both front-end and back-end development. Usually, there are two types of full-stack web developers: MERN Stack and PHP Developers.

Before jumping into learning full-stack web development, you need to understand what you want to be. One thing I would like you to know is that there isn't any limit to what you can learn. If you want to learn MERN, you can also learn PHP. If you want to learn PHP, you can later learn MERN Stack Development. That's the beauty of being a programmer – you don't have any limit to learning new things.

Firstly, PHP Full-Stack Web Developer

This generally includes 5 languages: HTML, CSS, JavaScript, PHP, and MySQL.

HTML, CSS, and JavaScript are front-end languages used to display designs and the structure of a website and to send requests to the back-end.
PHP is the back-end language that takes requests from the front-end and executes functions. It's connected with your database to fetch, insert, update, and delete records from it. PHP is one of the more popular languages for making web applications. 78% of web applications on the internet are built using PHP, including Facebook, WordPress, Wikipedia, and much more.
MySQL is a database that you'll use to store and modify data using PHP.

If you want to start learning PHP full-stack web development, here's a roadmap you can follow:

Secondly, MERN Stack

MERN is an abbreviation for MongoDB, Express.js, React.js, and Node.js.

MongoDB is a NoSQL database that is used to store and fetch data. It is a highly scalable and flexible database that allows for easy use with other technologies.
Express.js is a web application framework for Node.js that makes the process of building web applications and APIs easy. It provides a set of tools and functionalities for handling requests and responses, routing, middleware, and more.
React is a JavaScript library for building real-time user interfaces. It's used to make websites dynamic and interactive. It makes your web application real-time.
Node.js is a JavaScript runtime that allows developers to run JavaScript code on the server-side. It provides a scalable and high-performance environment for building web applications and APIs.

If you're interested in learning MERN Stack, you can follow this roadmap:

If you have any question, you can ask me or anyone on internet. ChatGPT might be able to help you too.

Creating Dynamic Web Applications with PHP and MySQL

Moeez Ikram — Fri, 28 Apr 2023 08:30:00 +0000

Introduction
PHP and MySQL are two powerful tools for building dynamic web applications. In this article, we'll explore the basics of using PHP and MySQL together to create dynamic web applications. We'll cover the fundamentals of PHP and MySQL, and provide tips and best practices for building dynamic web applications.

Introduction to PHP: PHP is a popular programming language for building dynamic web applications. We'll cover the basics of PHP, including variables, arrays, and functions. We'll also discuss how PHP can be used to generate HTML and interact with a MySQL database.
Introduction to MySQL: MySQL is a popular open-source database management system that can be used with PHP to build dynamic web applications. We'll cover the basics of MySQL, including creating tables, inserting data, and running queries.
Building a dynamic web application: We'll walk through the process of building a dynamic web application using PHP and MySQL. We'll start by creating a database and setting up a connection to MySQL. Then, we'll create a PHP script that interacts with the database to display data on a web page. We'll cover topics such as retrieving data from a database, displaying data in a table, and creating forms for user input.
Best practices for building dynamic web applications: We'll provide tips and best practices for building dynamic web applications with PHP and MySQL. These include security considerations, error handling, and optimizing performance.

Conclusion
PHP and MySQL are powerful tools for building dynamic web applications. By understanding the basics of PHP and MySQL and following best practices, you can create robust and secure web applications that interact with a database and provide a great user experience. Remember to test your web application thoroughly to ensure that it works as intended.

(Generated Using ChatGPT)

Building Responsive Websites: Best Practices and Tips

Moeez Ikram — Fri, 28 Apr 2023 06:14:02 +0000

Introduction
With the increasing use of mobile devices to access the internet, it's more important than ever to build responsive websites that adapt to different screen sizes. In this article, we'll explore the best practices and tips for building responsive websites that look great on desktop, tablet, and mobile devices.

Use a mobile-first approach: A mobile-first approach means designing your website for mobile devices first, and then adapting it to larger screens. This approach ensures that your website looks great on smaller screens and allows you to focus on the most important elements of your website. We'll discuss the benefits of a mobile-first approach and provide tips on how to implement it.
Use a responsive design framework: A responsive design framework provides a set of tools and guidelines for building responsive websites. There are several popular responsive design frameworks, such as Bootstrap and Foundation, that can help you build responsive websites quickly and efficiently. We'll discuss the benefits of using a responsive design framework and provide tips on how to choose the right framework for your project.
Optimize images for different screen sizes: Images are often the biggest contributor to page size, so it's important to optimize them for different screen sizes. This means using smaller images for mobile devices and larger images for desktop devices. We'll provide tips on how to optimize images for different screen sizes and discuss tools that can help you automate the process.
Use media queries to adapt to different screen sizes: Media queries are CSS rules that allow you to apply different styles based on the screen size. This allows you to adapt your website to different screen sizes and ensure that it looks great on all devices. We'll provide tips on how to use media queries effectively and discuss some common media query patterns.

Conclusion
Building responsive websites is essential in today's mobile-first world. By following the best practices and tips outlined in this article, you can ensure that your website looks great on all devices and provides a great user experience for your visitors. Remember to test your website on different devices and screen sizes to ensure that it looks and performs well.

(Generated Using ChatGPT)

Building Secure Web Applications: Best Practices and Tips

Moeez Ikram — Fri, 28 Apr 2023 06:04:21 +0000

Introduction:
With the increasing number of cyber attacks and data breaches, it's more important than ever to prioritize security when building web applications. As a full-stack web developer, I've worked on numerous projects that required robust security measures to protect sensitive user data. In this article, I'll share my experience and provide best practices and tips for building secure web applications.

Use secure coding practices: One of the best ways to ensure the security of your web application is to follow secure coding practices. This includes things like avoiding SQL injection attacks, implementing data validation, and using parameterized queries when working with databases. I'll discuss some of the most common secure coding practices and provide examples of how to implement them.
Implement strong authentication and authorization: Another important aspect of web application security is implementing strong authentication and authorization measures. This includes things like using strong passwords, implementing multi-factor authentication, and restricting access to sensitive data based on user roles and permissions. I'll provide tips on how to implement these measures effectively.
Use SSL/TLS encryption: SSL/TLS encryption is an essential tool for securing data in transit between the web application and the user's browser. I'll discuss the basics of SSL/TLS encryption and provide tips on how to implement it in your web application.
Regularly update and patch software: Software vulnerabilities are a common target for cyber attacks, so it's important to regularly update and patch the software used in your web application. I'll provide tips on how to stay up-to-date with software patches and upgrades.

Conclusion:
Building secure web applications is a complex task that requires a thorough understanding of security best practices and the ability to implement them effectively. By following the tips and best practices outlined in this article, you can build web applications that are secure and protect your users' sensitive data.

(Generated Using ChatGPT)