Introduction to JavaScript | JavaScript Tutorial | Mr. Subba Raju [w/ subs]



00:00:01 – [Music]
00:00:07 – hi guys welcome to nourish a
00:00:09 – technologies this is subbaraj in this
00:00:12 – session we can view JavaScript
00:00:14 – introductory part what is javascript
00:00:18 – javascript related features who
00:00:20 – developed that and what is exact time of
00:00:23 – the JavaScript the syntax of the
00:00:25 – javascript javascript is weakly I put a
00:00:30 – programming java script of originally
00:00:33 – original name is where I've script we
00:00:37 – are calling as a live script it is
00:00:40 – completely developer based on C language
00:00:42 – sin taxes life is quickly developed in
00:00:46 – netscape corporation in 1990s in 1995
00:00:52 – bread in each there is a popular
00:00:55 – scientist from netscape corporation he
00:00:59 – renamed a live scripted to javascript so
00:01:03 – if you are going to view draw us to the
00:01:05 – syntax it is very close to c language c
00:01:08 – language syntaxes javascript reshil name
00:01:12 – is ahmed script we are calling as in cm
00:01:15 – a European computer manufacturers
00:01:18 – association it is one kind of
00:01:20 – international organization there are the
00:01:23 – several features of Jays already in last
00:01:27 – video session I spoke about script
00:01:29 – advantages same almost earlier
00:01:32 – completely klein said any information
00:01:36 – you can tax with the help of JS
00:01:37 – generating HTML code HTML CSS itself
00:01:42 – attic with the help of Java's will we
00:01:44 – are making dynamic javascript can live
00:01:47 – by itself devoxx it is executed on the
00:01:50 – client side being all that I said that
00:01:51 – one it is a browser level so what is a
00:01:54 – client where browser existed that is
00:01:56 – called client make your webpages
00:01:58 – responsive in the responsive in the
00:02:01 – sense of dynamic here response in a
00:02:03 – sense not boot slab kind of features
00:02:05 – create a bookcase validated applications
00:02:08 – for example HTML forms are there text
00:02:11 – boxes password checkbox radio button
00:02:14 – like this you want to validate those you
00:02:16 – can use you can use JavaScript and
00:02:18 – giving user user giving the
00:02:21 – user more control over the browser yes
00:02:23 – you want to apply the more controls
00:02:25 – means any action you need to perform on
00:02:28 – the webpage javascript is providing to
00:02:31 – us that supporting for objects there are
00:02:33 – several objects available javascript is
00:02:35 – object-based the programming
00:02:37 – object-oriented programming also in
00:02:39 – upcoming days we can see that one
00:02:41 – practically so these are the several
00:02:43 – features of javascript now we'll go to
00:02:45 – practically syntax is what exactly
00:02:47 – JavaScript let me write syntax and once
00:02:53 – we are going to javab street-level
00:02:54 – script tag type is equal to text or
00:03:00 – JavaScript language equal to JavaScript
00:03:07 – and several statements you can write
00:03:11 – scripts statements now statements almost
00:03:18 – well these are the things existed here
00:03:20 – now these all the things exist now
00:03:24 – sometimes we can write like this also
00:03:27 – because type is an optional attribute
00:03:29 – now script this is all so perfect so
00:03:37 – syntax 1 and syntax to both you can
00:03:40 – observe here skip is a tank type is an
00:03:43 – attribute language is an attribute this
00:03:46 – we are calling as a mime types actual
00:03:48 – enjoy live environment so texture
00:03:50 – javascript is calling as parameter not
00:03:54 – compulsory parameters so this is an
00:03:56 – optional this is an optional that is the
00:03:58 – reason syntax so I made very clear
00:03:59 – earlier it is a weekly type of
00:04:01 – programming if you are writing without
00:04:03 – semicolon also it is correct so
00:04:06 – synthetically JavaScript you can write
00:04:08 – the above one or below one any one is
00:04:11 – okay at the same time Java students case
00:04:14 – sensitive even though you can write here
00:04:16 – capital letters because why you are
00:04:18 – writing capital letters here means it is
00:04:20 – a HTML HTML you can write an uppercase
00:04:22 – lowercase any case no problem script is
00:04:25 – not java's with this is the parties
00:04:27 – divested this part is HTML this part is
00:04:30 – HTML so HTML can be upper case as well
00:04:33 – as the lower case no issue so
00:04:35 – scripta we can write in upper case as
00:04:36 – well as lower case but a script inside
00:04:38 – whatever the key words you are
00:04:40 – implementing these keyboards must be in
00:04:42 – lowercase so this is a small syntax of
00:04:45 – the JavaScript and now we can see
00:04:48 – JavaScript example practically how looks
00:04:51 – like that now come down to JavaScript
00:04:55 – level and once you are removing the
00:04:57 – syntax environment first script i remove
00:05:00 – now inside i am writing information and
00:05:04 – within the header section you can write
00:05:06 – within the body section also we can
00:05:08 – write no issue and if you want you can
00:05:11 – you can maintain doctype also here and
00:05:13 – the doctype HTML it indicates version
00:05:19 – information already explained and now i
00:05:21 – am calling document dot document dot
00:05:26 – write welcome to welcome to javascript
00:05:33 – welcome to javascript once i am going to
00:05:38 – write that it is an object it is a
00:05:41 – method it is what i am going to display
00:05:43 – the webpage statement ends not a
00:05:46 – compulsory optional and optional and
00:05:49 – right now the simple program i am saving
00:05:52 – with save with dot J's extinction
00:05:57 – correct but right now i am saving with
00:06:01 – dot HTML or HTM extinction I am saving
00:06:09 – like this I am burning bus why not dot
00:06:11 – J's if you ask the question dot J's file
00:06:15 – number contains you need tag related
00:06:19 – things JS file contains only JavaScript
00:06:24 – so that means we are tax available that
00:06:28 – is the reason HTML now I say with that
00:06:31 – and I am running with any web browser
00:06:34 – now just I am going to my browser right
00:06:38 – to take and refresh that perfect
00:06:40 – execution welcome to JavaScript now this
00:06:45 – is JavaScript information simply display
00:06:48 – one statement for example I want to
00:06:51 – display for example another statement
00:06:55 – like I said welcome to nourish
00:06:59 – technologies nourish IT once you save
00:07:04 – that you can you can close and open
00:07:07 – single quote right and if you are going
00:07:10 – to run on your wind page it is running
00:07:13 – so welcome to JavaScript welcome to
00:07:17 – nourish 80 but there is no space between
00:07:19 – that so whenever you require a space
00:07:23 – between two lines are two statements we
00:07:29 – are using a simple that is called LM
00:07:32 – generally elder means we are thinking
00:07:36 – next time of course happened that one
00:07:38 – but LM is nothing but it is the
00:07:41 – providing a space between two lines and
00:07:44 – it is separating now observe now it is
00:07:47 – providing are not perfectly provide now
00:07:52 – you want to display that one in the next
00:07:54 – line you can use actually p re pre why
00:07:58 – we should use P re pre and whenever you
00:08:01 – are using pre pre formatted text the
00:08:04 – output displaying in two lines welcome
00:08:08 – to JavaScript welcome to nourish hiding
00:08:11 – otherwise you can use okay I don't want
00:08:13 – to pre formatted text I need about two
00:08:16 – lines means you can use a br tag yes you
00:08:19 – people are waiting for that I know that
00:08:21 – be our self close now if i refresh it at
00:08:24 – the flap yes there is no output what is
00:08:28 – the reason behind it a tag must not be
00:08:31 – used directly in the script environment
00:08:33 – area a tag is a different package of
00:08:35 – HTML javascript is a programming
00:08:38 – language how can you use a markup
00:08:40 – language inside programming so there is
00:08:43 – a syntax rule available what exactly the
00:08:46 – syntax rule and you must have followed
00:08:48 – document dot write and close yes this is
00:08:53 – the perfect syntax so whenever you are
00:08:58 – using a markup language inside
00:09:00 – JavaScript you can tell to in
00:09:02 – was it away directly you must not use
00:09:05 – any tag here even though you can come
00:09:07 – down for example same break you want to
00:09:10 – use yes you can use the like this also
00:09:13 – no issue yes refresh perfect where I
00:09:17 – used correctly observe the area using it
00:09:20 – inside double quotation a user for
00:09:22 – example ok now i don't want that i want
00:09:25 – to use a tag inside of this so h1 means
00:09:29 – you're implementing HTML tags inside
00:09:33 – scripting come and refresh so i hope you
00:09:39 – got out to use HTML tags inside the
00:09:42 – script so this is the way simply
00:09:45 – effectively we can implement these
00:09:47 – things now i want to apply some kind of
00:09:50 – style severe ear style is the equal to
00:09:53 – color blue simple I closer that and I am
00:09:57 – refreshing perfect see our HTML existed
00:10:01 – javascript existed and style mean CSS
00:10:04 – also user if you use these three things
00:10:07 – what we are calling me oh d HTML dynamic
00:10:11 – hypertext markup language d HTML is one
00:10:17 – umbrella term wear collection of
00:10:22 – technologies together we are using maybe
00:10:27 – the other video session i'll discuss
00:10:28 – buddy tale about that now we can see for
00:10:31 – example i want to apply font family
00:10:35 – tahoma and i want to refresh perfect now
00:10:40 – i want to apply something font of size I
00:10:44 – want to decrease I want to increase all
00:10:52 – are possible here with the help of style
00:10:57 – attribute i implemented that now if you
00:11:00 – are going inside a little bit javascript
00:11:03 – here and just to the confusion here here
00:11:06 – at double quotation here a double
00:11:09 – quotation existed here single quotation
00:11:11 – existed you're single quotation
00:11:13 – existence remember in JavaScript
00:11:16 – a double quotation inside a single
00:11:18 – quotation directly we can use single
00:11:22 – quotation inside a double quotation
00:11:24 – directly we can use but if I use double
00:11:29 – quotation inside double quotation for
00:11:32 – example total example out synthetically
00:11:39 – we made a mistake why actually it is a
00:11:42 – synthetical mistake now inside
00:11:46 – JavaScript interpreter mechanical it is
00:11:49 – asking my dear programmer your string
00:11:54 – started from here or here or here like
00:12:00 – that it is asking us just confusing that
00:12:05 – means double quotation user multiple
00:12:07 – times where is the starting very sending
00:12:10 – confuse in that situation you must use
00:12:14 – double inside single or you can use here
00:12:19 – perfect purpose the sequences also thank
00:12:24 – you for watching my videos for more
00:12:26 – videos please log on youtube.com /
00:12:29 – narration
00:12:32 – [Music]


Video Url:
http://youtu.be/zGWwutqP3u0

Comments

comments