Know’s about Javascript

What is Javascript? Definition, Functions and Examples

If you have never been in the programming world, maybe you are still not familiar with what JavaScript is. JavaScript is a programming language for website development to be more dynamic and interactive. Content that can move dynamically on the website turns out to be one of the results of the application of JavaScript, you know!

This time, we will get acquainted with the JavaScript programming language, from its history, functions, to its advantages and disadvantages.

What is Javascript?

JavaScript is a programming language used for website development to make it more dynamic. Like a word, JavaScript gives “life” to the website so that it creates interaction between visitors and the site.

Dynamic websites mean that the content in them can move or change anything that appears on the screen without having to be reloaded manually. For example, such as animated image content, maps, slideshows, polls, and so on.

These elements certainly make the website more attractive, so that visitors feel at home exploring the contents in it.

Initially, JavaScript only worked on the client/frontend side. That way, the processing of the code only runs on the browser side. However, as its development, JavaScript can also be used on the server-side. Of course with the help of various frameworks such as Node.js, and React.js.

The use of JavaScript in website development is often associated with HTML and CSS. This is because in making a website, these three elements play an important role and are interrelated with each other. The following illustration illustrates the functions of HTML, CSS, and JavaScript when building a website.

  • HTML: building the structure and layout of a website
  • CSS: set the appearance and style of the website
  • JavaScript: enhances website appearance with its features and functionality

Following are the roles of JavaScript, HTML, and CSS in making a dynamic and interactive website:

Building a website structure Give style to the website Adding website interactivity
Control Layout Specifies the screen size for responsive web page Manage website functions and features
Basics for building a website Set the website display Running codes for website functionality
Heading, Praragraph, and list Font, color, background, and border User interface, pop-up, widget, and dynamic content

Beginning of JavaScript

JavaScript was first created in 1995 by Brendan Eich, a Netscape employee. Initially, he was asked to create a scripting language like Java that could be implemented in browsers. He then designed a new programming language in just 10 days by combining features inspired by Java, Scheme, and Self.
The first version is limited to Netscape circles only. Initially, this programming language was named Mocha, then it was changed to LiveScript before finally changing its name to JavaScript.

JavaScript Standard

Shortly thereafter, Microsoft created a new language, namely Jscript, which was used in its browser (Internet Explorer). Basically, Jscript is the result of the adoption of JavaScript.
Netscape was then standardized and in 1997, JavaScript was successfully submitted to ECMA International under the label ECMAScript. ECMAScript continued to develop until 1998, ECMAScript 2 was released followed by ECMAScript 3 in 1999.
ECMAScript underwent many revisions and improvements to become the JavaScript programming language as it is today that is reliable for use in various application models.

JavaScript up to now

In 2005, JavaScript’s popularity rose thanks to AJAX (​Asynchronous JavaScript and XML). New libraries such as JQuery and MooTools were developed to minimize browser inconsistencies and make it easier to apply design patterns.
Until now, JavaScript has become a widely used client-side scripting language. According to statistical data, in 2016 as many as 92% of websites used JavaScript to attract visitors, including well-known sites such as Google and Facebook.


Definition and History of HTML

For those of you who ask, what is HTML? You certainly know the term when using the internet. HTML has a very important function on a website. This HTML can make it easier for users or users to make paragraphs, links, links, headings, and block pages on the website pages or sites that have been made.

What Is HTML and Its Functions?

HTML is Hypertext Markup Language. HTML is a markup language that is easy for users to understand. HTML can facilitate novice users or developers in formatting, compiling, and organizing documents online using the Microsoft Word program.

HTML functions to make it easier for users when managing or managing data in the form of documents on a website. So as to produce documents that are interesting and easy to read by all internet users around the world. HTML has the advantage of the language used. The markup language for HTML has many sources and is broad and consistent.

html in notepad

HTML can be run naturally on every website. HTML also has an easier learning curve and open source that can be run for free. In addition, HTML also has official website standards by the World Wide Web Consortium on maintaining. And easy to integrate with PHP, Node.js, and even the backend language.

HTML has features that cannot be used logically. So that web pages must be separated even though they have the same elements. When executing, the browser can also sometimes be unpredictable. So the browser cannot render newer. However, you can still use HTML as needed.

HTML History

HTML was created by a physicist with the Berners Lee team at the CERN research institute in Switzerland. The team has an idea about a hypertext system that uses an internet base. Tim Berners Lee released the first HTML version in 1991. In that version, there were 18 HTML tags. Hypertext refers to text that has references or links for other text so that it can be accessed by users.

