Featured Post

Beginner's Guide On For Loop in Python

By
Image
  Beginner's Guide On For Loop in Python Introduction This post is for beginners who are trying to learn Python and they will find this step-by-step guide very easy to understand.  Here, I will be first introducing the concept of the 'for' loop in Python, and thereafter, I will proceed to explain the significance and methods of using this loop in your Python projects with several easy-to-understand examples and source code.   What is a 'for' loop A 'for' loop in Python is used to loop over a sequence and it is very useful when you perform tasks in your python functions. The 'for' loop could be used for looping or iterating over a list, tuple, set, dictionary or a string. We will see the examples below. During the phase of looping through a list for example, after creating the variable name to specify each item in the list, we will decide what is the action that is to be executed in the phase of this iteration whereby each and every item s...
Post a Comment

How to create a drop down menu with hoverable submenus in Html and CSS- ...

By

This tutorial will teach you how to create a drop down navbar with drop down sub navbar using html and css. The complete code source can be found in the following link: https://codepen.io/meeramenon07/pen/ZEbzxxW

If you wish to learn responsive  front-end web development and designing from scratch , then you should SUBSCRIBE  for more such web development tutorials: https://www.youtube.com/channel/UCzsmG59Td5XqzZwipgJ0qJg/?sub_confirmation=1

Please share this video with a friend:https://youtu.be/0l_ijEtsyr8

Watch next: CSS tutorial for beginners :
https://www.youtube.com/playlist?list=PLvsacu9cyzexCd_0c45vI0X7KdoxRBY18

Recommended Playlist: HTML tutorial for beginners:
https://www.youtube.com/playlist?list=PLvsacu9cyzexKRSGOKYrND5bt1-N81a0K

Recommended Playlist: Javascript tutorial for beginners:
https://www.youtube.com/playlist?list=PLvsacu9cyzeyn-eCUlvJJGGfndsvbUZWS

Bonus Playlist: Programming tips :
https://www.youtube.com/playlist?list=PLvsacu9cyzezbH-FKS9wrd4C1ZV2fbBvj

If you want to browse some projects to build : here are some projects Playlist:
https://www.youtube.com/playlist?list=PLvsacu9cyzexxwVbfCXvPyq6hHw-8m4By

For business enquiries, please contact me at : meeramenon07@gmail.com

Let's connect on social media:
Facebook: @edtechbymeera
Pinterest: edtechbymeera
Twitter: @EdtechByMeera
Keep staying focused on your web developer's journey while I take you through your knowledge sharing journey from a novice to a ninja
#DropDown #dropdownnav #subnav #nav #dropdownnav #dropdownmenu #submenu #edtechbymeera   #howto #menu #submenus


I am a self-taught Web Developer and Blogger, also into teaching coding for absolute beginners, writing technical articles and the purpose of this blog is to let beginners become tech savvy in technology covering coding, programming, web development, social media management and digital marketing. Even if you are a total beginner with no tech skills, this blog will help you to attain the required tech skills in no time, without the need to get formal tech education or degrees.

Comments

Post a Comment

Popular Posts

Build A Random Quote Machine in React

By
Image
  Build A Random Quote Machine in React  This ReactJS Tutorial will teach you how to create a random quote generator using React hooks. This is a challenge for testing your frontend libraries in the freeCodeCamp frontend libraries certification projects and in this challenge, I will walk you through the steps so that you can pass all the ten tests in this challenge. This React Project is part of the freeCodeCamp frontend Libraries Certification Challenges and here, I am going to walk you through the challenge and also break down the challenge into smaller, more understandable steps, to demonstrate how to build this App in a simple way. The Random Quote Machine App is a very unique app that will allow the users to interact with the app , whereby by clicking on a button, you will be able to see random new quotes with their authors' names and you will also be able to share these quotes on Twitter.  Code editors required for this challenge :   We will be coding in HTML, ...
Read more

Welcome to my first Blog Post

By
Image
This is just an introduction and welcome post to all the readers. I am writing this post to beginners who are learning Programming with a fear of walking in this coding journey. Even if you don't have any formal degree in Computer Science, let me tell you that you can walk this path of web development, without any fear, as long as you are willing to do so. I will be posting several tutorials and projects along the way to help you learn programming without the need to feel stressed and frustrated. My tutorials will be mostly coding tips, concepts, tutorials and  Beginner Projects on HTML5, CSS3, JavaScript including React, and Python for beginners. See you in the next blog post!
Read more

