Posts

Showing posts from November, 2022

Featured Post

BUILD A TODO LIST IN PYTHON

Image
Build a TODO List in Python Overview The objective is to build a todo list to which we can add items, remove the added items, edit the items and even if required, delete out the entire list itself. We will learn here step by step, how to build the todo list with the above  CRUD (Create, Remove, Update/edit, and Delete ) features.  This is a CRUD list  app  that we are building as we can Create, Remove, Update items in the list and Delete the entire list itself. We will be using Python3 to build this Project. Importing os and time We import time to let the screen pause for a while before clearing  and we import os to clear the screen . Initializing the list We initialize the todo list with an empty list as there are not items added yet to the list and this is represented in the code aby using an empty square braces   toDoList = [] Defining the print list  The def keyword is used to define a function in python. In the below code, we define the function called printList(). When we define

Guide to Learn Coding Efficiently and Effectively

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 reason behind yo

Use JavaScript Constructor To Create A New Object

Image
JavaScript Constructor  In JavaScript, a constructor gets called whenever an object is created using the keyword, new. The idea of using a constructor is to create a new object and then set values for any of the object properties that is already existing in the object. The constructor method is a special method for creating and initializing an object that is created with a class.  The Task  In this freeCodeCamp certification coding lesson, we need to finish the code for the given assignment. We need to use the class keyword and write a constructor to create the Vegetable class.  The Vegetable class allows us to create a vegetable object with a property of name that gets passed to the constructor.  Key Points As per requirement of the project, following points to be noted for doing this task:  Vegetable should be a class with a defined constructor method.  The class keyword should be used.  Vegetable should be able to be instantiated. carrot.name should return carrot . The Code   //chan

How To Fight Programmer's Imposter Syndrome

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

CSS flexbox tutorial for beginners - CSS Flexbox Sticky Footer

Image

CSS Variables Tutorial for beginners

Image

BASIC HTML TABLES TUTORIAL - HTML5 TABLES TUTORIAL FOR BEGINNERS #6

Image

CREATE SOCIAL MEDIA BUTTONS WITH AWESOME ANIMATIONS USING HTML AND CSS

Image

CSS BACKGROUND IN LESS THAN A MINUTE #Shorts

Image

Learn HTML difference between ID and Class - HTML Tutorial for beginners#8

Image

How To Add Comments In HTML #HowToAddCommentsInHTML #shorts #html #htmlt...

Image

How To Add Comments In CSS #HowToAddCommentsInCSS #shorts #cssComments

Image

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

Image
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

How to Build Social Media Icons in 15 seconds

Image
How to Build Social Media Icons in 15 seconds This is a beginner project sample for understanding the concepts of HTML and CSS. This may seem very boring to those who are in their intermediate or advanced learning journey of web development, but, for a coding newbie, it may be very challenging idea to make social media buttons and the code syntaxes involved in the same. I too used to look for explanations on this topic , when I was a code newbie and so, I decided to write this project as a mini story to include all the code syntax details , while keeping absolute code beginners in my mind. To the rest of all you experts out there, I’m sorry, if I’m boring you to death over this simple concept(simple for you but complex for newbies)! Following is the explanation for the HTML code snippet for the social media icons : We will be using the anchor tag denoted by <a> The <a> tag is for making a hyperlink, the purpose of which is to link from one page to another. Let’s

Create Sticky Sidebar on Scroll - Vertical Sticky Navigation Menu with H...

Image

Welcome to my first Blog Post

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 and projects on HTML5, CSS#, JavaScript and React.  See you in the next blog post!