The Programming Blog

Introduction: As a web developer, you must know what tools are available in the world of web development so that they can be used to increase your productivity as well as your web development much easier. There is a huge number of tools online. Also, there are plenty of Chrome Extensions that can be downloaded from the Chrome Web Store, which are quite helpful and efficient. So, I have made a list of such tools, that can make your everyday Web Development easier. #1. Emmet Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow. It can be installed in nearly any text editor, such as Sublime Text, VS Code, etc. It has some shortcuts that can be so helpful to you when typing some code as it makes easier for you to write that code for a very short time. It is widely used by web developers because all developers are not fast typers. It makes typing efficient. You can download the plugin from the official website emmet.io or you can install ...

Source: Softonic Note: This article is for Windows users only. If you want an article on Installing Windows 10 from Linux, comment in the comment section below. Minimum Requirements: Processor : 1 gigahertz (GHz) or faster. RAM : 1 GB (32-bit) or 2 GB (64-bit) Free hard disk space : 16 GB. Graphics card : Microsoft DirectX 9 graphics device with WDDM driver. A Microsoft account and Internet access .( ISO File Size : About 3.5 GB and Upgrade File Size : No Info) Recommended Requirements: Processor : 2 GHz or faster. RAM : 4 GB or higher (32-bit or 64-bit). Free Hard Disk Space : 20 GB. Graphics Card:  Microsoft DirectX 10. Stable Internet Connection and about 1024 bits/second, and also around 5 GB of internet package from the ISP. Note: Recommended requirements are not necessary to run Windows 10. But if you have those, you can run your Windows efficiently. How to check your system requirements for Windows 10? If you do not kn...

Introduction: Creating code snippets using HTML and CSS is very easy, but for hosted blogs such as Blogger, it is quite difficult to edit the source code of the pages. You can create some custom CSS code to the source code of the page, but today we are going to show the easy process, i.e. using popular source code hosting website 'GIT HUB'. For example: Steps: We will be using GIST of GitHub to make code snippets. Open up the https://gist.github.com . You may have to Sign In or Sign Up for a GitHub account. After sign in to your account, create a new gist by selecting the top right button on the web page. Type a name for your file and type or paste the source code in the second text area. That's it, now, create a secret gist or a public gist. Secret gist means it is not visible to users, but if you give them the link it will be visible. Copy the embed code. Paste in the post editor of your blogspot post while in the HTML view. It...

Introduction: Airtel Dongle installation in Linux is a quite a bit tough for beginners. But it is really as easy as regular Windows installation. Airtel Dongle does not run without installing its software, it can be installed from the dongle itself using Terminal. Here are the few steps how you can install Airtel Dongle Application on your Linux OS. Steps: Plug in your Airtel 4G dongle. Open-File Browser and on the left side click Airtel 4G. Open Linux folder. Right-click PCL_Airtel_64.tar.gz and click extract. Extract it to desktop. Now, the main part is that you have to manually enter code. So, close all windows. Right-click and open terminal where you have extracted. Type the command below and press enter:                                             sudo ./install.sh Type your computer's password and hit enter. *Note that your password will not be displaye...

Login Form UI Introduction: In this post, you will get an idea how to create a Login User Interface with the help of a popular Front End Web Framework named Bootstrap. Steps: Open up a text editor and save the file with extension '.html'. Type it out with the basic HTML code. Add Bootstrap CDN between the opening and close <head> tags. You can get the Bootstrap from the Bootstrap website here . It will be somewhat like the snippet below. Now add some custom styles just before the closing head tag. We are using -webkit-linear-gradient for chrome only, you can add -moz-linear-gradient and include the same color parameters to it. Let's come to <body> tag and edit it.  First creating a card using bootstrap class called 'card'. Go to Bootstrap's website documentation for further details. Then refer to the code as follows: We are done and the final code will be look like this: Conclusion: We have created th...

Source: firebase.google.com Introduction: Firebase is a mobile and web application development platform developed by Firebase, Inc. in 2011, then acquired by Google in 2014. It is one of the most popular platforms nowadays for developing Android applications. It is quite easy to, use with documentation for reference included on its website along with examples.  Firebase requires a browser to interact with. But, for advanced application development, it has a Command Line Interface (CLI) called Firebase CLI. It can be installed on your system, and then have to be used with your system's command line tool, such as Command Prompt in Windows, and Terminal in Linux and Mac. Installing in Windows: To install Firebase CLI, just follow the steps below: You must have installed Node.js and npm on your Windows system. To install refer the video below: Then type the following in your Command Prompt to install Firebase CLI: npm install -g firebase-tools That is it. You a...