A Simple Guide to Promises in JavaScript ES6

By
Image
A Simple Guide to Promises in JavaScript ES6 In this JavaScript tutorial, based on the freeCodeCamp JavaScript Algorithms and database structures, I will be explaining and walking you through the concept and usage of Promises in JavaScript, with very simple examples to make you understand the concept easily.  What is a Promise in JavaScript? A Promise in JavaScript is an object that displays the final success or failure of an Asynchronous operation.    A Promise in JavaScript is similar to a promise given in real life, meaning, it is Asynchronous, that is, it is unidirectional. When you give a promise to another person, you could either fulfil that promise or reject the promise, but, you can not both fulfil as well as reject a promise given. Similarly, in JavaScript, a Promise is Asynchronous in nature. Imagine a situation whereby you decided to apply for loan to start a new business. You make a loan application letter the next day and approach the Bank Manager. When ...
Read more

Build A Calculator in React

By
Image
  Build A Calculator in React This project is part of the freeCodeCamp react certification program. In this React Project tutorial, we will learn how to build a simple calculator using JavaScript React framework.  TASKS TO ACHIEVE IN THE PROJECT The calculator should contain clickable element with an  'Equal to'  sign (that is, an = symbol )  which has an id of "equals". There should be ten clickable elements having one number each from 0-9 with the following corresponding IDs :  id="zero", id="one", id= "two", id="three", id="four", id="five", id="six", id="seven, id="eight" and id="nine" There will be four clickable elements each having one of the primary mathematical operators with the following corresponding IDs:  id="add', id="subtract", id="multiply", id="divide". T here will be one clickable element with a decimal point  symbol w...
Read more

Top Free Online Websites to Learn Coding

By
Image
Top Free Online Websites to Learn Coding This guide will help you to find  online sites to learn Coding for free.                   Photo by Antonio Batinić: Finding free sites online to learn Programming is a big task when you search online, as there are millions of resources that are available for free. Sometimes, it can be a time killer and really tiring and tedious and simultaneously, also lead to confused minds and make you demotivated to focus on your goals. You may also select the wrong resources and end up getting totally demotivated after wasting few months or years on the wrong resources. I have made your search easy and convenient by presenting below, the top ten sites that offer free online programming. Here are the names of the online sites that offer Programming courses, completely free of cost. While, you may have across several blogs talking about of free courses, please note that some of the sites mentioned online ar...
Read more

How To Fight Programmer's Imposter Syndrome

By
Image
If you are struggling with a severe Imposter Syndrome in your Programming job or learning phase, while suffering from a serious Inferiority Complex that is trying to destroy your coding journey, here is the guide to fight the challenges of the Programming Imposter Syndrome. In this guide, I share with you the actual elements and reasons for causing this Imposter Syndrome and also provide you with many Actionable Advice for you to improve your confidence! Programming Imposter Syndrome is a major emotional battle for most Programmers, whether you are in the early stages of learning to code or already started working as a Programmer, and it is very normal for you to feel the emotion of an Imposter Syndrome and fighting this syndrome is a big challenge indeed. Imposter Syndrome is actually a collection of feelings of inadequacy that persist despite evident success. "Imposters" suffer from chronic self-doubt and a sense of intellectual fraudulence that overrides any feelings o...
Read more

Guide to Learn Coding Efficiently and Effectively

By
Image
Guide to Learn Coding Efficiently  This guide will teach you how to learn to code more efficiently and effectively in order to learn programming without a major burnout. Start with core concepts:  The main thing that you need to remember is to pay attention to your core fundamentals, which is about all your programming language concepts, methods and basics. Once you understand and master the basics well, you are free to go ahead further to explore some more in your coding journey. Every language has its core concepts, hence, grasp the fundamentals such as conditional loops and statements, objects, functions, algorithms and database structures etc., before proceeding to start building projects.   Have a Goal in mind: Figure out your goals even before you decide to study coding. F irstly, you need to ask yourself, why you want to learn programming. Is it to get a higher salary than what you are getting now or is it because you love coding or is there some other re...
Read more