Learn Techniques not tools

What is Data? In simple words data can be facts related to any object in consideration. For example your name, age, height, weight, etc are some data related to you. A picture , image , file , pdf etc can also be considered data. What is a Database? Database is a systematic collection of data. Databases support storage and  manipulation of data. Databases make data management easy. Let's discuss few examples. An online telephone directory would definitely use database to store data pertaining to people, phone numbers, other contact details, etc. Your electricity service provider is obviously using a database to manage billing , client related issues, to handle fault data, etc. Let's also consider the facebook. It needs to store, manipulate and present data related to members, their friends, member activities, messages, advertisements and lot more. What is a Database Management System (DBMS)? Database Management System (DBMS) is a collection of programs whic

Vue.Js Vue (pronounced /vjuː/, like  view ) is a  progressive framework  for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with  modern tooling  and  supporting libraries . If you’d like to learn more about Vue before diving in, we  created a video  walking through the core principles and a sample project. If you are an experienced frontend developer and want to know how Vue compares to other libraries/frameworks, check out the  Comparison with Other Frameworks .

React Js:   Let me explain this with a practical example. Imagine your  favourite celebrity  posting a photograph on Facebook. Now you go and like the image and then you suddenly see that lets check out the comments too. Now while you are browsing over comments you see that likes count increased by count 100 since you liked the picture. Yes and there was no reload of the page, just somehow magically the count changed. This magic my friend is  react.js. So to explain it better, imagine your web page. Again I will take example of Facebook since everybody uses it and common they created react.js :D . So billions of posts, so much traffic, millions like count. How do they manage all that a blazing speed. To do that they come up a library called react.js Imagine a post on facebook. Now this post which is a  container  consists of multiple small parts like likes,comments,share,commentbox called  components.  So yes with react you page can be broken down into components. Now you

AngularJS AngularJS is a client side JavaScript MVC framework to develop a dynamic web application. AngularJS was originally started as a project in Google but now, it is open source framework. AngularJS is entirely based on HTML and JavaScript, so there is no need to learn another syntax or language. AngularJS changes static HTML to dynamic HTML. It extends the ability of HTML by adding built-in attributes and components and also provides an ability to create custom attributes using simple JavaScript. Advantages of AngularJS Open source JavaScript MVC framework. Supported by Google No need to learn another scripting language. It's just pure JavaScript and HTML. Supports separation of concerns by using MVC design pattern. Built-in attributes (directives) makes HTML dynamic. Easy to extend and customize. Supports Single Page Application. Uses Dependency Injection. Easy to Unit test. REST friendly.

Jquery: j Query is a fast, small, cross-platform and feature-rich JavaScript library. It is designed to simplify the client-side scripting of HTML. It makes things like HTML document traversal and manipulation, animation, event handling, and AJAX very simple with an easy-to-use API that works on a lot of different type of browsers. The main purpose of jQuery is to provide an easy way to use JavaScript on your website to make it more interactive and attractive. It is also used to add animation. What is jQuery jQuery is a small, light-weight and fast JavaScript library. It is cross-platform and supports different types of browsers. It is also referred as ?write less do more? because it takes a lot of common tasks that requires many lines of JavaScript code to accomplish, and binds them into methods that can be called with a single line of code whenever needed. It is also very useful to simplify a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulat

Git Hub: Repository     A GitHub  repository  can be used to store a development  project . It can contain  folders  and any type of  files  (HTML, CSS, JavaScript, Documents, Data, Images). A GitHub repository should also include a  licence  file and a  README  file about the project. A GitHub repository can also be used to store ideas, or any resources that you want to share. Branch     A GitHub branch is used to work with different  versions  of a repository at the same time. By default a repository has a  master  branch (a production branch). Any other branch is a  copy  of the master branch (as it was at a point in time). New Branches are for bug fixes and feature work separate from the master branch. When changes are ready, they can be merged into the master branch. If you make changes to the master branch while working on a new branch, these updates can be pulled in. Commits        At GitHub, changes are called commits. Each commit (change) has