Source: Pixabay Introduction: When a computer slows down or keeps lagging when working on your computer, this makes you disgusted. But this may happen when your computer is old, applications running are newer, or your computer's memory is low as compared to the applications you are running. But, there are some ways by which multi-tasking in a computer becomes easy and efficient, also lagging free.  Steps: The steps mentioned below are for WINDOWS® users only since MAC OS and LINUX are highly optimised as compared to WINDOWS. They are much faster and efficient than Windows.  #1. Change Performance Settings: This can be done by the following ways: Open up Computer, right-click and open Properties. Choose Advanced System Settings from the left panel. Under Advanced tab and on Performance panel open up Settings. Then choose Adjust for best performance.  Apply your changes and you are done. This will increase the performance of your compute...

Introduction: If you want to learn programming languages for free, the internet is the best resource for free learning and education. There are tons of websites for learning programming online. So, in this blog, I have mentioned the best 3 websites for learning to programme online. #1. Microsoft Virtual Academy Maintained and developed by the Windows® creator, Microsoft Virtual Academy is absolutely free to use or operate with. You might have to sign in with your Microsoft Account to avail the courses. There is a good deal of courses available on the mentioned site, starting from beginners to advanced level, and categories range from web development to game development. Provides you with a certificate of completion of a course. Since the site is absolutely free, so it is on my top of the list. #2. Udacity Udacity is one the best platform for understanding programming. It has step by step process of understanding stuffs much better with videos as well as text. ...

Introduction: We are in an age, where time is everything! Programming applications take much time! That's triggered me, and I ended up all my experience in this post. In the following steps, I have mentioned some of the best techniques to save time and code efficiently.                         #1. Use IDEs or IntelliSense Code Ed itors: Integrated Development Environments (IDEs) saves a plenty of time as they have a built-in feature of expecting what the code will be when typing. This feature is called IntelliSense. Simple Text Editors do not come with such feature-packed. So, we have to use other software applications that comes with IntelliSense. Some common and useful text editors are: Visual Studio Code: Developed by technology giant Microsoft, it is of the lightest and efficient code editor. It has support for IntelliSense and is also cross-platform(Windows, Mac, Linux). Brackets: It is also one the be...

What is Node.js? Node.js is an open source server framework. Node.js is free. Node.js runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.). Node.js uses JavaScript on the server. Node.js files are saved with extension '.js'. What Can Node.js Do? Node.js can generate dynamic page content. Node.js can create, open, read, write, delete, and close files on the server. Node.js can collect form data. Node.js can add, delete, modify data in your database. How to download Node.js? You can download and install node.js from the official website here . Node.js is cross-platform and can be used in almost all the OS. Using Node.js: You can edit node.js with any text editor. But I would recommend you to install and use Visual Studio Code which is cross-platform and also has IntelliSense that leads to faster coding. You have to add some extensions to edit node.js files more efficiently. Creating Hello World Page: To create...

What is Bootstrap? BootStrap Logo Bootstrap is a free front-end framework for faster and easier web development. Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins. Bootstrap also gives you the ability to easily create responsive designs. Why Use Bootstrap 4? Advantages of Bootstrap 4: Easy to use : Anybody with just basic knowledge of HTML and CSS can start using Bootstrap 4 Responsive features : Bootstrap's responsive CSS adjusts to phones, tablets, and desktops Mobile-first approach : In Bootstrap 4, mobile-first styles are part of the core framework Browser compatibility : Bootstrap 4 is compatible with all modern browsers (Chrome, Firefox, Internet Explorer 10+, Safari, and Opera) How to use Bootstrap 4? Bootstrap is an open source toolkit for developing with HTML, CSS, and JS which means its free to ...

Prerequisites: 1. A text editor. You can use any text editor such as Notepad, VS Code, Sublime Text, Atom, Brackets, etc. As a beginner start using simple text editors like Notepad (Windows), Text Edit(Mac) or Gedit (Linux). 2. A modern browser, compatible of HTML5, JavaScript5 and CSS3. I would recommend you to use latest version of  Chrome or Firefox . Getting started: You can learn HTML, CSS, JavaScript, SQL, PHP, jQuery, XML, Bootstrap etc. from the w3schools website. What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language. HTML describes the structure of Web pages using markup HTML elements are the building blocks of HTML pages i.e. <div>, <p>, etc. HTML elements are represented by tags i.e <> HTML tags label pieces of content such as "heading", "paragraph", "table", and so on Browsers do not display the HTML tags, but use them to render the conte...

What is Front End Web Development? The development of Web-pages or Web Applications using HTML, CSS and JavaScript so that the users can directly interact with it is called Front End Web Development. Source: Pixabay Languages used for Front End Development: Usually three languages are used in Front End Development i.e.  1. Hyper Text Markup Language (HTML) : Used for defining  the overall framework of how the site will look.  Latest Version: HTML5 2. Cascaded Style Sheets (CSS) : Controls the presentation aspect of the site and allows your site to have its own unique look i.e. used for styling. Latest Version: CSS3 3. JavaScript (JS) : It is used to transform a static HTML page into a dynamic interface which means HTML and CSS are for presentation only while JavaScript makes the users to interact with it.  Latest Version: JavaScript5 Note:    JavaScript is not at all 'Java on web'. It is not related to J...