- 12 hours ago
What You’ll Learn in This Class:
How to install and use VS Code for web development
Setting up your first HTML project
Understanding HTML structure (tags, elements, attributes)
Creating your first webpage step by step
Basic shortcuts and extensions in VS Code
How to install and use VS Code for web development
Setting up your first HTML project
Understanding HTML structure (tags, elements, attributes)
Creating your first webpage step by step
Basic shortcuts and extensions in VS Code
Category
📚
LearningTranscript
00:00:00you
00:00:03you
00:00:04otherwise good evening everyone good evening Satyam Nadim Sainath Alka Pririth Jishan Palak
00:00:14Harsh Prashant Satyam Khe Sarji Kuch Pooley yes we will serve over so big
00:00:22response to me voice is clear to you
00:00:29response to me voice clear
00:00:31you
00:00:35you
00:00:39you
00:00:41you
00:00:42you
00:00:43you
00:00:45you
00:00:47Yes, we will start the class, which we will doubt in Friday, we will discuss the class, okay?
00:00:54So, we will be right back.
00:00:57First, we will say, sir, how do we fill the attendance?
00:01:04If you fill the attendance, how do we fill the attendance?
00:01:19So, we will discuss the two points, which we will discuss the class,
00:01:21just this is the short answer for you.
00:01:26So, what do we do?
00:01:28If you fill the attendance form, you will see the class.
00:01:32Okay?
00:01:34Sir, attendance form is not found.
00:01:36If you go to the community, then you will see the attendance form.
00:01:41If you say it, then you will check it out.
00:01:44If you say it, then you will confirm it.
00:01:48Because it will not be found in community.
00:01:51If you go to the community, then you will see the attendance form.
00:01:55If you go to the community, then there will be a meeting link,
00:01:59which will be a regular class.
00:02:01Then there will be attendance form.
00:02:04Meeting ID, password, and attendance form.
00:02:08Okay?
00:02:09So, you will check it out.
00:02:12I will check it out.
00:02:15I will check it out.
00:02:17There is a community.
00:02:19So, you will fill the attendance form.
00:02:21Let's see.
00:02:22Okay?
00:02:23So, you will check it out.
00:02:24Okay?
00:02:25Yes, it will be a question.
00:02:26Okay?
00:02:27There is a question.
00:02:28Okay?
00:02:30Okay?
00:02:31So, I will check it out.
00:02:32This is a question.
00:02:33Today is my birthday.
00:02:34So, everyone, please wish me.
00:02:35Happy birthday, Devanchu sir.
00:02:36Happy birthday, Devanchu sir.
00:02:37Happy birthday, Devanchu sir.
00:02:39happy birthday they want you sir happy birthday they want you sir
00:02:44if you don't know
00:02:46oh my god
00:02:48yeah
00:02:50so everyone please wish me
00:02:52love you all
00:02:56your
00:02:59go ahead
00:03:00remember to stop your story
00:03:0218 no water
00:03:04wow
00:03:09how fast how much speed it can
00:03:12wish you happy birthday dear sir
00:03:14okay
00:03:15okay
00:03:16thank you Abhinash
00:03:18thank you
00:03:20Shivak
00:03:22Arjun
00:03:23Vishwajit
00:03:23Ravid
00:03:24पलक, रवा, नादीम, सत्यम, साइनात, रवी, अलका, सूरज, थैंक यू सो मच आवरिवाद, लव यू आल, हमेशा, जब आपको जरुत पड़ेगी, मैं हमेशा आपके लिए रैडी रहूँँगा,
00:03:44नादीम करें, हमेशा आएड रहेगा, सर, आज मेरे छोटे भाई का भी बड़े है, लेकिन, आप मुझे अपना बड़ा भाई समझो, छोटा भाई मत समझना, ठीक है,
00:03:56hbd, सर, meta, at number, को था, अच्छा, आपका, at number, को था, चलो, बहुत अच्छी बात है,
00:04:03हरश करें, कि सर, वहाँ पर सिर्फ meeting link है, और password है, और कोई form नहीं है, प्लीज सर, एक बार, आप screen share करके चेक कर लो, नहीं, ऐसा नहीं है, उसके अंदर दिया हुआ है, आपको meeting link सारी चीज़े वहाँ पर दी भी है, अगर आप जाके चेक करोगे तो, ठीक है,
00:04:25वेट ए मिनट, वेट करो, रुको एक मिनट, ठीक है, आपको वहाँ पर attendance form मिल जाएगा, अगर किसी के कोई issue आ रहा है, तो आपको community को join करके रखना पड़ेगा, तब ही आपको attendance form मिलने वाला है, without community को join करें, आपको form नहीं मिलेगा, ठीक है,
00:04:53तो आपको community को join करना है, और अगर फिर भी आपके वास form नहीं है, तो मैं आपको कल, एक बार class के अंदर share कर दूँँगा, उस form को, ठीक है,
00:05:01अगर आप जाओगे community में, तो वहाँ पर दो option आते हैं, जैसे community में आप जाते हो, तो community में दो option आते हैं, community को open करना, ठीक है, जैसे मैं आता हूँ, किस पर, ठीक है, इस पर आ जाते हैं,
00:05:19और यह जो community है, इसके अंदर देखो, दो options आ रहे हैं, जब आप community के details में जाते हो, तो वहाँ पर announcements है एक तो, और एक है community, तो community पर आप click करोगे, तो वहाँ पर देखो, लिखावा,
00:05:33Hi everyone, this community is for members to chat in topic based group and get important, जो सारी चीज़े लिखी वी है, उसी को अगर आप open करते हो, उसी more करते हो, तो वहाँ पर देखो, attendance form है, और उस attendance form के अंदर ही, आपको क्या करना है, fill करनी है, अपने दो points, ठीक है, उस form को open करोगे, वह गूगल form है, ठीक है, ठीक है, जैसे देखो, �
00:06:03अपना attendance form है, ठीक है, जैसे अरजुन ने शेर कर दिया, तो देखो, यह रा attendance form, कुछ इस तरीके से आपको दिखेगा, यह attendance form, यहाँ पर आपको अपना phone name देना है, phone number देने है, और यहाँ पर आपको अपनी live class date देनी है, यह सारी चीज़े आपको fill करनी है, point one और point two आपको
00:06:33आज अपन class start करते है, और आज अपन start करेंगे अपनी class, अपने पूरे monstack की journey अपने start करेंगे, ठीक है, कुनाल करें, happy birthday देवानशू सर, thank you so much, कुनाल, ठीक है, तो आज अपन discuss करने वाले है, अपने monstack की course के उपर, और अपन start करेंगे अपने HTML से, उससे पहले जिस ची�
00:07:03अपन आगे बढ़ेंगे अपनी जो भी process है, उसके अंदर, ठीक है, तो सबसे पहले, अपने को क्या करना है, अपने VS code को install करना है, मैं आपको screen share कर दाता हूँ, एक बार आप सभी response कर देना, कि सर, screen visible है, कोई issue नहीं है, उससीच के अंदर,
00:07:28ठीक है, मैंने आपको मेरी entire screen share कर दो, एक बार स्टीच का response कर दो, कि यह सर के लिए रहे, visible sir, ओके ठीक है, पहला करें कि ओ टॉपिक में क्या लिखना है, टॉपिक में आपको कुछ ही नहीं लिखना है, जो अपना class का topic होगा, जैसे कल वाला topic यह था, सिफ intro class, तो वहाँ प
00:07:58stml चलेगा, तो उसमें भी लिख देना stml, ठीक है, तो same जो रहेगा, वो ही आपको fill करना है, यह sir, clear है, ठीक है, चलो, तो सबसे पहले अपन यहाँ पर installation करेंगे, किसका आपने, IDE का, एक बार मैं one note लिख पर आ जाता हूँ,
00:08:28तो यहाँ पर अपने VS Code का इंस्टोरेशन करेंगे, कल मैं आपको यह बता भी दे थी, यहाँ पर अपने VS Code का इंस्टोरेशन करेंगे, यह अपने पास क्या अपनी IDE है, IDE है, अपने पास क्या होता है, Integrated Development Environment, जहाँ पर अपन अपना Code लिख सकते हैं, और यहाँ पर मांस्ट
00:08:58VS Code ही यूज करना जरूरी है, कई तो ऐसे बताते हैं कि Notepad के उपर भी Code लिख सकते हैं, Notepad के उपर भी आप Code लिख सकते हो, लेकिन वो बहुत लेंदी हो जाएगा, आपको पूरा Code खुद के हाथों से लिखना पड़ेगा, मतलब, HTML के अंदर अपने पास अपने Tags आते है
00:09:28आपको सिर्फ लिखना है VS Code डाउनलोड, ठीक है, VS Code डाउनलोड आपको यहाँ पर आके लिखना है, सबसे फर्स जो वेबसाइट आ रही है, उसके उपर क्लिक करना, दैन उसके बाद आपको यहाँ पर डाउनलोड के options आ रहे है, यह कुछ इस तरीके का interface आएगा, इसमें �
00:09:58डाउनलोड हो जाएगा, ठीक है, इसे आप देख पार हो, यहाँ पर मेरे पास ही विंडो वाला package क्या हो रहा है, डाउनलोड हो रहा है, जैसे यह डाउनलोड हो जाए, तो आपको सिर्फ इसको जो easy process होती है अपने पास, next, next, next वाली, वो process आपको यहाँ पर follow करनी है, जि
00:10:28अपने यहाँ पर किया, तो अपने पास अपना, जो VS Code का जो software है, वो अपने पास यहाँ पर क्या हो जागा, डाउनलोड हो जागा, तो easy सी process है, जो अपन बाकी software जो अपन डाउनलोड करते है, जैसे अपन अपने MS, यह जो अपने पास Microsoft Store आता है, जहां से अपन डाउनलो�
00:10:58So, if you want to set up, then you will open the VS Code.
00:11:03One time, I will give you the installing.
00:11:07Okay?
00:11:08This is complete.
00:11:12I will finish this.
00:11:14I will finish my VS Code.
00:11:17Now, there are two of them here.
00:11:19I have a desktop icon.
00:11:21Okay?
00:11:22So, I will open the VS Code.
00:11:27I will open the VS Code.
00:11:56Network issue.
00:11:56Is ou raha hai.
00:11:57Thoada voice break ho raha hai.
00:11:58Ek baar response kari do.
00:11:59Ki voice break ho raha hai.
00:12:01Yaa nain ho raha hai.
00:12:02Vee se to ko ai issue nain haha.
00:12:03Ta voice se related.
00:12:04Lekan agar phir bhi a raha hai.
00:12:06Tho ek baar ap response kari do.
00:12:07Mena iska solution kartho.
00:12:10Ek baar ap sabhi response kari do.
00:12:13Ki voice valla issue a raha hai.
00:12:18Voice issue a raha hai.
00:12:19Boat jada voice break ho raha hai.
00:12:21No sir.
00:12:22All clear.
00:12:22Yes sir ho raha hai.
00:12:24Sir beech beech mein ho raha hai.
00:12:25foreign
00:12:35foreign
00:12:49foreign
00:12:55I am
00:13:02a
00:13:04a
00:13:06a
00:13:08a
00:13:10a
00:13:12a
00:13:14a
00:13:16a
00:13:18a
00:13:19a
00:13:20a
00:13:22a
00:13:24a
00:13:26a
00:13:32a
00:13:33a
00:13:34a
00:13:35a
00:13:36a
00:13:37a
00:13:38a
00:13:39a
00:13:41a
00:13:47a
00:13:48a
00:13:49a
00:13:51foreign
00:14:14foreign
00:14:21All good sir.
00:14:51All good sir.
00:15:21All good sir.
00:15:51All good sir.
00:15:53All good sir.
00:15:58All good sir.
00:16:00All good sir.
00:16:05All good sir.
00:16:07All good sir.
00:16:12All good sir.
00:16:13All good sir.
00:16:14All good sir.
00:16:15All good sir.
00:16:16All good sir.
00:16:17All good sir.
00:16:18All good sir.
00:16:20All good sir.
00:16:21All good sir.
00:16:22All good sir.
00:16:23All good sir.
00:16:24All good sir.
00:16:25All good sir.
00:16:26All good sir.
00:16:27All good sir.
00:16:28All good sir.
00:16:29All good sir.
00:16:30All good sir.
00:16:31All good sir.
00:16:32All good sir.
00:16:33All good sir.
00:16:35All good sir.
00:16:36All good sir.
00:16:40and then we have a problem with voice.
00:16:47Wait a minute, guys.
00:16:49Now, let us wait for one minute.
00:16:52Wait a minute, guys.
00:17:22This is clear, sir.
00:17:28Clear, sir.
00:17:29Okay.
00:17:30So, one more time,
00:17:32if there is an issue,
00:17:34if there is an issue,
00:17:36if there is an issue,
00:17:37then we will do it.
00:17:38Okay.
00:17:39If there is an issue,
00:17:40then we will do it.
00:17:42Now, let us see,
00:17:44here we have a VS Code.
00:17:46Here we have files and folders
00:17:47which we can create,
00:17:49which we can discuss.
00:17:51Now, let us see,
00:17:53here we have some icons.
00:17:55Left side,
00:17:56here we have a first icon.
00:17:58If you look at this icon,
00:17:59if you look at this icon,
00:18:01here we have a new file create.
00:18:03This is new folder create.
00:18:05So,
00:18:06here we have a new file create.
00:18:07So,
00:18:08here we have a new file create.
00:18:09So,
00:18:10here we have a new file create.
00:18:11So,
00:18:12here we have a new file create.
00:18:14Now,
00:18:16I will type in this icon,
00:18:17I will type in this icon,
00:18:18so,
00:18:19here we have a new file create.
00:18:21I will like index.stml,
00:18:23in this instance,
00:18:25I will create a new file.
00:18:27Here we have a new file.
00:18:28It will create a new file.
00:18:29I will type in this folder.
00:18:31Here we will create a index.stml.
00:18:33So the server is $1,000 per $100,000 per full stack of connection, that is $1,000 per Adidas $,000 per gift contains $1,000 per cost of $1,000 per adidas $2,000 per $50,000 per client.
00:18:53perfect
00:18:56now here
00:18:58if you have a folder create
00:19:00then the second option is to be a folder create
00:19:03meaning, this folder inside I am
00:19:05if I have a folder create
00:19:07I have a folder create
00:19:08CSS
00:19:09so I have a folder create
00:19:11so this folder inside I am
00:19:14I have a folder create
00:19:15if I have a folder
00:19:17then I will know
00:19:18here is a folder
00:19:20and an index.html file
00:19:23here
00:19:24now you can see
00:19:26files and folders create
00:19:28now you will say
00:19:29sir
00:19:30I want to create a folder
00:19:32I want to create
00:19:33this folder
00:19:34I want to create
00:19:35this folder
00:19:36here
00:19:38I have a blank window
00:19:40so this will be
00:19:42define
00:19:43this folder
00:19:44this folder
00:19:45means
00:19:46this folder
00:19:48in your folder
00:19:49I will see
00:19:50the folder
00:19:52you can see
00:19:53in your folder
00:19:54you can create
00:19:55the folder
00:19:56inside you
00:19:57file
00:19:58you can create
00:19:59so now you can see
00:20:00this folder
00:20:01you can create
00:20:02this folder
00:20:03where is
00:20:04horizontally
00:20:05right side
00:20:06I will click
00:20:07so this folder
00:20:08will open
00:20:09here
00:20:10this folder
00:20:11is
00:20:12open
00:20:13full stack
00:20:14inside
00:20:15css
00:20:16folder
00:20:17open
00:20:18now if
00:20:19file
00:20:20or folder
00:20:21create
00:20:22then I will create
00:20:23this folder
00:20:24here
00:20:25style.css
00:20:26file
00:20:27create
00:20:28here
00:20:29css
00:20:30folder
00:20:31file
00:20:32create
00:20:33here
00:20:34if
00:20:35this folder
00:20:36is
00:20:37in the
00:20:39folder
00:20:40then
00:20:41I will
00:20:42tap
00:20:43this folder
00:20:44is
00:20:45directory
00:20:46here
00:20:47here
00:20:48here
00:20:49here
00:20:50here
00:20:51here
00:20:52here
00:20:53here
00:20:54file
00:20:55create
00:20:56folder
00:20:57open
00:20:58open
00:20:59close
00:21:00close
00:21:01close
00:21:02this
00:21:03horizontal
00:21:04arrow
00:21:05here
00:21:06if
00:21:07click
00:21:08this
00:21:09open
00:21:10inside
00:21:11this
00:21:12file
00:21:13create
00:21:14this
00:21:15folder
00:21:16create
00:21:17and
00:21:18now
00:21:19you can see
00:21:20here
00:21:21in
00:21:22folder
00:21:23here
00:21:24how
00:21:25can
00:21:26you
00:21:27see
00:21:29here
00:21:30here
00:21:31you can see
00:21:32underline
00:21:33create
00:21:34here
00:21:35now
00:21:36if
00:21:37you
00:21:38open
00:21:39your
00:21:40folder
00:21:41open
00:21:42here
00:21:43you can see
00:21:44this
00:21:45folder
00:21:46you can see
00:21:47this
00:21:48folder
00:21:49you can see
00:21:50in
00:21:51index
00:21:52dot
00:21:53to
00:21:54js
00:21:55create
00:21:56and
00:21:57open
00:21:58and
00:21:59you can see
00:22:01test
00:22:03dot
00:22:04txt
00:22:05here
00:22:06create
00:22:07so
00:22:08if
00:22:09files
00:22:10and
00:22:11folders
00:22:12can
00:22:13create
00:22:14how
00:22:15you can see
00:22:16create
00:22:17this
00:22:18folder
00:22:19is
00:22:20open
00:22:21and
00:22:22if
00:22:23you
00:22:24can
00:22:25click
00:22:26and
00:22:27switch
00:22:28you can see
00:22:30file
00:22:31create
00:22:32and
00:22:33you can see
00:22:34more
00:22:35easy
00:22:36if
00:22:37you can see
00:22:38here
00:22:39you can see
00:22:40here
00:22:41you can see
00:22:42here
00:22:43you can see
00:22:44here
00:22:45you can see
00:22:46here
00:22:47you can see
00:22:48automatically
00:22:49create
00:22:50css
00:22:51folder
00:22:52is
00:22:53index
00:22:54index
00:22:55and
00:22:56index
00:22:57and
00:22:58file
00:22:59and
00:23:00file
00:23:01so
00:23:02here
00:23:03files
00:23:04and
00:23:05folders
00:23:06create
00:23:07easy
00:23:08and
00:23:09files
00:23:10and
00:23:11folders
00:23:12create
00:23:13a
00:23:14intro
00:23:15that
00:23:17that
00:23:18is
00:23:19to
00:23:20use
00:23:21to
00:23:22use
00:23:23to
00:23:24use
00:23:25to
00:23:26use
00:23:27to
00:23:28use
00:23:29to
00:23:30use
00:23:31to
00:23:32use
00:23:33to
00:23:34use
00:23:35to
00:23:36search
00:23:37tab
00:23:38how
00:23:39how
00:23:40to
00:23:41show
00:23:42to
00:23:44be
00:23:45to
00:23:46know
00:23:47how
00:23:48this
00:23:49is
00:23:50and
00:23:51extensions
00:23:52now
00:23:53they
00:23:54need
00:23:55additional
00:23:56functionality
00:23:57to
00:23:58use
00:23:59to
00:24:00use
00:24:01to
00:24:02use
00:24:03to
00:24:04use
00:24:05to
00:24:06use
00:24:07to
00:24:08use
00:24:09to
00:24:10use
00:24:11to get the extensions.
00:24:13If you have a great job,
00:24:15if you have a very easy way and easy way,
00:24:17then you can use extensions to that.
00:24:19This is the extensions that you can use.
00:24:22such as AI, which I can tell,
00:24:25for example,
00:24:26all these extensions that you can install in the inside.
00:24:29You can install it in the VS code.
00:24:31This is the required.
00:24:32I'll show you the same as this.
00:24:34How do you install?
00:24:36You can search it here.
00:24:37If we start our HTML, we will select Live Server.
00:24:44I will search for Live Server.
00:24:46I will search for the top one.
00:24:50There will be a lot of options.
00:24:53But the top one will give you the rating.
00:24:56The most people have installed it.
00:24:58I will tell you how many people have installed it.
00:25:01In millions.
00:25:03If you install it,
00:25:06if you install it,
00:25:08then you will select the install button.
00:25:10If you install it,
00:25:12you will have the first one.
00:25:14This is the way you install your extension.
00:25:16It is easy.
00:25:18If you install it,
00:25:20I will tell you.
00:25:22I will tell you.
00:25:24I will install it.
00:25:26The first one is auto-close stack.
00:25:28You install it.
00:25:30This is the second extension.
00:25:32The second extension is code spell checker.
00:25:34If you think that your spelling is wrong,
00:25:38then you will do that.
00:25:40You will use it.
00:25:42Okay.
00:25:44Next is ES7 React Redux GraphQL and React Native.
00:25:50This extension will also install it.
00:25:52You will not do it.
00:25:54You will install it.
00:25:56ES7 plus React Redux and React Native.
00:25:58This extension will also install it.
00:26:00ESLint will also install it.
00:26:02If you install it.
00:26:04It will also install it.
00:26:06It will also install it.
00:26:08So,
00:26:09I will tell you the next extension.
00:26:10It will also be a good one.
00:26:11So,
00:26:12I will tell you the next extension.
00:26:14You will install it.
00:26:16This extension will also be a unique thing.
00:26:18The next extension we need to install is Material Icon Theme
00:26:24This is the extension, now you can see the icons that are unique
00:26:28I have a CSS folder, so it will be CSS logo, JavaScript, JavaScript
00:26:33or basic folder, so it will be basic folder
00:26:36Normally, you will not have VS Code as well
00:26:39When you install this extension, you will enable it
00:26:42then you will have this way
00:26:45Then, NPM, IntelliSense, install this extension
00:26:50When we discuss NPM, we will be discussing it
00:26:52Prettier Code Formatter
00:26:54If you write this code, you will not write it in the arrangement way
00:26:57You will arrange it
00:26:59Then, you will use this extension
00:27:02Then, Simple React Snippets
00:27:04This extension will be in React
00:27:07Then, install it
00:27:09We will install it
00:27:10We will install it
00:27:12This is the database of extensions
00:27:15We will install it
00:27:16Next is Telwind CSS IntelliSense
00:27:19This extension will be Telwind CSS
00:27:21This will be Telwind CSS
00:27:22This will be your code
00:27:23This will be your suggestions
00:27:24This will be your extensions
00:27:25This will be your extensions
00:27:26You will install it
00:27:27This will be your system
00:27:28This will be your VS Code
00:27:29This will be your settings
00:27:30Then, you will install it
00:27:33You will skip this
00:27:35This will not be useful
00:27:36Choose the way you can do it
00:27:37This will be your new
00:27:38This will be your new
00:27:39Install it
00:27:40This will be your new
00:27:41Install it
00:27:42This will be your VS Code
00:27:43You will install it
00:27:44This is your VS Code
00:27:46files and folders,
00:27:47you will create your VS Code.
00:27:49You will also have many options on this setting.
00:27:53You will also have many different options on this setting.
00:27:55In JSON format,
00:27:56you will have many different codes.
00:27:58You will also have customised your VS Code.
00:28:01You can change your shortcut keys.
00:28:05There are many shortcuts,
00:28:06which I will write down.
00:28:08I will tell you,
00:28:10which is the shortcut,
00:28:11which is the way you can grab,
00:28:14which is the way you can copy paste,
00:28:15Easy طریقے سے
00:28:16वो सारी چیزیں
00:28:18मैं आपको
00:28:18जैसे जैसे
00:28:19अगे बढ़ते जाएंगे
00:28:19वैसे वैसे
00:28:20मैं आपको बताता जाएंगा
00:28:21अभी के लिए
00:28:22सिर्फ एक overview
00:28:23मैंने दिया है
00:28:23कि VS Code को
00:28:24इस तरीके से
00:28:25अपन यहां पर
00:28:25use करने वाले है
00:28:26इसमें भी
00:28:27अपने पास
00:28:28अपना ट्रमिनल भी आता है
00:28:29उसको अपन कैसे
00:28:30एकसेस करते है
00:28:31अपने VS Code पे
00:28:32और ट्रमिनल शिफ्ट करना
00:28:34सारी चीजे
00:28:34अपन आगे देखेंगे
00:28:35ठीक है
00:28:36तो यह तो बात हो गई
00:28:37VS Code का use
00:28:39ताकि आप HTML लिख रहे हो
00:28:40तो आपको कोई दिक्कत ना है
00:28:41VS Code के अंदर
00:28:42ठीक है
00:28:43यहां तक की चीज के लिए रहे
00:28:45तो एक बार आप सभी
00:28:46कमेंट करके बताओ
00:28:47यह सर यहां तक की चीज के लिए रहे
00:28:48इसमें कोई डाउट नहीं है किसी को
00:28:50यह सर के लिए ओके
00:29:02यह सर ओल के लिए
00:29:03यह सर के लिए है
00:29:04चलो बहुत अच्छी बात है
00:29:05ठीक है
00:29:16तो यह तो इजी है
00:29:19कोई टफ काम नहीं था
00:29:21और देखो कैमरा ओफ है
00:29:22वो वाइस की रीजन से ओफ कराए अपने
00:29:24लेकिन अपन क्लास में वाइस का इश्यू नहीं रहे
00:29:27अभी मैं लेपटोप को रीस्टार्ट नहीं कर सकता है
00:29:29तो ख्लास फिर राइंड हो जाएगे अगली बार
00:29:32मैं लेपटोप को रीस्टार्ट करके
00:29:33फिर क्लास से स्टार्ट करूँगा थाकि वो इसका कोई इश्यू ना है
00:29:36चलो नादिम का एक कुशन है
00:29:37it is a big question.
00:29:39Sir, if any student
00:29:41laptop or PC is not
00:29:43then can he practice
00:29:45on mobile?
00:29:47Sir, please reply. Sir, give me answer.
00:29:49Yes, absolutely.
00:29:51Tension.
00:29:53Here you go, sir,
00:29:55laptop or PC is not
00:29:57on phone. Yes, but
00:29:59you can only see
00:30:01and practice
00:30:03on phone.
00:30:05I can't say that
00:30:07if you want to go to the development
00:30:09or you want to go to the phone,
00:30:11it is possible not.
00:30:13You will be back with people.
00:30:15If you want to go
00:30:17to the development
00:30:19or a PC
00:30:21to go to the laptop
00:30:23or a PC
00:30:25to go.
00:30:27Okay?
00:30:35Sir, please give us the list
00:30:37which extension should need to install.
00:30:39Sir, please give us the list
00:30:41which extension should need to install.
00:30:43Dekho,
00:30:44joh,
00:30:45joh,
00:30:46joh,
00:30:47joh,
00:30:48joh,
00:30:49cloud fair
00:30:51cloud fair
00:30:52cloud fair
00:30:53content
00:30:54delivered
00:30:55network
00:30:56that
00:30:57cloud fair
00:30:58is
00:30:59you have to
00:31:01improve
00:31:03and
00:31:04fast
00:31:05and secure
00:31:06cloud fair
00:31:07so,
00:31:08this
00:31:09CDN link
00:31:10DNS management
00:31:11and security
00:31:12is
00:31:13all
00:31:14cloud fair
00:31:15where
00:31:16the
00:31:17cloud fair
00:31:18is
00:31:20where
00:31:21the
00:31:22cloud fair
00:31:23is
00:31:24where
00:31:25is
00:31:26in
00:31:27the
00:31:28cloud fair
00:31:29which
00:31:30is
00:31:31the
00:31:32reason
00:31:33I
00:31:34need
00:31:35to
00:31:37use
00:31:38if
00:31:39you
00:31:40do
00:31:41for
00:31:42to
00:31:43to
00:31:44I am asking the latest I3, the latest generation is running out on the profile.
00:31:52If you can see the latest I3, I am suggesting, if you can see the latest I3,
00:31:59if you can see the latest I3, it will be the best.
00:32:01This is the best way to see the latest I3.
00:32:14। । । । । । ।
00:32:44। । ।
00:33:14। । ।
00:33:44। । ।
00:34:14।
00:34:24�। mówi
00:34:24। Perché
00:34:24। अब देखå
00:34:24अगर
00:34:25अगर अपन
00:34:26बात करते
00:34:26अपने
00:34:27।
00:34:27।
00:34:28।
00:34:29तो
00:34:30।
00:34:31अपने
00:34:31पास
00:34:31क्या है
00:34:32अपनी
00:34:32virtual
00:34:33worked
00:34:34нос lix mackup language
00:34:40है यह कि किसी को लेकिन कई नहीं पता तो पहले पर यह के लिए कर
00:34:55कि क्यूब क्या होता है कि क्यों बहुता है
00:34:59like
00:35:01you
00:35:03know
00:35:05you
00:35:07you
00:35:09you
00:35:11you
00:35:13you
00:35:15you
00:35:17you
00:35:19you
00:35:21you
00:35:23you
00:35:25you
00:35:27you
00:35:53you
00:35:55वाले section पर जा रहा हूँ तो API वाले पर आ गया
00:35:57extensions वाले section पर जा रहा हूँ
00:35:58तो इसने एक नया tab open करके दे दिया
00:36:01इसके लिए तो ये
00:36:03अपने पास क्या है
00:36:04एक page से दूसरे page पर जाने की
00:36:07जो अपने को link ability मिलती है
00:36:09वो अपने को मिलती है अपने hyper
00:36:11text के कारण और markup
00:36:13का मतलब क्या होता है
00:36:14मतलब जितने भी यहां पर
00:36:17आप tag use लेते हो
00:36:18अभी मैं यहां पर use करने वाला हूँ एक keyword
00:36:20जो अपने पास है अपने tag
00:36:22HTML के अंदर tag होता है तो जितने भी tag
00:36:24आप यहां पर use लेते हो
00:36:26अपने content को लिखने के लिए
00:36:27If you want to use your content, when you upload the content of your website,
00:36:35it will show you the reason to markup.
00:36:38If you want to use your content, it will show you the reason to markup.
00:36:50Hypertext markup means what happens?
00:36:52I hope that you will clear.
00:36:54Hypertext means one page to the other page, which means linkability,
00:37:01and markup means whatever content you want to be ready,
00:37:06it will show you the reason to markup.
00:37:10These are two things.
00:37:12I hope that you are clear.
00:37:13Hypertext markup means what means?
00:37:15Language is one thing that you know.
00:37:17This is one thing that is about to understand.
00:37:21So, this is about to talk about HTML and full form.
00:37:27Now, here we have one thing that is repeated.
00:37:33Now, here we have one thing that is called HTML.
00:37:37So, here we have two things that are called HTML.
00:37:39You can find Nаем,
00:37:45so this is called HTML.
00:37:47So, how are we going to talk about it?
00:37:50Now, first of all, the syntax is the tag.
00:37:57The tag is the name.
00:38:00Here are many tags.
00:38:03Paragraph tag, here are ball tag, here are italic tag, here are unorder list, order list.
00:38:14These tags are the tag.
00:38:17The tag is the syntax.
00:38:21The tag is the syntax.
00:38:25I will explain the syntax.
00:38:31The syntax is the syntax.
00:38:37Now, this syntax is the syntax.
00:38:40yajah per creatite yajah per us create
00:38:41yajah per tag karename hota
00:38:43yo bhi tag karename ho gotta
00:38:44mayhane aap bettahou tag name
00:38:46or yajah per yajah per yuh
00:38:47apnay paas apna tag open hoa hai
00:38:49rho yoha per tag apna close hoota
00:38:51hiah per slash laga do
00:38:52apnay paas kya ho talk
00:38:53apne tag ka name hoota hai
00:38:55pos itina asa bata hai
00:38:57yellow yohya apka tag close ho gaya
00:38:59tic yohk open tag close
00:39:01yohi apka tag ka syntax hoota hai
00:39:03yoha apnay paas tag open
00:39:05tic yohk open tag close
00:39:07eske bich payah upon karen paas apna content
00:39:10Okay, so you can see your content, which is your front end.
00:39:14Because you can show your tag, your name, your content is not.
00:39:19You can show your content.
00:39:21Okay, so I will say paragraph tag create.
00:39:24So how do I do?
00:39:25Angle bracket open, paragraph tag P start, angle bracket close.
00:39:30You can open your tag.
00:39:31Then you can write content.
00:39:33You can write it like Devan Choser.
00:39:35Then you can write it like Devan Choser.
00:39:36Then you can write it like Tag.
00:39:38Angle bracket open, slash, then paragraph tag name, and angle bracket close.
00:39:43So this is how you can write it like.
00:39:46In HTML, you can write tag open, tag close, and then you can write content.
00:39:51You can write a tag in front end.
00:39:53You can write a tag in front end.
00:39:56Tag is only a way that you can write content in front end.
00:40:02You can write a text in front end.
00:40:05You can write a text in front end.
00:40:07You can write a text in front end.
00:40:34is index.stml
00:40:35now if you want to create a file
00:40:38you can write that
00:40:39devanshu.stml
00:40:40but the first priority will be index.stml
00:40:43because the browser
00:40:44is the first
00:40:45that the main file is the same
00:40:48main homepage
00:40:49which is the same
00:40:50that you can make it
00:40:52main file is the first priority
00:40:53so here we have index.stml
00:40:56create a main file
00:40:58you can create a website
00:41:00which is HTML, CSS and bootstrap
00:41:02based on the main file
00:41:03index.stml
00:41:04then we have internal linking
00:41:09which is the same
00:41:12internal linking
00:41:15which is the same
00:41:16now if we have
00:41:17here we have
00:41:18create a file
00:41:19first of all we have
00:41:20create a file
00:41:21boilerplate
00:41:22boilerplate
00:41:22basically
00:41:24we have a structure
00:41:26which is the same
00:41:28HTML
00:41:295
00:41:30foreign
00:41:35foreign
00:41:40foreign
00:41:47foreign
00:41:58foreign
00:41:59I am sharing them the same as soon as I'll show you.
00:42:08If I can see it, I will close this first.
00:42:12So I will give you some tag syntax.
00:42:13This is tag open or tag close.
00:42:16So you can get a new formula if I'm showing you the same as you create.
00:42:20I have a new suggestion.
00:42:22But I want to know that I can try to create this first.
00:42:28So, first of all, if you look at the doc type stml, it means that your file is the document type, which is stml.
00:42:39This is the angle bracket open, exclamation, doc type, capital, then stml.
00:42:45If you look at the doc type, here the stml tag open.
00:42:50This stml tag open and close.
00:42:54If you look at the stml tag open, stml tag close.
00:42:58If you look at the stml tag open, it has a head tag and body tag.
00:43:02Here you can see the head tag open and close.
00:43:06Then you can see the head tag open and close.
00:43:09So, here you can see the stml tag root tag.
00:43:14Tag under one thing, I have told you, this paragraph tag.
00:43:21This paragraph tag is not said.
00:43:23Here I have paragraph tag, tag open and close.
00:43:26Here I have paragraph.
00:43:28So, this paragraph tag.
00:43:32P tag tag.
00:43:33So, if you look at the tag open and close, then you have element.
00:43:40So, this element is the element.
00:43:43So, if I talk about this, if I talk about this, then I will copy it.
00:43:46I will show you a tag.
00:43:48If you have content pass,
00:43:50then this is my tag.
00:43:54But tag and content
00:43:56what does tag and content
00:43:58mean?
00:44:00If you look at here,
00:44:02the tag has a tag.
00:44:04It has a tag and body tag.
00:44:06The tag has a tag.
00:44:08The tag has a root element.
00:44:12It has a root element.
00:44:14The tag has a tag.
00:44:18The tag has a root element.
00:44:22The tag has a tag.
00:44:24The tag has a body tag.
00:44:26The tag has a child tag.
00:44:28If you open it,
00:44:30there is a meta information.
00:44:32It is a UTF-8.
00:44:34I will tell you what happens.
00:44:36There is a meta information.
00:44:38The meta information is meta data.
00:44:40You can create a website
00:44:42where you want to set the meta data.
00:44:44If you want to create a SEO friendly website,
00:44:46then you can create keywords
00:44:48that you can create.
00:44:50What keywords can be made.
00:44:52What keywords can be made.
00:44:54The search engine optimization.
00:44:56For your website ranking.
00:44:58The website will be ranked.
00:45:00How will it be?
00:45:02It will be ranked on keywords.
00:45:04For your SEO,
00:45:06There are a few keywords.
00:45:08I don't have a discussion.
00:45:10The meta data tag tag.
00:45:12The meta data tag has a few keywords.
00:45:14The first one is the name request to viewport.
00:45:16Now here, second, the first name is request to viewport.
00:45:21Now this name is request to viewport means that you want to create a website,
00:45:27you want to make every device responsible.
00:45:30You want to use mobile, laptop, big screen, television,
00:45:37you want to use every device responsible.
00:45:42Then this name is request to viewport,
00:45:48which is request to device width,
00:45:50which you want to create a device with width.
00:45:54Then this name is initial skill 1.0,
00:45:58when you open a website,
00:46:01it will be a limit to zoom,
00:46:03it will be initial skill value.
00:46:06If you see a title tag,
00:46:09it will be a title tag and it will be a document.
00:46:13It will be a complete element.
00:46:15Now here, I will run this file.
00:46:19I will run this file.
00:46:21I will run this file.
00:46:23You will go live.
00:46:25You will install your live server.
00:46:27You will install this file.
00:46:29there.
00:46:30So, here,
00:46:32When you click it,
00:46:38it will allows you to open this file.
00:46:39Then you will see razỏi the file.
00:46:41Here,
00:46:43as to paste거ar file,
00:46:44we open your file into index.es.es to read gospel.
00:46:46In your file,
00:46:48highline drop to view scare.
00:46:505500 ये एक port assign करता है आपका live server जिसके उपर आपकी website run होती है ठीक है तो ये एक live server port है जिसके उपर ये run हो रहा है ठीक है ये local host है ये कोई कहीं पर deploy नहीं हो है कुछ भी नहीं है बस एक local host है जैसे आप उसको expire करोगे तो ये फिर run नहीं होगा ठीक है तो यहाँ पर देखो यह
00:47:20website title रहेगा ठीक है अगर आप इसको open करके देखोगे तो यहाँ डुकुमेंट लिखाव आ
00:47:28रहे आपकी website का title है अगर मैं यहां पर आके change कर देता हूं मैं यहां पर इसको कह देता हूं document की जगे my web page कह देता हो, my web page मैंने यहाँ पर कह दिया तो यह
00:47:36It will show me the title, which is the title of my webpage.
00:47:44So, how do you show this?
00:47:46How do you show this?
00:47:48When I change the title, I will show you the title.
00:47:52I will show you the title of my webpage.
00:47:58I will show you the title of my webpage.
00:48:06So, I will show you the body tag.
00:48:10I will show you the body tag.
00:48:12I will show you the front end of my webpage.
00:48:16I will show you the white window.
00:48:18I will show you the body tag.
00:48:22This will show you the HTML tag.
00:48:26It will show you the head tag.
00:48:28It will show you the meta information.
00:48:30It will also be title there.
00:48:32If you have an external file,
00:48:36you will have a head tag.
00:48:38Then, the body tag.
00:48:40The body tag.
00:48:42The body tag.
00:48:44The body tag.
00:48:46The body tag.
00:48:48The body tag.
00:48:50How you create a boilerplate.
00:48:54You can create a lot of easy work.
00:48:56It is an easy job.
00:48:58Then, the image tag.
00:49:00You can create a position.
00:49:02This is an easy job.
00:49:04You can create a new image.
00:49:06You can create a new image.
00:49:08It is an easy job.
00:49:10You can create a new image.
00:49:12The new image tag.
00:49:14You can compare it.
00:49:16we will compare.
00:49:17So, here are some things.
00:49:22So, here are some things.
00:49:24There is some things.
00:49:27Here are some things.
00:49:33There are some things.
00:49:38So,
00:49:46you
00:49:49you
00:49:51you
00:49:53you
00:49:55you
00:49:57you
00:49:59you
00:50:01you
00:50:03you
00:50:05you
00:50:07you
00:50:09okay yes, I'm done.
00:50:11Okay, thank you so much.
00:50:41you are my fan
00:50:43this is a good thing
00:50:45because
00:50:47I am here
00:50:49so I am all of you
00:50:51okay
00:50:53you are new students
00:50:55my previous students
00:50:57all
00:50:59are attached to me
00:51:01and talk about it
00:51:03okay
00:51:05okay
00:51:09okay
00:51:11sir stml
00:51:15alternative
00:51:17no
00:51:19page structure
00:51:21front end
00:51:23fix
00:51:25dp
00:51:27happy birthday sir
00:51:29thank you so much dp
00:51:31sir
00:51:35sir
00:51:37what
00:51:39what
00:51:41what
00:51:43what
00:51:45what
00:51:47what
00:51:49what
00:51:51what
00:51:53what
00:51:55what
00:51:57what
00:51:59what
00:52:01what
00:52:03what
00:52:05what
00:52:07what
00:52:09what
00:52:11what
00:52:13what
00:52:15what
00:52:17what
00:52:19what
00:52:21what
00:52:23what
00:52:25what
00:52:27what
00:52:29what
00:52:31what
00:52:35what
00:52:37what
00:52:39what
00:52:41what
00:52:43what
00:52:45what
00:52:47what
00:52:49what
00:52:51what
00:52:53what
00:52:55what
00:52:57what
00:52:59what
00:53:01what
00:53:03what
00:53:05what
00:53:09what
00:53:11what
00:53:13what
00:53:15what
00:53:17what
00:53:19what
00:53:21what
00:53:25what
00:53:27what
00:53:29what
00:53:31what
00:53:33what
00:53:35what
00:53:37what
00:53:39what
00:53:41what
00:53:45it
00:53:47what
00:53:49what
00:53:50I am braiding tag.
00:53:51I have called heading tag, I don't know which one another.
00:53:55Now I am talking about order list.
00:53:58Since it is short cut, then you'll see like this.
00:54:03So as you can see that, you'll see the tag here.
00:54:06You can't be able to shirt on it.
00:54:09When you come up then you'll see the tag automatically.
00:54:13You'll never forget your tag.
00:54:17So you will not forget the tag María.
00:54:18foreign
00:54:48I have to save the file, and I have to check the browser, so I have to reflect on it.
00:54:55Happy birthday, Devanshu sir.
00:54:57I have to put emoji on it.
00:55:07If you look at it, if you look at it, it will reflect on it.
00:55:11I will zoom on it.
00:55:13I will zoom on it.
00:55:15I will zoom on it.
00:55:18This is one of the paragraph.
00:55:21We will see you.
00:55:24I can do some things as well.
00:55:26Make sure we find the tag points.
00:55:29Now, we are going to do the whole week,
00:55:36then on the CSS.
00:55:38You are going to be in there while doing this work,
00:55:41foreign
00:56:11to be
00:56:23you
00:56:24I am
00:56:26the concert camera on away here you see camera
00:56:31yeah
00:56:33but the camera is my laptop got you are
00:56:36are
00:56:41I'm gonna be
00:56:45I'm
00:56:46I'm
00:56:47Okay
00:56:54So
00:56:55I'm
00:56:55Okay
00:56:55I'm
00:56:59Okay
00:57:00I'm
00:57:02Okay
00:57:03You
00:57:04is easy window or colon
00:57:07if you press two, then you have to
00:57:09have your emojis, which are
00:57:10in your system. This is VS code
00:57:13not yet. This is your window
00:57:15feature. So, window
00:57:18key and colon
00:57:19two, then you have to press
00:57:21the window key and colon.
00:57:23Attenance
00:57:24.1
00:57:25.1
00:57:27.1
00:57:29.1
00:57:30.1
00:57:31.1
00:57:32.1
00:57:33.1
00:57:34.1
00:57:35.2
00:57:36.1
00:57:37.1
00:57:38.1
00:57:39.2
00:57:40.1
00:57:41.1
00:57:42.1
00:57:43.1
00:57:44.1
00:57:47.2
00:57:50.2
00:57:52.1
00:57:54.2
00:57:55.2
00:57:57.2
00:57:59.2
00:58:01.
00:58:02.2
00:58:03तो यह attendance के 0.1 और 0.2 हो गए है जो आपको यहाँ पर अपनी attendance form के अंदर fill करना है
00:58:12ठीक है
00:58:26attendance link आपको provide कर दिया गया है आपको community में जाके check करना है
00:58:36और अगर फिर भी अगर आपको लगता है तो आप पहले वाली class एक बार वापस go through करना आपको automatically clear हो जाएगा
00:58:43कल अगर attendance fill नहीं कर पाए तो 7 days की duration रहती attendance की 7 days के अंदर आपनी attendance mark कर सकते हो
00:58:52सिर्फ 7 days की duration 7 days के बाद अगर आप fill करते हो तो उसको consider नहीं की जाती है
00:58:57उसको फिर skip में माना जाता है और वो skip होती है आपकी
00:59:00attendance form का जो link है वो same ही रहेगा वो आपकी community में वो ही रहेगा regular उसी से आपको fill करना है
00:59:08क्योंकि वहाँ से जो आप response करते हो वो response यहाँ पर आ जाता है
00:59:11आज की attendance का link एक ही link रहने वाला है अलग-अलग change नहीं होगा इसी को आप save करके रख लो
00:59:23यही link रहने वाला है regular attendance का
00:59:25sir enjoy your day happy birthday okay thank you
00:59:30अगर आप free करो तो मैं आज की class यहीं कतम करूँ
00:59:34मिलते हैं फिर अपन अपनी कलवाली class के अंदर
00:59:37थैंक यू तंजील
00:59:44ठीक है guys आज की class अपन इतनी रखते हैं बाकि मिलते हैं फिर अपन अपनी कलवाली class के अंदर
00:59:51और इंट्रेस्टिंग topics के साथ और इंट्रेस्टिंग चीजों के साथ ठीक है
00:59:55ओके
00:59:56पले करे मादे ओल्वेस blessed you sir wishing you happy birthday sir
01:00:04ओके थैंक यू सो मच इतनी प्यारी प्यारी wishes के लिए
01:00:07ठीक है
01:00:10थैंक यू विश्वजीत
01:00:13ठीक है guys
01:00:16ओके थैंक यू सो मच गाई
01:00:17और भी अपना द्यान रको बाई बाई वरिवन लव यू वल बाई
01:00:22आता हू झायए
01:00:28खिल उद्थ
01:00:39यू
Recommended
1:01
1:04:30
Be the first to comment