Since 1991, every HTML released the latest version, always equipped with the latest attributes and tags. There are currently 140 HTML tags based on the HTML Element Reference owned by the Mozilla Developer Network. Because of the popularity and advancement in technology, HTML continues to grow and increase. HTML is considered a standard website that is already official.

HTML was developed by W3C with a major upgrade in 2014. The result is an introduction to HTML 5 with new semantics so that it can tell the meaning of its own HTML content. The existence of a web browser aims to facilitate users when opening HTML-formatted documents.

Development of HTML Code from Beginning to Now
The following is a history of the development of HTML code starting from the initial version until now.

1. HTML Version 1.0
Starting in version 1.0. Version 1.0 is a pioneer with many weaknesses, so the appearance is still simple. HTML version 1.0 has the ability to make paragraphs, headings, lists, hypertext, and bold or italic text. Version 1.0 can also support placing images or images on documents without wrapping.

2. HTML Version 2.0
HTML version 2.0 has the additional feature of better HTML quality. Version 2.0 has the ability to display data or forms in documents and enter addresses, names, and suggestions or criticisms. HTML version 2.0 is a pioneer for interactive web.

3. HTML Version 3.0
Version 3.0 has additional features with a new facility, namely figure. The figure is the development of an image that functions to put pictures and tables. HTML version 3.0 can also support the existence of mathematical formulas in documents. Version 3.0 is now replaced with version 3.2.

4. HTML Version 3.2
Version 3.2 is the most commonly used HTML. This version has the technology to put text around the image. So the image has a background, frame, style, table, and so on. Version 3.2 can also use scripts to support HTML performance.

5. HTML Version 4.0
HTML version 4.0 underwent many changes from the previous version. These changes to the HTML command that is image, table, text, link, form, and so on.

6. HTML Version 4.01
There is also version 4.01, which is an improvement from version 4.0. This version becomes the standard for elements or attributes in HTML. Because it has fixed an error in the previous version.

7. HTML Version 5.0
HTML version 5 is a procedure for making the latest web display by combining CSS, HTML, and JavaScript. This version was made from information that W3C and IETF made the latest HTML version.

html version 5.0


The development of HTML is quite significant. In fact, W3C continues to grow and release the latest HTML versions and updates. HTML version 5.0 is the best version with more complete features. HTML 5 has a powerful feature that is support for embed video and audio. So you can use video or audio files to the desired website page.

This feature also supports vector graphics with scales and MathML for mathematical formulas or others. HTML 5 introduces improvements to the semantic domain of the browser so that content can be seen and read by other users as well as for yourself. With the history and development of HTML, you must have understood what HTML is, right?


If explained in general, HTML is a mark up that is used to create and arrange documents in Microsoft Word programs. HTML has two types, block-level, and inline tags. A block-level element is an element that uses all the available space and creates a new line in the document. Examples of these elements are paragraphs and headings.

In the block-level element, there are three tags that must be owned by each document. The three tags are HTML, Head, and Body. HTML tags are elements that include HTML in documents. The Head Tag functions to store information such as the document title, while the Body tag functions to attach content in the document.

While inline elements are elements that only use space according to their needs, and do not make a new line in the document. This element will format all contents, such as links. Inline tags are used to format text, whether it’s for bold, italic, or bottom gars.

Some elements included in the inline element are hyperlinks. The hyperlink is an element that requires tags and attributes for a link. Images or images are elegem inline that can be added to documents. With these images, the appearance of the document is more interesting to read.

You can also learn HTML and get to know how it works. HTML documents are files that have HTML. This file can be viewed using a web browser. From the web, it will read HTML files so that the existing content can be read by users.

Every website has a different HTML page. Each HTML consists of tags or elements that refer to the building block website page. These elements or tags can create and arrange content so that it forms paragraphs, headings, and other content.

With advances in increasingly sophisticated technology, you can also manage your website or blog easily using cheap VPS. provides a maximum uptime of up to 99.9% by using a precise and accurate server configuration. is also supported by networks, multiple peering, and multiple upstream tier 1 providers that can further optimize data access on your website.

How? Are you interested in going deeper into what HTML is after reading this article?

PHP Featured Image

Getting to know PHP, a fairly complex programming language

Coding is one of the things that can be very confusing, complex, and inseparable parts of technology or an operating system. Besides HTML, there is PHP as one of the best. What is PHP, and what is the function of PHP?

Get to know the PHP Programming Language

Hypertext Preprocessor or PHP is a programming language used on dynamic systems or websites. PHP scripts will work by being processed by the Web Server before functioning to display the website’s appearance as its job.

