Languages and Frameworks Related to Web Development

Languages and Frameworks Related to Web Development

Hi! I’m back with another write-up on web development. I know my previous posts are going a bit slow so I thought why not cover languages and frameworks related to web development.

Well, we all so many friends in the tech industry and all of them keep on talking about these various technologies and frameworks and we wonder if we’ll ever be able to scale up to these technologies (if you’re one of the many people who want to transition to web development). Let’s talk about each of these languages one by one:

  1. HTML: Good old HTML is obviously our first language in the list to be talked about and one of the most important one too. HTML stands for HyperText Markup Language. Hypertext means texts including videos, graphics, audio etc and markup here means to mark the texts in different ways such as bold, italics or underline. HTML makes sure the correct formatting of texts and other contents of the page while the web page is being displayed using a browser. Now we know what is the role of html while website building. The latest version being used is HTML5. TL;DR: html deals with data, content and structure of a webpage.
  2. CSS: CSS or Cascading Style Sheets are used along with HTML to get better control over the layout and appearance of what we build using HTML. It’s basically make-up for web pages. It makes the task of controlling the look and feel of entire website a lot easier. We can define or create a theme for a website by defining the color, background, fonts etc in a css file and apply this one css file to our entire website thus saving us time and giving us uniformity. You can also use html and css to make your website responsive. In other words, you can say css deals with the look of the page.
  3. JavaScript: Long gone are the days when a website was used simply to share information with the user. With the evolution of internet, we want our websites AND web apps to do a lot more than just sit on the internet giving information. We want to take inputs from the user as well and respond accordingly as per the input received Basically, we wanna be smart websites! Now, Javascript which is a scripting language basically acts on the client side which is the user side without sending data back and forth to the other side (the other side is the server side which hosts your website!)  Now, this will not only decrease the response time (sending message to the server and receiving a reply will take longer than if we get this done at the client side). This also brings us to the fact that we can use Javascript at the server side as well. Hence, we can conclude that JavaScript is for making the web page dynamic.
  4. JQuery: Though you can get a pretty decent website or web page using the above mentioned three languages, there are few more additions to the list which makes creating websites and web apps a whole lot easier and richer and JQuery is no exception to that. JQuery is not a language but a JavaScript library, which means it does the same things which JS (Javascript) does but most of the common will be pre-written as methods in this library which we simply need to call.
  5. Ajax: Ajax or Asynchronous JavaScript and XML is a client-side script. As we read above that JS minimizes the calls to the server hence increasing the performance (speed) of a web page. Well, Ajax is used for similar purpose, increase the performance of a web page. You know how if we send a request to the server, entire page will refresh and then the response will be loaded on the client-side? Now with Ajax. Once a server callback is initialized by the client using Ajax, client wouldn’t wait for the response and can use the web page as desired, only the part which initiated the request will get refreshed instead of the entire page thus reducing network utilization and the process is also quicker than sending the entire page. And as the name has “asynchronous” in it, let me explain why is it there. Ajax can also be used to make asynchronous calls to a web server. This means when the request is sent to the server from the client side via script, the execution doesn’t stop of the current process at the client side for a reply. And once the reply is received from the server, a browser event is fired which allows the script to execute associated action.
  6. Node.js: This might be my most researched and read topic to be written about in this article. From all the reading I’ve done, node.js is best suited when you want a frequent connection to the server like something happening in real-time, which till now we know ate a lot of time and speed and needed a constant connection to the server. Imagine for all users connected, we’ll need a connection for each of them and the load on the server those many connections will put. But not with node.js. As it’s mentioned on the website of node.js, it is non-blocking and event-driven. A non-blocking server goes on as a loop. As soon as it receives a request, it’ll grab it, pass it on as per the request, sets up a callback and goes back to going round and round, ready for the next request. It doesn’t just sit there, waiting for the database to come back with the requested info. If a request passed on as per it comes back to the loop, it deals with it the same way, it’ll throw it back to the client and keep looping around and this is what event-driven means: the server only reacts when an event occurs.
  7. React.js: This is a JavaScript library for building user interfaces and was developed at Facebook. It was developed to solve the problem of building large applications with data that changes over time.React lets you express how your app should look at any given point, and can automatically manage all UI updates when your underlying data changes. React.js is declarative, which means that React conceptually hits the “refresh” button any time data changes, and knows to only update the changed parts. (source: LinkedIn)
  8. TypeScript: JS was never designed to be an application language, it lacks static typing, structuring mechanism like classes and modules and interfaces. TypeScript is superset of JS and was created to overcome these problems, it compiles to plain JS, the compiler and the compiled code works in any browser, any host and they’re open source.
  9. Bootstrap: Apparently Bootstrap is the most popular HTML, CSS and JS framework for developing responsive, mobile first projects on the web. Framework is as the name suggests, bone and we can dress it up with as per our need and it’ll be good to go hence eliminating the repetitive task by quite a bit and speeding up the development process.
  10. AngularJS: Developed by Google, Angularjs is an open source front-end JavaScript framework which has many features as compared to other frameworks including two-way data binding, extending HTML and more. These features result a better testable and maintainable project.

I hope this article helped and don’t forget to like, share, comment and subscribe 🙂

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s