If you are already familiar with HTML, and CSS by now then I can guarantee that you know a few or more about web animations. From a user experience perspective, web animations can add a level of interactivity and engagement to your website or application that static pages simply can't match. However, from a developer's perspective, implementing web animations can be a very daunting task, … [Read more...]
What is Emmet
Emmet is a coding tool that allows developers to write HTML and CSS code faster and more efficiently. It uses abbreviations, also known as snippets, to expand into complete code blocks, which can be customized with variables, operators, and functions. Emmet is widely used in web development workflows to increase productivity and reduce errors. Source: hashnode.com … [Read more...]
Object Destructuring In JavaScript
What Is Object Destructuring in JavaScript?Object destructuring has been around for a while now, but many developers still don't fully understand the concept and its capabilities. Object destructuring is a simple way to unpack values from an object into variables. Let's take a closer look at how it works. What Is Object Destructuring? Object destructuring is a process of unpacking values or … [Read more...]
Web Development-everything you need to know about !
Technology plays a huge role in our daily lives, from the simplest of apps to the most groundbreaking inventions.Every website or piece of software that we encounter has been built by a developer—but what exactly is web development, and what do they do? In this blog, we’ll go through the basics of web development, and the essential skills and tools. What is Web Development? Web development is the … [Read more...]
Javascript the most popular language
Javascript is a programming language which was developed in 1995 -1996 to give behaviour to the website such that we can click on any element of the website and can reach to the content we want .javascript old name was mochera earlier javascript was written on the specific web browser only that is web browser like netscape have it's own javascript code and internet explorer has it's own javascript … [Read more...]
How to create a Tic Tac Toe Game using NEXT JS?
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 … [Read more...]
Web Development Full Roadmap (2023) Guide Zero To Pro
IntroductionAccording to the US Bureau of Labor Statistics, the number of employment opportunities in the web development domain is expected to increase by 13% in 2020-2030. It is among the highest numbers concerning the average of all other professions. With such a radical rise in the domain, many individuals are gearing up to embrace this growth and foster their careers. Web development, as the … [Read more...]
React it up with Vite: A Guide to Creating a React App in No Time!
For years, Create React App (CRA) has been the go-to tool for creating React apps. With its ease of use and broad community support, it's no wonder why so many developers have relied on CRA to streamline their React app development.However, with the emergence of Vite, a new player has entered the game, offering a fresh take on building React apps. Vite offers a faster, simpler, and more efficient … [Read more...]
Looping Arrays: The for-of Loop
Looping through arrays with regular for-loop is now history, The for-of method introduced in ES6+ is much simpler and efficient and makes code more readable.Let's see how to use for-of loop: const arr = ["a","b","c","d","e","f","i"]; for(const alphabet of arr){ console.log(alphabet); } In the block of code above we used for-of to loop over an Array named (arr). We can use any name for … [Read more...]
== v/s ===
OverviewThe equality operator in javascript is used to compare if two values are equal. The comparison is made by == and === operators in javascript. The main difference between the == and === operators in javascript is that the == operator does the type conversion of the operands before comparison, whereas the === operator compares the values as well as the data types of the operands. Scope In … [Read more...]
100 Days of Code : A Skill Up Journey !
IntroductionHello everyone, I am Srikar - An engineering student, Developer, Podcaster, Writer, and Designer. I am an aspiring full-stack developer and learning the MERN stack currently. Would love to connect with amazing people out there and hope that my blog reaches out to all the people starting their coding journey! My entry to coding was through HTML, CSS and JS in high school and I left it a … [Read more...]
Set up NGINX with SSL on a Ubuntu server to serve static pages.
NGINX is an open-source software used in web serving. Some of its other uses include reverse proxying, caching, load balancing, media streaming and more. It is similar to Apache and the main difference is NGINX uses an event-driven architecture handling multiple requests within a single thread. Apache is process-driven creating a thread per each request. This allows NGINX to have generally better … [Read more...]
React’s Virtual DOM: Headache or Painkiller for Developers? 🤒
There is something magical about the virtual DOM in React. ✨ However, a great deal of complexity and difficulty in understanding it.The virtual DOM is what makes React great; it’s neither a headache nor a painkiller for sure. I explain it in a detailed, yet easy-to-understand manner in this post. 🚀 You can read the actual post here: The Functioning Mechanisms of the Virtual … [Read more...]
When to Use for Loop and forEach in Javascript
In Javascript, there are two popular methods used in iterating over arrays: for loops and forEach. These two methods allow you to perform certain operations on each element of an array, however, they have some key differences that make them better suited for different types of tasks. In this article, we will explore when to use for loops and forEach in Javascript, and how to choose the best method … [Read more...]
Starting my Web Development Journey
Hi there, My name is Aman Sharma and today I am starting my Web Development journey, and I will be sharing all the upcoming learnings and challenges in the coming days. Source: hashnode.com … [Read more...]
#refineweek: Setting Up the Client App
In this episode, we initialize our Pixels app using refine and get familiar with the boilerplate code to be created with the create refine-app CLI tool. This is Day 2 of the refineWeek series. refineWeek is a seven-part tutorial that aims to help developers learn the ins-and-outs of refine's powerful capabilities and get going with refine within a week. refineWeek series Overview In the previous … [Read more...]
Understanding the Document Object Model (DOM) in Web Development
IntroductionWhen you browse the web, you might have come across the term “DOM” before. The Document Object Model (DOM) is a programming interface for web documents. It represents the page so that programs can change the document structure, style, and content. In this blog post, we’ll explore what the DOM is, how it works, and why it’s important for web development. What is the DOM? The DOM is a … [Read more...]
HTML And Their Basic Tags
HTML stands for Hypertext markup language.HTML is a markup language that uses to build websites. HTML has a defined skeleton of the website. HTML is a collection of tags called elements of tag. And each element of the HTML has an opening tag and a closing tag. the opening tag is defined as <tag name> and the closing tag is defined as </tag name>. In HTML there are some tags that only … [Read more...]
Creating a Custom Solana Connect Wallet UI with React and Chakra UI
If you have worked with the Solana Wallet Adapter before, you will know that it is very easy to set up a Connect Wallet button with a decent modal.However, customization is pretty limited. We can only add some custom CSS hence changing the styles but that is about it. In this article, we go over the following: Understanding how the @solana/wallet-adapter-react-ui package works Using the … [Read more...]
CSS Box Model
The CSS box model is a way of describing the layout and sizing of HTML elements on a web page. It consists of four parts: the content area, padding, border, and margin. Content area: This is the innermost part of the box, and it contains the actual content of the element, such as text, images, or other HTML elements. Padding: This is the space between the content area and the border. It can be … [Read more...]
- « Previous Page
- 1
- …
- 589
- 590
- 591
- 592
- 593
- …
- 610
- Next Page »