PHP scripts are also often integrated or pasted with HTML, which starts with <? Php and ends with?>. PHP can be found in databases such as MySQL or Oracle and Microsoft Access. That’s a little understanding of what PHP is.

A Short History of PHP

PHP is also called the Server Side Script language because the process passes the Server computer first. PHP was developed by Rasmus Lerdorf in 1995, which is now managed by The PHP Group.

PHP function

Then to function, PHP based programming languages ​​can be used to make configuration even easier. And make it easier for Coding to compose complex structures. And easily combined with HTML.


PHP itself is also one of the programming languages ​​that is Open Source or compatible and is free for various operating systems. Unfortunately, encoding from PHP code is relatively expensive and requires certain tools.

Types of PHP

PHP programming language that has been widely used by various websites in this era is also divided into several types of data types as follows:

  1. Integer: Namely PHP data types in the form of integers that are often used in PHP programming related to integers.
  2. Float: Namely, data types in the form of comma (,) numbers, but in programming, they do not use commas but points (.).
  3. String: Namely, data types in the form of characters, or can be text or words.
  4. Boolean: Namely, data types that can be True or False, which are usually used for logic, for example, if or looping conditions.
  5. Array: That is a collection of data types in which have many values. So that it can be said Array is a data type that consists of a collection of data types as well.
  6. Object: Namely, data types that can be numbers, functions, or variables that are used so that programmers are accustomed to Object-Oriented Programming (OOP). With this, the data inputted or entered into the script program can be summarized.

PHP, of course, can be used to set the Algorithm on the site design or website that we Build. PHP is a programming language that is very reliable at this time.

Build a Passion to Become a Programmer

I have never swear so often in my entire life. I looked at the computer screen for hours, trying to fix a bug in my application. The source of the problem seemed to avoid me, pushed me into a cycle of anxiety, self-loathing, and venting anger at the keyboard.

The cause is one typo in a file name.

There was also a time when I felt proud. Like when I wrote my first script and ran it successfully. Or when I enter my first application on the server, it says “hello world.” Or when I first write a crawler to fill a database. I feel like God ordered the minions in code to carry out my orders.

Programming is an opiate that makes me come back again despite the bitterness of the first experience that I got. And that sums up my experience of two years of learning to code.

We laugh at the engineers

Like most wannabe technologists, I was fascinated by the shining world of Silicon Valley and the expertise that geeks have. In fact, I was the type of person who didn’t really attach great importance to engineers. I attended a technical university but majored in communication dominated by women. We underestimate engineers because they have no sense of fashion or social ability, feel awkward when in the midst of women, and have poor grammar. Someone once said that I looked like an engineer – and I felt ashamed.

a programmer

Of course, this sounds stupid now. However, at that time, I was in college and had not seen what the real world was like. “Silicon Valley” means nothing but a place far away.

But one thing about me that you don’t know – I was the president of the IT club in middle school. I learned HTML and flash, spent my free time playing Sim City 3000, and created a website about the game. I always have a geek side in me.

It didn’t take long for me to embrace that side again. The film The Social Network was released in the last year of my university. After graduating, I joined the young Singapore startup scene as a technology journalist.

I seemed to be surrounded by a trend that everyone should learn how to code. Being a programmer is cool, and I lie if I have never fantasized about it.

Circumstances have reversed. Many of my college friends at communication schools eventually joined internet companies or became public relations for technology companies. The technology created by the geeks we were laughing at is changing the world of journalism.

And this coding learning movement is more lively because it’s very easy to start learning it. At that time, the open-source movement had developed in such a way that anyone could easily seek help, resources, and documentation through Google.

This coding learning movement has developed into an industry, and there is still plenty of room in the market, due to the insufficient supply of engineers.

If you want to learn programming as a new year’s resolution, then this article is for you. I share this personal history, not because of narcissism (well, maybe a little), but to illustrate the reality that exists:

Your past determines how to learn to code

I started learning programming at the end of 2012 – more than one year after starting my first job. This puts me in a very disadvantageous position if I want to make this a career.

programmer as a career

I will compete directly with new university graduates who may have started learning about the program since they were 12 years old. Their salary expectations are lower, and they may have less serious relationship commitments. I had to change my life goals, postpone financial targets, and pursue an alternative career while facing small sacrifices. In fact, it is unlikely that I will continue to pursue this field.

It all ended in this: I have invested years of my life in a changing but still healthy career in the media industry. I enjoy what I do and am not experiencing a 25-year crisis. I do not have the financial ability or incentive to enter fully into this new field.

So this is what happened: I learned coding in my free time and made sure that my hobbies did not interfere with my main job. It is difficult, but the only way is to sacrifice my free time.