Mathavy Umasuthasarma

  Basic JavaScript examples... 1)Button on click.  2)Id calling. 3)Button on click style. 4)Console operation. 5)Addition operation. 6)Arithmetic operation. 7)Operators... If you want more information about JS: https://www.w3schools.com/js/default.asp

 Javascript. JavaScript is the Programming Language for the Web JavaScript can update and change both HTML and CSS. JavaScript can calculate, manipulate, and validate data. Advantages of JavaScript Speed - JavaScript tends to be very fast because it is often run immediately within the client's browser. So long as it doesn't require outside resources, JavaScript isn't slowed down by calls to a backend server. Also, major browsers all support JIT (just in time) compilation for JavaScript, meaning that there's no need to compile the code before running it. Simplicity - JavaScript's syntax was inspired by Java's and is relatively easy to learn compared to other popular languages like C++. Popularity - JavaScript is everywhere on the web, and with the advent of Node.js, is increasingly used on the backend. There are countless resources to learn JavaScript. Both StackOverflow and GitHub show an increasing amount of projects that use JavaScript, and the traction it

 Why responsive web design? Actually, we use laptops, taps, touch phones, Ipads, Iphones, etc. We can't define our screen width or height immediately, but we can define the web page's height, width for any devices respectively. What is Responsive Web Design? Responsive web design makes your web page look good on all devices. Responsive web design uses only HTML and CSS. Responsive web design is not a program or JavaScript. 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. Bootstrap 3 vs. Bootstrap 4 Bootstrap 4 is the newest version of Bootstrap; with new components, a faster stylesheet, and more responsiveness. Bootstrap 4 supports the latest, stable releases of all major browsers and platform

What is Bootstrap? 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 should I use bootstrap 4? Bootstrap 4 is the newest version of Bootstrap; with new components, a faster stylesheet, and more responsiveness. Bootstrap 4 supports the latest, stable releases of all major browsers and platforms. However, Internet Explorer 9 and down is not supported. If you require IE8-9 support, use Bootstrap 3. How does bootstrap 4 Work? Step 1: Setup and overview. Create an HTML page. Load Bootstrap via CDN or host it locally. Include jQuery. Load Bootstrap JavaScript. Put it all together. Step 2: Design your landing page. Add a navigation bar. Include custom CSS. Create a page content container. Add a backgroun

What is CSS? CSS stands for Cascading Style Sheets CSS describes how HTML elements are to be displayed on the screen, paper, or in other media CSS saves a lot of work. It can control the layout of multiple web pages all at once External stylesheets are stored in CSS files. CSS is used to define styles for your web pages, including the design, layout, and variations in display for different devices and screen sizes. CSS handles the look and feel part of a web page. Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, how columns are sized and laid out, etc. The following are the advantages of CSS − CSS saves time − You can write CSS once and then reuse the same sheet in multiple HTML pages. You can define a style for each HTML element and apply it to as many Web pages as you want. Easy maintenance − To make a global change, simply change the style, and all elements in all the web pages will be updated automatically. Global web standards −

 Margin style. Box model in CSS. Cursor style in CSS.

Create a table- Here I create a basic table format, You can modify it as your wish. Create forms. Here I did most of the attributes in one form. HTML Comments- use to describe coding to another developer/programmer. Border style creation. Border style creation  

 Programming Languages. The programming language is a formal language comprising a set of instructions that produce various kinds of output. Programming languages are used in computer programming to implement algorithms. Because the computer only understands "0 and 1" Most programming languages consist of instructions for computers. Javascript, Java, Python, C#, C++, HTML, CSS, RUBY, NodeJS are some examples of web development languages used in programming. Moreover, we can simplify our problems with Flowchart and Pseudo code before coding in programming languages. Look at this image, This is a simple flow chart to solve a problem HTML -Hyper Text Markup Language. I strongly suggest learning HTML first with  https://www.w3schools.com/ It's a learner base code academy to learn quickly. We can use Notepad++, Visual studio code, Atom.io (via  https://en.wikipedia.org/wiki/List_of_HTML_editors ) This is an example of a basic heading style in HTML This is the output. Paragraph