Untitled @codewithmarish - Tumblr Blog

Build a meta tags validator by scraping the website using NEXT JS which will help you to learn about Next JS API, regular expressions, web scraping

#codewithmarish nextjs webscraping

Hello friends, I am back with a new project where we will build a sorting visualizer using React JS. Sorting Visualizer is an amazing project to strengthen your React skills.

#react #reactjs #algorithm #sorting #react-project

Hello friends, Today in this post we will see the Linux commands that you should know as a web developer. This post will also help those who are new to Linux or if you are already familiar with Linux then it will help in brushing up your skills. Linux web servers are used widely used due to their security, low cost, open-source, etc so it is important for web developers to learn Linux commands to work with it. You could see Linux servers everywhere from AWS Cloud, Google Cloud, etc

Hello friends, Today in this post we will see the Linux commands that you should know as a web developer. This post will also help those who are new to Linux or if you are already familiar with Linux then it will help in brushing up your skills. Linux web servers are used widely used due to their security, low cost, open-source, etc so it is important for web developers to learn Linux commands to work with it. You could see Linux servers everywhere from AWS Cloud, Google Cloud, etc. Also, it is important to learn about shell scripts which is the programming language used in Linux so before getting into that we should understand the Linux commands. So let’s get started.

#codewithmarish linux linuxcommands linuxtraining linuxtutorial

Hello friends, today in this post we will understand one of the important concepts of Javascript Debounce by creating a search filter using NEXT JS for blog posts. I have implemented a search filter for my blog posts on the home page using debounce concept. Let's get started.

Hello friends, today in this post we will understand one of the important concepts of Javascript Debounceby creating a search filter using NEXT JS. I have implemented a search filter for my blog posts on our CodeWithMarish website using debounce concept. Let's get started by understanding what Debounce means.

#nextjs #debounce #searchfilter #javascript

Hello Friends, Today in this post we will learn how to create a news app using NEXT JS and a popular react package react-query. So we will use newsapi.org and the react-query package for fetching this data. By doing this project you will learn about API fetching in NEXT JS and some basic usage of react-query package. Also, we have implemented pagination while fetching API. So let's get started.

#nextjs #news #news app #api #react #reactquery

Hello friends, Today in this post we will learn about a regular expression that you need to know as a developer. Regular expressions have a variety of use cases in validating emails, phone numbers, etc. Regex also has good support around a variety of programming languages

Hello friends, Today in this post we will learn about a regular expression that you need to know as a developer. Regular expressions have a variety of use cases in validating emails, phone numbers, etc. Regex also has good support around a variety of programming languages. It helps us in reducing a lot of if statements to validate input in our code, hence regex helps in reducing code and makes it more readable. At the end of the post, you will find couple of challenges regarding regular expression. Let's get started.

#regex #web developers #web development

Hello friends, Today in this post we will see how to create a contact form in NEXT JS and Firebase. By doing this contact form you will learn about Form handling, integrating NEXT JS application with firebase, adding data into firestore, etc. So Let's Started

#nextjs #firebase

Hello friends today in this post, we are going to learn on implementing a responsive navbar in your NEXT JS Application. As navigation is one of the important part of your website which allows the visitors to explore your website, so better implementation of this navbar in desktop, tablet, mobile will help you improving accessibility of the website which in turn retains your website visitor. Let's get started.

#nextjs #responsive navigation bar #navbar #menu

Hello friends, Today in this post we are going to see how we can create a tic tac toe game using NEXT JS. Tic Tac Toe is an excellent project for beginners to get started with learning NEXT/REACT JS, doing this project will help you learn basic concepts such as lifecycle methods, useEffect & useState hooks, functional component, etc. A Basic HTML, CSS & Javascript is enough to follow up with this tutorial. So get ready with your vscode and let's get started.

#tic tac toe #nextjs

NEXT JS Project Challenge #1 | Tic Tac Toe game using NEXT JS | Code Wit...

#tic tac toe #next js #react

100 Days CSS Challenge Day #10 | Pure CSS Text Carousel | Code With Marish😎

#carousel #css carousel #css #css animation tutorial

Hello friends, Today in this post we will see how we can setup onesignal push notification with our React/NextJS application. Web push notification is the best channel to enhance user engagement, product lauch, offers & sales, etc. Unlike traditional channels like email, web push notification notify users quickly and drive traffic to your website.

#web push notification #next js #react #push notifications

100 Days CSS Challenge Day #8 | Custom Cursor in HTML CSS | Code With ...

#css custom cursor

100 Days CSS Challenge Day #6 | Code With Marish😎 | Modal Popup using H...

#css #css modal

Hello friends, Today in this post we will see how we can setup mailchimp newsletter subscription with our NEXT JS application. The Newsletter is one of the best way to engage with your audience as email communication is mostly preferred. So integrating newsletter in your website will help you in engaging with your audience or subscribers easily.

#mailchimp #nextjs #newsletter

Hello There 👋, Welcome to my channel Code With Marish I will be post video for css challenges from https://100dayscss.com/. Today we will be working on Hamb...

Hello There 👋, Welcome to my channel Code With Marish I will be post video for css challenges from https://100dayscss.com/. Today we will be working on Hamburger Menu Animation using CSS and Javascript as a part of this challenge. But I will work on acheiving the desired output also I have shown some challenges faced and how I debugged it to get the desired result. If you feel video is too slow then you could speed up. By doing this hamburger animation you will be able to learn css concepts such as css keyframes, animation, transition, opacity etc.

How its animated? 1. second bar scales to 0 2. first and third bar moves to the position of second bar 3. first bar rotates 45deg an third bar rotates 135 while reversing everything gets reverted.

Find this code on codepen.io

https://codepen.io/codewithmarish/pen/qBVjrPL

Please Visit: https://100dayscss.com/

Interested in reading blogs, please visit my blog at

https://codewithmarish.com/

Music: www.bensound.com / Royalty Free Music from Bensound

#codewithmarish #webdev #marishwaran blogs #100dayscss challenge #css #csschallenge #hamburger_animation

Hello There 👋, Welcome to my channel Code With Marish I will be post video for css challenges in https://100dayscss.com/. This will be a speedcode type. By ...

Hello There 👋, Welcome to my channel Code With Marish I will be post video for css challenges in https://100dayscss.com/. This will be a speedcode type. By doing this challenge you will be able to learn css concepts such as box-shadow, linear-gradient, border etc.

Please Visit: https://100dayscss.com/

Interested in reading blogs, please visit my blog at

https://codewithmarish.com/

#codewithmarish #webdev #marishwaran blogs #100dayscss challenge #css #csschallenge

Thanks for watching Stay Tuned

Trending Blogs

Recently Viewed Blogs

Untitled