our blogs.

Previous Next

3 Technologies Every Web Developer Should Know

Posted Friday, December 13, 2019

Web development is all about how the final website looks and how the design gets implemented. Web development word itself encompasses techniques the individual should know to develop website. The individual should have command on three core languages JavaScript, CSS, and HTML for developing application or website. So here we let you know the essential skills for web developer:

Here we go!

1. JavaScript

JavaScript is a basic scripting language use within HTML pages. JavaScript will allow web developer to serve more functions in web site. JavaScript also known as JS used to create functions which update in real time for example, map. It also used in interactive films and online games. It is also considered as a most popular programming language in the world.

Let’s see how to insert map in webpage,


<!DOCTYPE html> 
<html>   
<head>     
<style>       
/* Set the size of the div element that contains the map */     
#map {         
height: 400px;  /* The height is 400 pixels */         
width: 100%;  /* The width is the width of the web page */        
}   
</style>   
</head>   
<body>     
<h3>My Google Maps Demo</h3>     
   
<div id="map"></div>     
<script> 
// Initialize and add the map 
function initMap() {   
// The location of Uluru   
var uluru = {lat: -25.344, lng: 131.036};   
// The map, centered at Uluru   
var map = new google.maps.Map(       
document.getElementById('map'), {zoom: 4, center: uluru});   
// The marker, positioned at Uluru   
var marker = new google.maps.Marker({position: uluru, map: map}); 
}     
</script>     
<script async defer     
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">     
</script>  
</body> 
</html>

2. CSS

CSS is one of the core web page building technology. Cascading style sheets (CSS) is a stylesheet language used to illustrate the document written in HTML or XML. CSS is used to modify the style and layout of webpage i.e. To change the design, font, size, colour, spacing of your content and variations in display for different screen size and different devices.

Let’s see how to set the background colour of webpage,

<!DOCTYPE html> 
<html> 
<head> 
<style> 
body {   background-colour: lightblue; } 
</style> 
</head> 
<body> 
 
<h1>Hello World!</h1> 
 
<p>This page has a light blue background colour!</p> 
 
</body> 
</html>

3. HTML

HTML is one of the core web page building technology. HyperText Markup Language (HTML) is the coding language used to organise text and insert images and videos. It is the groundwork for construction of engaging webpage. Without HTML the content is just plain text written in word!

Let’s see how to insert image in webpage,

<!DOCTYPE html>
<html>
<body>
 
<h2>Alternative text</h2>
 
<p>The alt attribute should reflect the image content, 
so users who cannot see the image gets an understanding of 
what the image contains:</p>
 
<img src="img_chania.jpg" alt="Flowers in Chania" width="460" height="345">
 
</body>
</html>

Conclusion

It is very important for all the web developers that how your final webpage looks like. Arrangement of Content, image, web page layout, display, colour, font size etc plays key role to increase the traffic on your site. In blog we have shown you the three important languages JavaScript to program the behaviour of web page, CSS to set out design and layout of webpage and HTML to specify the content of webpages.

So, what do you think for the above tactics?