The latest articles on Forem by Farhan Khan (@bytesage). https://forem.com/bytesage https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1682733%2F980207fe-3985-4747-b25f-581cd0efde12.jpeg https://forem.com/bytesage en Farhan Khan Wed, 26 Jun 2024 16:31:06 +0000 https://forem.com/bytesage/project-2-nike-product-card-part-of-my-50-projects-challenge-2mje https://forem.com/bytesage/project-2-nike-product-card-part-of-my-50-projects-challenge-2mje <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F27l1jac5zw8md544wlun.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F27l1jac5zw8md544wlun.jpg" alt="Image description" width="727" height="842"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Faioscrbnhlehknxq88hj.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Faioscrbnhlehknxq88hj.jpg" alt="Image description" width="690" height="820"></a><br> Hello dev.to community! 👋 I'm excited to share the second project of my 50 projects challenge. This project is a stylish Nike product card built using HTML, CSS, and JavaScript. Let's dive into the details of this project! 🎉</p> <p>🚀 Project Overview<br> The Nike Product Card is a modern and interactive card design that showcases a Nike shoe. It includes various elements such as the Nike logo, shoe images, product details, and interactive features. 🏃‍♂️👟</p> <p>🛠️ Technologies Used<br> HTML: For structuring the content<br> CSS: For styling the card and making it visually appealing</p> webdev javascript beginners programming Farhan Khan Tue, 25 Jun 2024 16:52:04 +0000 https://forem.com/bytesage/project-1-simple-sign-up-form-pe1 https://forem.com/bytesage/project-1-simple-sign-up-form-pe1 <p>Hey everyone! I've just completed the first project of my 50 web development projects challenge. 🎉</p> <p>For this project, I created a simple and stylish sign-up form. It features a clean layout, smooth animations, and social media icons for a modern touch. Check out the details below:</p> <h2> Key Features: </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpmti2u6v8qnd2bvyia0v.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpmti2u6v8qnd2bvyia0v.jpg" alt="Image description" width="800" height="398"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fukqs9act71p1c79rc0yt.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fukqs9act71p1c79rc0yt.jpg" alt="Image description" width="800" height="413"></a><br> Responsive Design: Looks great on all devices.<br> Interactive Animations: Smooth transitions and button effects.<br> Social Media Integration: Quick access to social media links.<br> Technologies Used:<br> HTML for the structure<br> CSS for styling<br> JavaScript for interactivity</p> Farhan Khan Tue, 25 Jun 2024 16:47:35 +0000 https://forem.com/bytesage/challenge-accepted-50-simple-web-dev-projects-4hm5 https://forem.com/bytesage/challenge-accepted-50-simple-web-dev-projects-4hm5 <p>Hey everyone! I'm Farhan, and I'm excited to announce my new challenge: creating 50 simple web development projects. From basic HTML/CSS to interactive JavaScript, I'll be exploring a variety of topics and sharing my progress along the way. Stay tuned for updates, code snippets, and a lot of learning. Let’s innovate together! 💻✨</p> webdev javascript beginners programming