WEB DEVELOPMENT
After joining college the first skill that most of us acquire or try to perfect is developing and designing a perfect website. This is perfectly understandable because it is one of the easiest and fun things to do. But you may wonder that how do I proceed further? Or may have questions like I know how to write decent markup in HTML, give some styles to the web page using CSS but it ain't enough, what next? Well, today this article is dedicated to answering such questions. I'll restrict myself to the initial steps and cover the topics on the surface only. We'll delve deeper into this field in another article.So, let's begin!
The Prerequisites
The languages, skills and technologies that one must be familiar with before anything else are HTML and CSS. Without these two, there is nothing for you in the field of Web development. Now you must be wondering why take the pain of learning these things when we have software like Adobe Muse, Adobe Dreamweaver or even the online website builders? The answer is simply that you cannot customize the website according to your needs. For eg: You designed a beautiful website using Adobe Muse, but how will you add your front end validations using say AngularJS? So the knowledge of HTML and CSS is necessary but not sufficient. Well for starters the best website to learn HTML and CSS is the W3 Schools. You can learn enough HTML and CSS using which you can build a decent static web page. By Static, I mean that the content does not change by simple events triggered by the user such as hovering the mouse over a particular element etc.
What Next?
Once you have a firm grasp on HTML and CSS, you are ready to move forward. The first and the foremost requirement of a website is a good UI(User Interface) and UX(User experience). UI refers to the overall style of your web page and how interactive it is with the user and UX means that how easily a user can find what he/she is looking for on your website i.e. the overall experience of your website. While you can improve on these aspects with only the knowledge of HTML and CSS but it is very laborious and tiring. To make our lives easy Twitter has provided us with a framework in CSS known as BOOTSTRAP . What exactly is bootstrap? Bootstrap is nothing but a set of predefined CSS code that is ready to be integrated into your website. It is one of the first frameworks that a web developer must know. It provides us with various helper CSS classes which give your website the basic styling it needs and also provides Responsive web design. The best way to perfect bootstrap is again the tutorials on W3 Schools. Once you are comfortable with elementary BOOTSTRAP, it is necessary that one must learn Javascript. JavaScript is the programming language of HTML and the Web. Programming makes computers do what you want them to do. Please get your basics of JS absolutely clear as it is the only language that we will be using the most! Even might exceed the usage of HTML and CSS. After Javascript the next thing to master is Jquery.
Jquery is a javascript library. It contains a set of predefined code which helps you to manipulate the HTML DOM objects without writing the laborious, boring and long javascript. It also provides some cool animations and transition effects which make your website really interactive.
Where To Find These Tutorials?
Well, this is pretty much what I wanted to tell you in this article. The next one will be more specific, it will help you choose whether you want to be a Front End Developer or Write the Server-side Code and be a Backend Developer! The links to various tutorials are provided below, they are pretty amazing. If you have any query feel free to mail me at ari0997@gmail.com or drop a message in my facebook inbox at Arvind Rachuri.
- HTML - W3 Schools HTML , TNB HTML
- CSS - W3 Schools CSS, TNB CSS
- Bootstrap - W3 Schools BS, TNB Bootstrap
- Javascript - W3 Schools JS, TNB JS
- jQuery - W3 Schools jQuery, TNB jQuery
Thank you so much for reading! Keep learning and Enjoy Coding!
