Posts

Toggle Sidebar Code Using JavaScript in Web Development

Image
     In any modern responsive website you have surely seen an toggle sidebar which will open and close with an animation whenever the hamburger icon or menu icon is clicked. It looks nice with nice transition and is necessary to make your website responsive for mobiles.      Today, I will let you make your own toggle sidebar which you can implement in any website and give your website a modern enhancement. We will have to do three things,  1. Making the HTML of the menu button and sidebar 2. Adding CSS to the elements 3. Using JavaScript, enabling the toggle functionality. HTML:      One thing to be noted that the HTML code of the Menu and Sidebar can be given anywhere inside the body tag because we will finally give these elements fixed positions. Better put it just after the body.  <div id="mobile-navigation"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Courses

Collatz Conjecture - a mathematical mystery ( with Python )

Image
            Yes, Nature loves symmetry. Though man discovered mathematics to solve real life and abstract problems, the Nature also obeys some mathematical rules. And sometimes, we all come to a very strange understanding seeing the unsolved mysteries of mathematics. One of that mysteries is the Collatz Conjecture or the 3n+1 conjecture .      This is nothing but a very simple procedure which we can apply to any number. But the fact all the numbers tested on this procedure come to the same output result. Let's say, we have a number N .  If it is odd then multiply it by 3 and add 1, meaning 3N+1 . And if it's even then divide it by two or calculate N/2 . And follow this steps again and again.     let's take any number 19. Odd number so 3*19+1 = 58. It is even so calculate 58/2 = 29. Now odd 3*29+1 = 88 and so on... 88 /2 =  44                   44 /2 =  22 22 /2 =  11                   3 * 11 +1 =  34 34 /2 =  17                  3 * 17 +1 =  52 52 /2 =  26                 

Send AJAX Request to PHP using jQuery.

Image
 PHP is a very commonly used language for backend web development. This is used to make dynamic websites with a database connection. Now there are two types of request that can be sent to a PHP file GET and POST. In the normal case if you sent any request a PHP file the page will be refreshed, which will surely decrease the User Experience. Also in some web applications it may happen that you have to send request to a PHP file very frequently. In these situations we have another way to send request and receive response from the PHP file. It can be done through Ajax or XMLHttp request. Normal Javascript can be used to write a code for AJAX but I will recommend jQuery to do this task as it is time saving and less code have to be written.  At first include the jQuery CDN link above the closing </BODY> tag . You can get it from here--> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="

5 Fantastic YouTube Channels to learn Web Development.

Image
  YouTube has become a very strong source of online tutorials and videos for almost all trending and famous topics. You can start learning completely free from YouTube and obviously you can learn at your own time. So, there is a big opportunity for you to learn from YouTube your favorite topics without any cost but only your internet data. In this context, I will tell you 5 channels from where you can learn web development very steadily and efficiently. So let's see--> 1. Online Tutorials :     This is an excellent channel for learning CSS. The channel contains beautiful and creative CSS videos that will make you too much interested. If you want to grow your frontend development skills, this channel is very good. so check it out : CLICK HERE 2. FreeCodeCamp :     FreeCodeCamp is a very well known name for coding and programming.  This channel has video tutorials by experienced programmers on almost every topic. You can check out the Django, PHP, Laravel courses from this cha

Is PHP dead ? What to use in backend ?

Image
  So, hello everyone welcome to another blog. Now the question that leads you to this blog post is that which language should we use in the backend of website. For about two decades, PHP was soo famous in web backend development and was the compulsory language for backend developers. But, nowadays, some says that PHP is dead , he is no more, leave it, kill it and so on. So, what's the matter actually and what to learn. Okay, let's point out one thing that--  Do you know Wordpress is the biggest platform for blog websites. Very interestingly,  it is totally on PHP. Also, PHP is made and brought up only and specially for web development. Also PHP is very compatible with HTML and CSS websites.  People who say that PHP is dead actually they somehow hate this language. But trust me it is not true. In this days, in the web 79.1 % websites are on PHP.  Also it has a very strong userbase throughout the world.  Also, let me mention some giant websites which are world famous all time an

How To Make Anchor Tag Link Look Beautiful ?

Image
In a website the hyperlinks are very important and discussable. The more elegant design of the link the more chances for that link to be clicked. So, it is necessary to have a good looking links. Here I will discuss the process to do this task. A website has links and these are actually <a> tags. If you write only the basic format like this -->           <a href="#">Click Here</a> It will look like a very normal link with underline------> Click Here You can see that this link is not at all attractive to be clicked.  But some lines of CSS will make it so beautiful. Let's do that. At must you have to remove that underline with property {text-decoration: none;}. Then to change the color and background {color: #fff; background: #00cc99}. But still it is not  looking so good .Now lets give padding {padding: 5px 16px;}.  You will see that padding will not work properly as the a tag is an inline element. You have to ma

Why Web Development is a trending career ?

Image
  The field of technology is going to create many job opportunities. Web Development is a very successful career option. As everything in this in this world is becoming so much online , the demand of web developers is in the top. Nowadays, every famous shop, institute, business are in need of websites. The education system is also very much dependent in online system. All of these stuffs are maintained by web developers. Learn only four things HTML , CSS, JS , Bootstrap and you are ready to go as a frontend web developer. learn PHP or Node or Django and you are now a full stack developer.  A frontend developer has the responsibility of designing the website. Average salary of a frontend developer is between 4,00,000 to 9,00,000 rupees per annum. Also they can do personal projects for anyone to boost their income. Also, the demand is going so high now, companies need more developers now. Now, you can understand that it is life changing for you. So, why are you waiting still. NOTE TH