Introduction to HTML , CSS and JavaScript

Hello everyone. This blog post is about introducing HTML , CSS and JavaScript to beginners which are used in frontend web development . Front-end web development is the practice of converting data to graphical interface for user to view and interact with data through digital interaction using HTML, CSS and Javascript .Don't panic by seeing three languages to learn at a time. There are totally different and easy from what you are thinking , it's just like learning MS office . You don't need to download any software for this all you need is notepad to write the script and a web browser to run it . It's going to be fun learning frontend programming.

Before we learn HTML , CSS and JavaScript  individually and deeply, lets learn what actually is HTML ,CSS and JavaScript together , how they are used , how they are related just for a basic idea (i.e, for what reason you are learning these three scripts for frontend development). Below is the recommended video describing the absolute basics of HTML , CSS and JavaScript.

Hope you got the basic idea of them . So let us dive deeply into those three scripts individually .

HTML :

Let us start with HTML which is daddy (root) of CSS and JavaScript.

HTML stands for Hypertext Markup Language obviously

Wiki Def : Hypertext Markup Language is the standard markup language for creating web pages and web applications. With Cascading Style Sheets and JavaScript, it forms a triad of cornerstone technologies for the World Wide Web.

Coming to diving part here are the recommended set of 30 videos which  almost takes 90 minutes to watch all of them or you can go through this website . I have recommended set of 30 videos with average span of 3 minutes other than a large single video because it gives you clear idea of HTML topic wise , you have chance to test the topic after every video completion , easy to refer later and most importantly breaks your task and it looks simpler . So, don't get panic by number.

https://www.youtube.com/watch?v=dD2EISBDjWM&list=PLr6-GrHUlVf_ZNmuQSXdS197Oyr1L9sPB

Hope you complete HTML successfully . Here is your small task

Create a page or an HTML file describing your  Biodata containing  your photo , your details , your academic progress in various levels  in the form of a table , and use hyperlinks to link to your profiles available online (eg : facebook, linkedin ,+google , etc...). No need of submissions its just to analyse yourself what you learnt so far.

CSS :

Now lets  learn about CSS which adds colors to HTML life. 

CSS stands for Cascading Style Sheets 

Wiki Def : Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

Actually HTML is easy , but CSS is pretty easy . So , yeah here is your recommended set of videos or you can refer this website .

https://www.youtube.com/watch?v=QqmCs2UTS8s&list=PLP9IO4UYNF0XQNx1OinMm84lyGzWSWDms

Small task for you after successful completion of CSS. Add your creativity and CSS skills and make your biodata more beautiful.

JavaScript : 

Now it,s time for learning JavaScript not Java (They are tottaly different from each other).

Wiki Def for JavaScript : JavaScript, often abbreviated as JS, is a high-level, interpreted programming language. It is a language which is also characterized as dynamic, weakly typed, prototype-based and multi-paradigm.

Wiki Def for Java :  Java is a general-purpose computer-programming language that is concurrent, class-based, object-oriented, and specifically designed to have as few implementation dependencies as possible.(It's not necessary right now lets keep it aside)

Here are the set of videos teaching javascript 

https://www.youtube.com/watch?v=yQaAGmHNn9s&list=PL46F0A159EC02DF82

There you go . You don't need any further introductions to HTML , CSS and JavaScript. 

For using things that you learnt in this post in a better way refer :

https://6lackjackal.blogspot.com/2018/05/developing-simple-webpage-using.html