In mid-February, I approached the recruiter via a cold email. After a few days, they reached out to me and sent an online assessment, which consisted of four LeetCode-style problems: one easy, two medium, and one hard. I solved three and a half problems successfully. Phone Screening Following the online assessment, the recruiter emailed me to schedule a phone screening round. During this 30-minute … [Read more...]
How to Focus an Input Field with a Hotkey in React
Have you ever wondered how to set a hotkey to focus an input field in your React application? Follow along to learn how. We'll even handle showing different hotkeys based on whether the user is on a Mac or Windows system.Implementation const SearchInput: FC = () => { const inputRef = useRef<HTMLInputElement>(null); const [actionKey, setActionKey] = useState<string>(''); … [Read more...]
[DAY 15-17] I Got My First Web Dev Certification & Started Learning Javascript
Hi everyone! Welcome back to my blog where I document the things I learned while studying to code. I also do this because it helps retain the information and concepts as it is a sort of an active recall.Over the course of days 15-17, I built projects to practice my HTML & CSS skills and finally received my first web development certificate from freecodecamp :) I constructed a ferris wheel to … [Read more...]
My Voting App
Title: Building a Voting App with the MERN Stack: Model ImplementationAre you passionate about democracy and technology? Join me on my journey as I develop a voting app using the MERN (MongoDB, Express.js, React.js, Node.js) stack. In this blog post, I'll walk you through the process of implementing the models for users and candidates, a crucial step in building the foundation of our app. Setting … [Read more...]
Taming the Database Beast: How Laravel's Eloquent ORM Makes Life Easier
Hey there, coding warriors! We've all been there: shoulder-deep in a swamp of complex SQL queries, yearning for a simpler way to interact with our databases. Well, fret no more! Today, we're diving into the wonderful world of Laravel's Eloquent ORM, your trusty guide through the wilds of database interactions.From SQL Swamps to Conversational Bliss Let's face it, writing raw SQL can feel like … [Read more...]
This Month in Solid #3: The Progress so Far, Meta Docs, New Fellows, and Production stories 😎
Hello friends 👋One more month has passed, which means we have reached the third issue of This Month in Solid!I know I said it last month, but I appreciate all the fantastic feedback I've gotten in the past months. It makes me super happy that this has been useful for you.Before we start looking at what happened, let's review how This Month in Solid works.The format Inspired by Ryan … [Read more...]
Revolutionizing Web Development with JavaScript Frameworks
JavaScript frameworks have transformed the landscape of web development, empowering developers to create dynamic and interactive web applications with ease. Gone are the days of manually managing DOM manipulation and wrestling with browser inconsistencies. With the advent of frameworks like React, Angular, and Vue.js, developers now have powerful tools at their disposal to streamline development … [Read more...]
How Python Development is Revolutionizing the Digital Landscape?
In the ever-evolving world of technology, Python has emerged as a beacon of versatility, simplicity, and efficiency. Loved by beginners for its readability and by professionals for its vast libraries and frameworks, Python application development has cemented its place as a cornerstone in the development of a myriad of application types.Whether you're diving into programming for the first time or … [Read more...]
Essential Guide to JavaScript String Manipulation
What is a string?In programming language, a string is a collection of alphabets like "mohit" is a string and It is the one of the fundamental data types that is used to store and manipulate text. Strings are primitive datatype that means it is immutable that means once the value is declared as String, cannot be updated later. String are written in quotes it may be either backticks, single quote … [Read more...]
My experience in 100xdevs cohort
Hi there, this blog is about my experience in the 100xdevs cohort by Harkirat Singh. The cohort is divided into two parts: 0-1 and 1-100, and I am enrolled in both. Now that the first part of the cohort is completed, I thought it would be a good time to reflect on my journey over the last five months. Before joining this cohort, I had a decent knowledge of MERN and had built some projects using … [Read more...]
Keepin' the Code Cool:
What’s Up, Code Crew!Ever feel like your coding mojo is just a couple of bugs away from flatlining? You're not alone, my friend! Learning to code can be a marathon, not a sprint, and it's totally normal to hit a motivation slump. But fear not—I’ve got some nifty tricks to keep the coding flame burning bright. Here’s how I keep my head in the game and have a blast while doing it! 🎯 Set … [Read more...]
Image Gallery
BLUF: My final project for my web dev class. Can be seen at Image Gallery - ChatGPT's Take On King MidasThis course had to be one of the craziest classes I have taken. My professor was a menace to the system and had his own chaotic and original way with instruction. He made it very clear that he did not care about pissing off his superiors, and had to be my favorite professor I have had yet. This … [Read more...]
We are excited to announce the launch of WebBee
We are excited to announce the launch of WebBee with a promise to provide an economical and user-friendly platform for all, enabling individuals and businesses to create and manage their websites effortlessly.We aim to break barriers and make web development accessible to everyone, regardless of their technical background. Be part of our awesome web community. Turn on post notifications :mega: … [Read more...]
How to add Tailwind DaisyUI In Vue 3
In this tutorial, I'll guide you through installing Tailwind CSS with DaisyUI in Vue 3. Before we begin, we'll need to install Tailwind CSS in Vue 3. Then, we'll proceed to install the DaisyUI plugin. Let's get started!Install Vue 3 with Vite Choose the option below to install Vue 3 with Vite. With NPM: npm create vite@latest With Yarn: yarn create vite With PNPM: pnpm create vite Now, select … [Read more...]
Harnessing the Power of HTML5 Multimedia: Best Practices and Fallback Strategies
In the dynamic landscape of web development, HTML5 has revolutionized the way we incorporate multimedia content into web pages. With the introduction of <audio>, <video>, and <canvas> elements, HTML5 has empowered developers to create immersive and interactive experiences for users. In this article, we'll delve into the multimedia capabilities of HTML5, explore best practices for … [Read more...]
Maximizing Web Application Security with AWS WAF and ALB: A Step-by-Step Guide
In today's digital landscape, ensuring the security of web applications is more critical than ever. With the increasing sophistication of cyber threats, organizations need robust solutions to protect their assets. Fortunately, Amazon Web Services (AWS) offers powerful tools like AWS Web Application Firewall (WAF) and Application Load Balancer (ALB) to fortify your defenses. In this guide, we'll … [Read more...]
Optimizing Performance in JavaScript: Best Practices
IntroductionJavaScript is a versatile and powerful language used for building interactive web applications. However, as applications grow in complexity, it's important to optimize the performance of your JavaScript code to ensure a smooth and responsive user experience. In this blog post, we will discuss some best practices for optimizing performance in JavaScript. Minimize DOM Manipulation DOM … [Read more...]
"Tauri JS: Transforming Web Apps into Desktop Solutions"
Image source: https://github.com/tauri-apps/tauriTauri JS bridges the gap between web and desktop, enabling developers to craft desktop applications using web technologies like HTML, CSS, and JavaScript. This empowers them to create native desktop experiences with a focus on security, performance, and flexibility. We demonstrate Tauri's capabilities by converting Google Keep into a desktop … [Read more...]
Building an Animated Rocket Loader Using HTML and CSS
IntroductionWelcome to Day 23 of the #100DaysOfCode challenge! Today, we're diving into the world of frontend development by creating an exciting project: an animated rocket loader. This loader will not only enhance the visual appeal of your website but also provide a unique loading experience for your users. Let's get started! Step 1: Setting Up the Project First, download the full source code … [Read more...]
DAY 8: Head Element
INTRODUCTION:Hello everyone! This is Ify, the medic and newbie techie. I hope you are enjoying the week. To make your day better, I am bringing you newbie programmers some insight on the HEAD ELEMENT. WHAT IS THE HEAD ELEMENT? <head> Element: The <head> element is a fundamental part of an HTML document, positioned within the document's <html> tags but before the <body> … [Read more...]
- « Previous Page
- 1
- 2
- 3
- 4
- 5
- …
- 598
- Next Page »