Association for Computing Machinery NIT Surat Student Chapter
ACM NIT Surat's Blog

Geek Quest

A platform to share interesting development ideas and examples.
Tutorials and interesting tech news would also be uploaded through this blog

Top Image

Web Development for Beginners

Written by: Abhijeet

Trying your hand at a little Web development work? The task probably seems pretty daunting but hey, anyone can do it if they set their mind to it—and if you set your mind to learning one language at a time, it’s more than do-able for the average tech enthusiast who has an ample amount of fortitude.

The methods by which computers communicate with each other through the use of markup languages and multimedia packages is known as web technology. Everywhere we are surrounded by websites, blogs or say applications of web development.

Web Development tends to split into three main concentrations-
     1. Front-End
     2. Back-End
     3. Full Stack

1.Front-End
      The front end of a website is the part that users interact with. Everything that you see when you’re navigating around the Internet, from fonts and colors to drop-down menus and sliders, is a combo of HTML, CSS, and JavaScript being controlled by your computer’s browser. We can learn frontend easily but patience is key to become a good front-end developer.
Here is the list of resources from where you can learn basic frontend :

     1. MDN
     2. w3schools
     3. Udacity: Intro to HTML and CSS
     4. Udacity HTML and CSS
     5. YouTube: Chris Courses

Resource for CSS: CSS-tricks
Frameworks for Frontend: Bootstrap, Angular JS, jQuery

2.Back-End
      So what makes the front end of a website possible? Where is all that data stored? This is where the back end comes in. The back end of a website consists of a server, an application, and a database. A back-end developer builds and maintains the technology that powers those components which, together, enable the user-facing side of the website to even exist in the first place.

 In order to make the server, application, and database communicate with each other, back-end devs use server-side languages like PHP, Ruby, Python, JavaScript(Node JS), and MVC frameworks to build an application, and tools like MySQL, Oracle, and SQL Server to find, save, or change data and serve it back to the user in front-end code.

 Preferred Resources:
     1. Udacity: Intro to Back-End
     2. Udemy
     3. MDN: Node JS
     4. Youtube Channels(Most Valuable)

 Complete javascript 30, if you haven’t already. Click here
     1. Fun Fun Function
     2. Read these books, fast, You don't know JS series by Kyle Simpson(6 books)



3.Full Stack
     As the name itself suggests, full “stack” of technology, i.e. both the front end and back end.
"Full stack developers are jacks-of-all-trades."


Web development has many faces. But no matter the type of development you’re thinking of pursuing, soft skills like attention to detail, ability to learn quickly, ability to solve problems efficiently, and strong communication will stand you in good stead on top of the hard skills outlined above.

Abhijeet| Comment