Dev Practical

HTML project: Signup Form page

Knowledge required: HTML only Difficulty: Beginner friendly. Estimate project completion time: 4 hours Skill focus of the project Some of the HTML skills that you will practice while doing this project are: Adding a company's logo image and relevant ... Read more

10 famous HTML-only website examples

When you are starting to learn Web development, you hear about all these languages and frameworks you have to learn. Let me tell you, you don’t need all of them. At first. Infact, you can create something useful with just one of the languages namely: HTML. This list of websites contains created ... Read more

How many HTML tags are there in HTML[Answered]

I researched and counted all the HTML tags, so you don’t have to count them yourself. Screenshot of htmlreference.io Recently, I have been wondering how many HTML tags exist. I searched online, like you but I could not find an exact answer. I wrote this article as a final answer to that ques... Read more

HTML Tags List For Table

List of all elements used to create a HTML table You can use the following HTML tags to make a table your web page. table <table> </table> thead <thead> </thead> tbody <tbody> </tbody> th <th> </th> tr <tr> </tr> ... Read more

Html Project: Wikipedia page

Stats Knowledge required: HTML only Difficulty: Beginner friendly. Estimate project completion time: 2 hours Skill focus of the project Some of the HTML skills that you will practice while working on this project are: Adding different types of text like headings, paragraphs, lists... Read more

HTML-Only projects

Tribute Practice Page Create a HTML project as a Tribute to your Hero. Youtube Practice Project Practice your HTML skills by creating HTML-only version of Youtube. Wikipedia Practice Project Create a HTML-only version of... Read more

HTML project: Google search result

Knowledge required: HTML only Difficulty: Beginner friendly. Estimate project completion time: 4 hours Skill focus of the project Some of the HTML skills that you will practice while doing this project are: Adding different types of text like headings, ... Read more

HTML projects: Youtube page

Knowledge required: HTML only Difficulty: Beginner friendly. Estimate project completion time: 2 hours Skill focus of the project Some of the HTML skills that you will practice while doing this project are: Adding different types of text like heading... Read more

HTML PROJECTS: Tribute Page

Stats Knowledge required: HTML only Difficulty: Beginner friendly. Estimate project completion time: 2 hours Skill focus of the project Some of the HTML skills that you will practice while doing this project are: Adding ... Read more

Learning React in 20 hours: 2nd attempt

Day 1: The first 2 hours(28th March 2020) This article in its current state is not meant as a tutorial on react. It is collection of notes I took while learning React. This is my way of keeping a log of what I learnt. This article will help me easily pick up the concepts I learn in the past. Th... Read more

What is a react component?

A React component is an independent piece of your complete user interface UI. Using a component allows you to think about how to manipulate it in isolation from the rest of the user interface. If I had a blog-post UI, it might have three components: The post component containing ... Read more

How to upload a picture to Codepen

There are some common challenges that you are going to face while using codepen. One such challenge that you will face is where to store the images that to use with your HTML & CSS project. When it comes to images and files, Codepen has a few limitations that might give you a headache such as... Read more

How to find great web developer project ideas

Sometimes, when you are learning to code, you might hit a mental roadblock when it comes to finding project ideas. I have outlined below some of the strategies you can use to come up with meaningful project ideas. Strategies for coming up with project ideas 1. Steal ideas and make them better... Read more

What is the best way to practice coding?

There are two methods you can use to practice coding. These are: 1) Practice coding by building projects Projects are the backbone of any coding practice. Most people (if not all) are learning to code so that you can build something useful with the new skill. You can build a project in any of t... Read more

What is comment tag in HTML?

A comment tag is a HTML tag that is used to add comments to a HTML page. A HTML comment tag must have: <!– at the beginning of the comment. Text or HTML markup in between. –> at the end of the comment. An example of a sin... Read more

How do I learn HTML?

Maybe you have heard that HTML is the language used to make websites and you are wondering how do I learn this new language. Fortunately, for you there is enough learning materials and html is not complicated once you get a hang of it. To learn HTML, you will have to: 1. Choose a good tutor... Read more

Why do we use Flexbox? – Answered

We use flexbox because we want to: display a collection of items in either the horizontal or vertical direction. control the dimensions of the items in that one dimension(horizontal or vertical) of your choice. control the spacing between the items.... Read more

How can I improve my HTML and CSS skills?Answered

There are two steps you can use in order to improve your HTML and CSS skills: Practice HTML and CSS using the knowledge you already know by building projects. Identify the gaps in your knowledge and filling them in. HTML and CSS are languages that you can pic... Read more

How to get and set margin in Javascript

Margin in javascript is the same margin in html. You can set the amount of margin an element has using Javascript. To be clear, margin is the space between the border and the outside container holding the element. 1. How to set margin in Javascript You can change the margin an element using the ... Read more

.map() method in javascript- Beginner guide

I ran into a challenge that required use of  .map(), .reduce() and .filter() methods. Previously, I have been tiptoeing around ES6 syntax. Why you ask? I found it a bit tough for me to understand. I am going to share with you some of the things I learnt in this post. What is map () in JavaScr... Read more

What does form do in HTML?

A HTML form is used to get user input on a website(or web app) and then use the input to interact with a server. The HTML form element does three things: Holds and contain the elements that will collect the input. ... Read more

What is HTML and CSS used for? [Answered]

HTML was the first technology that first powered the first website. Those websites had very minimal features. Today, HTML and CSS are still in use and they do so much more. Today we will look at what each of them does. HTML USES First of all html is the base technology that allows us to view ... Read more

9 steps to creating a web page using HTML [Illustrated guide]

If you have ever wondered how HTML is used to make websites with pictures and videos, you have landed at the right place. I am going to walk you through the 9 steps of building a one page website using HTML. If you can build a one page website, you can build a multi-page website. Requirements Yo... Read more

How to host a HTML page on localhost

Normally when I want to view a HTML file, I just right-click it and choose to open it with a web browser. However, I wanted to run a html page using localhost. I went online, researched and found 3 methods that works. Outline What is localhost and where can I access it. Local server. Wha... Read more

What html tags are used in creating forms

The html tags used in creating forms online are <form> </form> tags pair. These 2 html tags are the container that holds other tags that create the form fields to be filled. The tags used together with the form tags are: ... Read more