About npm:      npm is the world’s largest software registry. Open source developers from every continent use npm to share and borrow packages, and many organizations use npm to manage private development as well.     npm consists of three distinct components: the website the Command Line Interface (CLI) the registry Use the   website   to discover packages, set up profiles, and manage other aspects of your npm experience. For example, you can set up  Orgs   (organizations) to manage access to public or private packages. The   CLI  runs from a terminal, and is how most developers interact with npm. The  registry   is a large public database of JavaScript software and the meta-information surrounding it. otherwise,   npm  is the world's largest  Software Registry .   The registry contains over 800,000  code packages .   Open-source  developers use  npm  to  share  software.   Many organizations also use npm to manage private development.

Bootstrap       If you have any sort of interest in web development, you’ve likely heard of  Bootstrap . According to the official website,  Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.  Sounds great! Now how do I use it? It would be easy to send you over to their  Getting Started  page and call it a day. Their setup guide is indeed a host of useful information – links to CDNs, explanations on how to install with Bower, npm, and Composer, information on integration with Autoprefixer and LESS, a bunch of templates, licenses, and translations – but it is certainly not a step by step guide to getting started (which very well might be in the spirit of autodidactism).

          JSON stands for J avaScript O bject N otation. Exchanging Data:        When exchanging data between a browser and a server, the data can only be text. JSON is text, and we can convert any JavaScript object into JSON, and send JSON to the server. We can also convert any JSON received from the server into JavaScript objects. This way we can work with the data as JavaScript objects, with no complicated parsing and translations.

What is AJAX?                  AJAX stands for Asynchronous JavaScript and XML. AJAX is a new technique for creating better, faster, and more interactive web applications with the help of XML, HTML, CSS, and Java Script. Ajax uses XHTML for content, CSS for presentation, along with Document Object Model and JavaScript for dynamic content display. Conventional web applications transmit information to and from the sever using synchronous requests. It means you fill out a form, hit submit, and get directed to a new page with new information from the server. With AJAX, when you hit submit, JavaScript will make a request to the server, interpret the results, and update the current screen. In the purest sense, the user would never know that anything was even transmitted to the server. XML is commonly used as the format for receiving server data, although any format, including plain text, can be used. AJAX is a web browser technology independent of web server software. A

Extensible Markup Language ( XML ) is used to describe data. The XML standard is a flexible way to create information formats and electronically share structured data via the public Internet, as well as via corporate networks. XML code, a formal recommendation from the World Wide Web Consortium ( W3C ), is similar to Hypertext Markup Language ( HTML ). Both XML and HTML contain markup symbols to describe page or file contents. HTML code describes Web page content (mainly text and graphic images) only in terms of how it is to be displayed and interacted with. XML data is known as self-describing or self-defining, meaning that the structure of the data is embedded with the data, thus when the data arrives there is no need to pre-build the structure to store the data; it is dynamically understood within the XML. The XML format can be used by any individual or group of individuals or companies that want to share information in a consistent way. XML is actually a simpler and easier-to

Images from smallbiztrends.com    Have you asked yourself, “What is responsive web design?” Responsive web design is an approach whereby a designer creates a web page that “responds to” or resizes itself depending on the type of device it is being seen through.  That could be an oversized desktop computer monitor, a laptop or devices with small screens such as   smartphones   and tablets. Responsive Web design has become an essential tool for anyone with a digital presence. With the growth of smartphones, tablets and other mobile computing devices, more people are using smaller-screens to view web pages. These websites have to also consider the  mobile-first index  just announced by Google in April 2018. As more small businesses increase their mobile presence, their website, eCommerce, Google Business page, social media pages and other assets have to be easily accessible across all devices.   The purpose of responsive design is to have one site, but with different elements t

HTTP: HTTP (Hypertext Transfer Protocol) is the set of rules for transferring files (text, graphic images, sound, video, and other multimedia files) on the World Wide Web. As soon as a Web user opens their Web browser, the user is indirectly making use of HTTP. HTTP is an application protocol that runs on top of the TCP/IP suite of protocols (the foundation protocols for the Internet). Images from w3schools HTTP concepts include (as the Hypertext part of the name implies) the idea that files can contain references to other files whose selection will elicit additional transfer requests. Any Web server machine contains, in addition to the Web page files it can serve, an HTTP daemon, a program that is designed to wait for HTTP requests and handle them when they arrive. Your Web browser is an HTTP client, sending requests to server machines. When the browser user enters file requests by either "opening" a Web file (typing in a Uniform Resource Locator or URL) o