Download "Day 71 | Salesforce Bootcamp 2023 | HTML & CSS for LWC | Learn Salesforce Live with Sanjay Gupta"

"videoThumbnail Day 71 | Salesforce Bootcamp 2023 | HTML & CSS for LWC | Learn Salesforce Live with Sanjay Gupta

0:01

7 Virtual Learning Best Practices

0:12

CSS class selector

0:13

CSS id Selector

0:16

Unordered List Style

0:20

Description List

0:21

Nested HTML List

Day 19 | Salesforce Bootcamp 2023 | Salesforce Admin Project | Implement Live with Sanjay | Part - 4

Day 19 | Salesforce Bootcamp 2023 | Salesforce Admin Project | Implement Live with Sanjay | Part - 4

Channel: Sanjay Gupta Tech School

Day 6 | Salesforce Bootcamp 2023 | List View | Lightning Pages | Home Page | Record Page | App Page

Day 6 | Salesforce Bootcamp 2023 | List View | Lightning Pages | Home Page | Record Page | App Page

Channel: Sanjay Gupta Tech School

Drawing On HTML5 Canvas for Complete Beginners

Drawing On HTML5 Canvas for Complete Beginners

Channel: Chris Courses

Day 51 | Salesforce Bootcamp 2023 | Apex Test Class for Triggers | Learn Live with Sanjay Gupta

Day 51 | Salesforce Bootcamp 2023 | Apex Test Class for Triggers | Learn Live with Sanjay Gupta

Channel: Sanjay Gupta Tech School

Day 3 | Salesforce Bootcamp 2023 | Text, Picklist,Global Value Set, Field Dependency, Schema Builder

Day 3 | Salesforce Bootcamp 2023 | Text, Picklist,Global Value Set, Field Dependency, Schema Builder

Channel: Sanjay Gupta Tech School

Уроки JavaScript | #3 - Переменные в JavaScript

Уроки JavaScript | #3 - Переменные в JavaScript

Channel: Web Developer Blog

Day 24 | Salesforce Bootcamp 2023 | Screen Flow (Part - 2) | Live Scenarios Demo with Sanjay Gupta

Day 24 | Salesforce Bootcamp 2023 | Screen Flow (Part - 2) | Live Scenarios Demo with Sanjay Gupta

Channel: Sanjay Gupta Tech School

Day 48 | Salesforce Bootcamp 2023 | Recursion, Trigger.isExecuting( ), Database Class & addError( )

Day 48 | Salesforce Bootcamp 2023 | Recursion, Trigger.isExecuting( ), Database Class & addError( )

Channel: Sanjay Gupta Tech School

Vue js #11 Vue компоненты и props - Vue components and props

Vue js #11 Vue компоненты и props - Vue components and props

Day 4 | Salesforce Bootcamp 2023 | Formula Field | Validation Rule | Page Layout | Record Type

Day 4 | Salesforce Bootcamp 2023 | Formula Field | Validation Rule | Page Layout | Record Type

Channel: Sanjay Gupta Tech School

Sanjay Gupta

Sanjay Gupta Tech School

Salesforce

cloud computing

crm

administrator

developer

configuration

customization

process builder

workflow

apex

visualforce

controller

lightning

components

js

object

record

lookup

master detail

data migration

integration

field

helper

record type

app builder

programming

language

tutorials

lightning web components

community

sales cloud

service cloud

soql

aura

lwc

trigger

map

set

list

flow

admin

pd1

certification

certified

development

salesforce

salesforceadmin

salesforcedeveloper

00:00:15

hello everyone

00:00:16

I am Sanjay Gupta I welcome you on

00:00:19

Sanjay Gupta tech school

00:00:21

so today as you can see we are having uh

00:00:26

day 71 of this Salesforce learning boot

00:00:30

camp and uh today I am going to discuss

00:00:34

about HTML and CSS that we'll be using

00:00:37

for lightning web component right so

00:00:42

this week like HTML and CSS will be

00:00:45

completed and from next week onwards

00:00:48

we'll be discussing about JavaScript

00:00:50

okay so I welcome you on this channel

00:00:54

and I hope everybody is doing good

00:00:57

so I hope everybody is ready to

00:01:01

understand few more concepts related to

00:01:04

HTML and CSS and all these topics are

00:01:08

very much important for Aura and lwc so

00:01:12

please pay attention on these topics

00:01:15

okay so moving forward

00:01:18

if you have joined this boot camp for

00:01:21

the first time and if you are watching

00:01:22

this video and you don't know about me

00:01:24

so this slide is for you so with the

00:01:27

help of this slide you will be able to

00:01:30

know like uh who is your instructor and

00:01:33

uh what your instructor have done or

00:01:36

doing for the community right so all the

00:01:40

details are available on this slide so

00:01:42

moving forward

00:01:43

now I am going to show you one more

00:01:45

slide so this is also an important slide

00:01:48

which shows you all the virtual learning

00:01:51

best practices that you need to follow

00:01:53

so not specific to uh to this boot camp

00:01:56

if you are following any other course or

00:01:59

uh videos so there also you just need to

00:02:03

apply all these best practices so that

00:02:07

you can understand things pretty well

00:02:09

so be consistent because consistency is

00:02:12

key and do regular practices

00:02:16

right if you do regular practice so you

00:02:19

don't know whenever there will be an

00:02:20

opportunity and you just need to appear

00:02:23

for an interview so be prepared and do

00:02:27

regular practice

00:02:30

so this is my telegram group and more

00:02:34

than 2500 folks are connected with this

00:02:37

group and if you have any doubts so you

00:02:39

can discuss with the group and I hope

00:02:42

your questions will be resolved so just

00:02:46

join this group and moving forward here

00:02:49

you can see today we are going to

00:02:50

complete week number 20 and from next

00:02:53

week onwards we'll be starting

00:02:55

JavaScript and then we'll be learning

00:02:57

about Aura and lwc

00:03:00

okay so do follow Sanjay Gupta tech

00:03:03

school on YouTube LinkedIn Instagram and

00:03:05

Telegram and all the important links are

00:03:07

available in the description of this

00:03:09

video so you can just find all the links

00:03:12

there

00:03:13

so moving forward if you can see on this

00:03:17

slide it is mentioned like please share

00:03:20

a review or feedback about The Bootcamp

00:03:22

so I can see lots of folks are sharing

00:03:25

their reviews on YouTube LinkedIn

00:03:26

telegram so I I feel very happy uh to

00:03:30

become part of this community where I'm

00:03:32

sharing my knowledge and uh like uh

00:03:36

whatever I am doing this year it is

00:03:38

totally free of cost and a lot lot more

00:03:42

sessions will be happening and uh from

00:03:46

Tomorrow onwards like one more boot camp

00:03:48

I am going to start that is for uh logic

00:03:52

building so I will be teaching C and C

00:03:54

plus plus with the help of these two

00:03:56

programming languages non-it folks will

00:03:59

be able to master their logic building

00:04:02

or problem solving skills okay so after

00:04:06

uh learning those Concepts through C and

00:04:09

C plus plus it will be very easy for you

00:04:12

to understand the logic building if you

00:04:14

are implementing any flow Apex Trigger

00:04:17

or going forward lighting web components

00:04:20

so logic building and problem solving

00:04:22

skill is very important and everybody

00:04:24

needs to have that in uh their mind so

00:04:30

moving forward now let's jump on to the

00:04:34

topic so today's topic like in

00:04:36

continuation we need to understand few

00:04:38

topics related to HTML and fewo related

00:04:41

to CSS so yesterday I uh showed you few

00:04:45

examples related to CSS like with the

00:04:47

help of CSS how we can modify our HTML

00:04:51

design or you can say look and feel so

00:04:55

if you see this example so here in CSS

00:04:58

we uh we provide some styling with the

00:05:03

help of element or tag name but if you

00:05:06

don't want to use that element name and

00:05:08

you want to define a CSS with this way

00:05:10

so this is basically known as ID

00:05:12

selector so in in the style tag you can

00:05:16

create a block you can name that block

00:05:19

with any name and you need to put hash

00:05:22

prior to that so with the help of hash

00:05:24

if you write any name and you create a

00:05:27

CSS so that will be known as ID select

00:05:30

better so below you can see we have a

00:05:34

paragraph in this paragraph we are using

00:05:36

that para1 CSS with the help of ID right

00:05:39

so this way you can Implement your code

00:05:41

so let me just show you how we can do

00:05:44

this and before moving to the code I

00:05:48

just want to show this session tracker

00:05:50

so this is common session tracker for

00:05:52

Sanjay Gupta tech school all the boot

00:05:54

camps so at the bottom you can see uh

00:05:57

different tabs are available so all

00:06:00

sessions related to Salesforce admin and

00:06:02

development are available in this tab

00:06:04

and next step is for C and C plus plus

00:06:06

then other subjects Tabs are available

00:06:09

so if you want to learn anything for

00:06:12

free so everything is available in this

00:06:14

sheet now if if I Implement that example

00:06:18

in front of you so what I'm going to do

00:06:21

I am creating one more file

00:06:24

so I'm creating HTML file and here I

00:06:28

will be implementing the code

00:06:30

so I am going to take

00:06:34

code from a file so I'm just copying it

00:06:37

from web2 and pasting it here

00:06:40

right so from here I am going to remove

00:06:43

these

00:06:45

so

00:06:48

yep so here we have uh this basic

00:06:51

building block now what we need to do we

00:06:53

just need to implement this CSS where a

00:06:56

text align is Center and color is red so

00:06:59

I am going to implement this for you so

00:07:01

hash para1 then curly basis and then

00:07:04

here we need to

00:07:09

provide the CSS

00:07:12

right so here I just used name as para1

00:07:16

so this name can be anything you can use

00:07:18

any name with this hash so whenever you

00:07:21

use hash so it is basically known as ID

00:07:23

selector so now if I use any paragraph

00:07:27

so with the help of ID I can provide it

00:07:31

and inside P tag I can write

00:07:37

the code

00:07:39

so I am using one more P tag and here I

00:07:42

am writing second paragraph

00:07:46

okay so whatever CSS I implemented here

00:07:49

okay so one more thing I need to use I

00:07:51

just need to use style tag as well so

00:07:53

this CSS I need to put in the style tag

00:07:58

okay so this is important inside head

00:08:01

you need to create style tag and inside

00:08:03

style tag you just need to provide the

00:08:05

CSS and then with this P I use this and

00:08:10

what we can do with H1 also we can use

00:08:13

it this way

00:08:21

right so one one common CSS you can

00:08:25

apply with a p element or you can apply

00:08:27

with H1 element because this CSS is not

00:08:31

specific to any element it is basically

00:08:33

implemented with the help of particular

00:08:36

name right so I hope with this way you

00:08:40

are able to understand like how we can

00:08:42

implement the CSS now one challenge is

00:08:45

ID basically we use for identification

00:08:48

purpose so if you want to provide some

00:08:50

identification to particular element

00:08:52

then also we use this ID so basically if

00:08:56

you reuse this name so it means both are

00:08:58

having same ID so it will create a

00:09:01

conflict right so we have a solution for

00:09:03

this problem as well but right now what

00:09:06

I am going to show you uh this para one

00:09:09

CSS we applied on P element and H1

00:09:11

element so it will apply for both but

00:09:13

this is not the right approach generally

00:09:16

ID selector we use with one element only

00:09:18

if you want to use that CSS with

00:09:21

different in different elements so we

00:09:23

have class selector for that we have

00:09:26

class selector for that that I will be

00:09:28

demonstrating just after this so I am

00:09:31

going to save this code and it will be

00:09:33

web6.html

00:09:35

I am saving this code now I am going to

00:09:38

open the folder here I am having

00:09:42

vap6.html I am double clicking so you

00:09:44

can see first paragraph and first

00:09:46

heading both are in center and in red

00:09:48

color and second paragraph is in black

00:09:51

and in left hand side because the CSS

00:09:54

which we applied that applied on one p

00:09:57

element and one H1 element

00:10:00

okay so I hope this way you understood

00:10:03

how we can create a common CSS and then

00:10:06

we can use that common CSS with

00:10:08

different elements

00:10:09

now instead of ID selector if you want

00:10:12

to use that common CSS with multiple

00:10:15

elements so in place of ID selector we

00:10:17

use class selector and in case of Aura

00:10:20

and lwc we will be using lots of

00:10:23

predefined classes so if you want to

00:10:26

implement any class so what you need to

00:10:29

do you need to write a DOT with DOT you

00:10:32

can use any name for that styling and

00:10:36

any style you can Define in between the

00:10:39

curly braces and then you can see with

00:10:41

H1 and P we are using the same class

00:10:44

right so you just need to provide the

00:10:46

class name and that CSS will be applied

00:10:48

for both the element so this is the

00:10:51

basic difference between ID and class

00:10:53

selector so I hope you understood the

00:10:56

difference so we will be preferring

00:10:58

class selector over ID because in case

00:11:02

of class selector that class name you

00:11:05

can use with any number of elements and

00:11:07

in case of ID what happens that ID is

00:11:11

basically used for identification

00:11:12

purpose of also so if you use that ID

00:11:15

with multiple elements so there can be

00:11:19

ambiguity like more than one elements

00:11:21

will be having same ID so it will be

00:11:23

creating a problem so whenever you want

00:11:26

to define a common CSS so in place of ID

00:11:30

selector always use class selector so

00:11:33

now I am going to modify that code

00:11:35

so here we have paraben so instead of H

00:11:38

I'm using dot name can be anything

00:11:42

this para one I can use or if I Define

00:11:45

any other name so that will also work

00:11:48

and here in place of ID I just need to

00:11:50

use class

00:11:52

so in lots of Aura and see lwc code like

00:11:57

whenever we will be writing HTML so you

00:12:00

will be seeing we'll be using lots of

00:12:02

classes there and lots of predefined

00:12:05

classes are available where uh

00:12:07

predefined CSS is available so with the

00:12:10

help of that we'll be uh we'll be

00:12:13

implementing like with the help of class

00:12:15

we'll be implementing the CSS

00:12:21

okay so I hope everybody understood the

00:12:25

difference between ID selector and class

00:12:27

selector so before I proceed further if

00:12:30

anyone is having any doubt so you can

00:12:33

raise your concerns so that I can help

00:12:34

you out

00:12:40

so please let me know if you have any

00:12:43

issue any question

00:12:46

so I explained you both the differences

00:12:49

differences of both the selectors

00:12:57

so I'm just waiting for your responses

00:13:15

okay so I guess there is no question

00:13:17

everything is clear to everybody those

00:13:20

who are watching live and if you're

00:13:22

watching this uh as a recording and if

00:13:26

you have any problems so you can either

00:13:27

ask in the comment section or you can

00:13:31

just uh raise your question in the

00:13:33

telegram group

00:13:35

okay

00:13:38

okay so I can see anus is saying

00:13:41

completed yesterday's assignment so that

00:13:43

is good Akshay is saying please repeat

00:13:46

again sir okay so as Akshay is saying so

00:13:50

Akshay uh quickly I am going to cover

00:13:52

this so we have two selector one is ID

00:13:55

selector where we are using hash and uh

00:13:58

we can use any name inside curly basis

00:14:01

we can Define uh CSS then we can use it

00:14:05

like this like ID equals to Paragon but

00:14:08

the diff the problem is this ID is

00:14:11

basically known as identification so uh

00:14:13

the CSS we can use with one element only

00:14:16

if you use it with multiple elements so

00:14:19

there can be chances like this ID will

00:14:22

become a problem because of ambiguity if

00:14:26

you are using same CSS name with more

00:14:30

than one element so it will be a problem

00:14:31

okay so here we are using class selector

00:14:36

so in case of class selector you need to

00:14:38

use Dot and after dot you can use any

00:14:41

name and then that class you can use

00:14:43

with multiple elements okay so you just

00:14:46

need to remember how we use class

00:14:48

selector

00:14:49

okay

00:14:51

now few topics related to HTML so in

00:14:55

HTML we can create lists so in HTML we

00:14:58

have three types of list an ordered list

00:15:01

order list and description list so

00:15:03

generally we use two first one and

00:15:05

second one ordered and unordered list

00:15:07

okay so first let's see how unordered

00:15:11

list will be used so here we have two

00:15:14

elements first one is UL

00:15:17

is for unordered list and Li is for list

00:15:22

item

00:15:23

okay so here it is also mentioned like

00:15:27

UL is an ordered list and Li is list

00:15:29

item so if you implement this code in

00:15:32

your HTML file so you will be having a

00:15:35

list format

00:15:36

okay so I am going to implement it for

00:15:38

you

00:15:40

so here after this I am going to

00:15:43

implement an ordered list and here I am

00:15:46

going to write list item so let's say

00:15:49

coffee

00:15:56

t

00:16:00

T

00:16:02

milkshake so this way you can have any

00:16:04

number of list items so I'm just saving

00:16:08

this code and now I'm going to refresh

00:16:10

the page and this way you can see the

00:16:13

unordered list is available

00:16:15

so automatically bullets are available

00:16:17

so these are dark circles right so these

00:16:20

bullets will be available automatically

00:16:22

whenever you will be executing the code

00:16:24

now you might be thinking can we have

00:16:27

different styles

00:16:29

right can we have different styles okay

00:16:32

so people are saying voice is low so

00:16:36

just want to check uh is my voice low

00:16:39

for everyone

00:16:42

uh can everybody confirm like my voice

00:16:45

is audible or you are facing some issues

00:17:12

okay so few are saying it is good few

00:17:15

are saying uh low so I will try to speak

00:17:18

louder okay and uh maybe it is

00:17:23

uh due to some internet issues at your

00:17:25

end because few people are able to

00:17:27

listen so I think voice is clear so if

00:17:30

we move forward so here you can see we

00:17:32

have different styles as well so if you

00:17:35

if you want to apply some style like

00:17:38

whatever Dark Circle we saw if you want

00:17:42

to change it so here you can see we have

00:17:44

style equals to list style type colon

00:17:47

disk then we have Circle so disk is by

00:17:51

default so we'll be applying Circle

00:17:54

so what I will do I will apply a style

00:17:56

here

00:17:57

so unordered list then style equals to

00:18:03

list style type Circle

00:18:08

so I am just saving this code

00:18:10

and I'm going to refresh the page

00:18:13

so here you can see instead of filled

00:18:16

circle now empty circles are available

00:18:21

okay so this way you can apply styles

00:18:25

so I hope you understood how I

00:18:28

implemented this so we have more

00:18:30

examples so we have square

00:18:34

we have none so these also you can apply

00:18:39

so if we write Square

00:18:46

and if I refresh the page so here you

00:18:49

can see squares are available so this

00:18:52

way whatever type of option you want you

00:18:54

can use it

00:18:58

okay so moving forward next we have

00:19:01

ordered list

00:19:02

so as name suggests it is ordered list

00:19:06

so there will be some numbering so here

00:19:08

we have elements o l o l stands for

00:19:11

ordered list and here we have some items

00:19:15

like list item okay so instead of

00:19:18

unordered list we'll be using ordered

00:19:20

list so what I'm going to do I'm going

00:19:23

to copy it

00:19:24

and I'm pasting it below

00:19:27

and from here I am removing the style

00:19:30

and changing it to ordered list and here

00:19:33

also I am changing it to order list so

00:19:36

now in my code I have both

00:19:38

I have unordered list as well as I have

00:19:41

ordered list

00:19:43

okay so now I'm going to save it and if

00:19:46

I refresh the page so you will see both

00:19:50

so above you can see we have unordered

00:19:53

list where symbols are available and

00:19:56

next we have ordered list we are one two

00:19:58

three are available

00:20:00

okay so this way if you want to have

00:20:03

different type so here we just have type

00:20:05

type equals to one so one two three will

00:20:07

be there type equals to A so ABC will be

00:20:10

there so these you can try whenever you

00:20:13

will be practicing

00:20:14

then if you want to start with small a

00:20:17

so you can Define type as small a then

00:20:20

if you want to start with Roman

00:20:22

uppercase I like one two three four

00:20:25

Roman so you can start it with that as

00:20:27

well and we have small Roman like

00:20:30

lowercase Roman as well so whatever you

00:20:33

want to use it it depends on your

00:20:36

requirement okay so we have different

00:20:38

styles for

00:20:39

this ordered list

00:20:42

okay so I hope these are straightforward

00:20:45

and you can Implement and practice

00:20:49

now third type of list is description

00:20:51

list

00:20:52

so this description list is very simple

00:20:55

here we have DL description list then we

00:20:58

have DT description

00:21:00

term

00:21:01

and then we have DD description data so

00:21:05

description term and description data

00:21:07

like it will be available in form of

00:21:10

nested so first coffee will be displayed

00:21:13

and then as a sub option black hot

00:21:16

coffee will sorry black hot drink will

00:21:18

be displayed then second term is milk

00:21:21

and its data is white cold ring right so

00:21:26

this way if you want to show sub options

00:21:30

so you can use this description list

00:21:37

okay so this way you can Implement

00:21:39

description list so these we won't be

00:21:42

implementing much in Aura and lwc so if

00:21:45

you if you skip this so that is also

00:21:47

okay no problem

00:21:49

now this is important like how we can

00:21:52

Implement nested HTML list

00:21:54

okay so nested HTML list is having

00:21:58

UL under UL we have Li then we have one

00:22:01

more Ally Then for this Ally list item T

00:22:05

we have one unordered list

00:22:08

right and in this unordered list we have

00:22:12

two more list items

00:22:15

okay so I think I can implement this for

00:22:19

you so that you can understand it

00:22:24

so under T I am going to implement this

00:22:27

so here we have

00:22:33

data this way so here I am going to

00:22:36

implement an ordered list

00:22:40

so I am having list item

00:22:46

black tea

00:22:49

then I'm pasting

00:22:54

green tea

00:22:56

okay so I just modified this now this is

00:22:59

kind of nested

00:23:01

list now if I refresh it

00:23:04

so you can see this way you will be

00:23:06

having the data

00:23:14

okay

00:23:17

so in in list like if you if you read

00:23:20

the note so note says

00:23:24

list items can contain new list

00:23:28

and other HTML elements like images and

00:23:32

links as well so yesterday I demoed you

00:23:35

like in table under TD you can use

00:23:38

images and links so similarly what you

00:23:41

can do here under list item you can use

00:23:44

some hyperlinks or images

00:23:46

so that I am going to show you with the

00:23:49

help of next example so if you focus on

00:23:51

this example so you will be able to

00:23:54

understand like how we can use HTML

00:23:57

links in

00:24:00

list item so just go through with this

00:24:02

example

00:24:03

so at left hand side all the CSS is

00:24:06

available and at right hand side

00:24:09

HTML code is available

00:24:15

okay so just just go through the code

00:24:17

then I will be implementing this code

00:24:20

for you so that you can understand what

00:24:22

is happening here

00:24:31

so under style we have an order list

00:24:36

padding is zero then inside unordered

00:24:40

list we have Li

00:24:41

so if you see on right hand side inside

00:24:44

unordered list we have one more element

00:24:46

that is Li and inside Li we have a

00:24:50

element so for

00:24:52

Uli display will be in line display

00:24:55

inline means list items won't be showing

00:24:59

in separate lines they will show in same

00:25:03

line in a single line all the list items

00:25:06

will be displayed this is the meaning of

00:25:09

UL Li

00:25:11

right so display inline means all the

00:25:14

list items will be available in the same

00:25:16

line

00:25:17

then we have u l l i a so this CSS will

00:25:21

be applied on a element so a element

00:25:24

background color will be black

00:25:26

foreground color will be white padding

00:25:28

will be 10 PX 20px so 10 PX from like

00:25:32

bot top and bottom and 20 PX from left

00:25:35

and right

00:25:37

then text decoration none so generally

00:25:39

if we create hyperlinks so there we have

00:25:43

underline so if you want to remove that

00:25:46

underline so you need to use text

00:25:47

decoration none

00:25:49

and this is border radius so we have

00:25:51

four borders of particular block so like

00:25:55

it is having four borders so two are

00:26:00

having four pixel and two are having

00:26:02

zero so with the help of result you will

00:26:04

be able to understand like how radius

00:26:06

will be available

00:26:08

and on a element if you hover Hoover

00:26:12

means if you take your mouse on that

00:26:15

link so background color will be changed

00:26:18

to Orange so initially background color

00:26:22

will be black but if you hover on that

00:26:24

link so it will be changed to Orange

00:26:29

right and at right hand side you can see

00:26:31

we have H2 heading then we have

00:26:34

unordered list inside that we have list

00:26:36

item and list item is having a element

00:26:39

with the href and all text then one more

00:26:42

Li with one a element then one more Ally

00:26:46

with another a element then we have one

00:26:49

more Li with one more a element so this

00:26:52

way four list items are available under

00:26:55

this unordered list

00:26:57

okay so this is about the code that I

00:27:01

explained to you and I hope you are able

00:27:04

to relate what is happening here now I

00:27:07

am going to implement this code for you

00:27:09

so that you can understand what is

00:27:11

actually happening in this code

00:27:15

okay so what I'm going to do

00:27:20

I am going to copy all this code

00:27:25

because if if we if I will be typing so

00:27:27

it will take lots of time so I'm just

00:27:29

creating a new file

00:27:34

and here I just pasted the CSS part now

00:27:40

I'm going to copy the HTML part

00:27:47

and I'm pasting it

00:27:55

okay so let's understand this now

00:27:58

so this is an ordered list CSS padding

00:28:01

will be zero one more unordered list so

00:28:04

Ally like output will be in same line

00:28:07

then this CSS is for a element that is

00:28:10

used inside Li so make sure like if we

00:28:13

write CSS like this so it means it will

00:28:15

be for inner element that is used inside

00:28:19

Uli right if you have used any a element

00:28:22

outside so the CSS won't be applied on

00:28:26

that element

00:28:27

so we have background color foreground

00:28:29

color padding text decoration and Border

00:28:31

radius then we have hover if you hover

00:28:34

on the link so it will be converted into

00:28:36

orange color

00:28:38

then we have this CSS sorry we have this

00:28:40

HTML so here you can see under this

00:28:43

order list we have list item one two

00:28:45

three four each list item is having a

00:28:48

element and this way uh data is

00:28:50

available

00:28:51

so now I'm going to save it so it will

00:28:54

be web 7.html

00:28:57

right

00:29:01

so file is saved now I am going to open

00:29:04

it

00:29:05

so you can see this way output is

00:29:07

available so horizontal list and you can

00:29:10

see all the list items are available in

00:29:12

same line

00:29:13

because of display inline

00:29:16

why it is happening because here we are

00:29:18

using display inline

00:29:20

okay now if you see the output so

00:29:23

background color is black foreground

00:29:26

color is white and if I hover on any

00:29:28

link so it is converting into orange

00:29:30

color

00:29:32

right and we have padding as well so you

00:29:36

can see in between we have a distance

00:29:38

and if you see it carefully so top

00:29:42

border is in round form and bottom is

00:29:46

sharp why it is because here we are

00:29:49

using a CSS border radius so four PX4 PX

00:29:53

is for top left and top right so uh

00:29:57

Corners are getting rounded off and uh

00:30:00

zero zero means bottom left and bottom

00:30:03

right so they are Sharp so if you change

00:30:05

these zeros to 4X or 5 PX so it will be

00:30:09

changed automatically

00:30:12

we can see this code with the help of

00:30:15

inspect so for that I just need to open

00:30:18

this code in Chrome so I'm just closing

00:30:22

it and I'm going to open it with the

00:30:24

help of Chrome

00:30:31

so I'm opening it in Chrome and here you

00:30:33

can see the result is available now in

00:30:36

Chrome if you right click so here we

00:30:38

have this option inspect if you click on

00:30:41

this option so your code will be

00:30:44

inspected and at right hand side you can

00:30:48

see these

00:30:50

are available so all the code is

00:30:52

available here

00:30:54

right so what is the benefit of

00:30:56

inspecting if you want to modify

00:30:58

something here

00:30:59

like if you want to do some changes in

00:31:02

the CSS and if if you want to check it

00:31:05

like here we have zero and I'm going to

00:31:07

change it to 4px

00:31:09

right if I press enter so you will see

00:31:13

the changes will be applied so here you

00:31:15

can see for HTML three corners are

00:31:17

rounded

00:31:18

for CSS JavaScript and PHP as well one

00:31:21

is sharp so this way if you want to do

00:31:25

some temporary changes in the HTML so

00:31:27

through this inspect you can do that

00:31:29

thing

00:31:33

right so I hope this is very important

00:31:36

and you understood like you just need to

00:31:38

right click click on inspect and you can

00:31:40

see the code here now one more thing if

00:31:44

you click on this icon

00:31:46

and if you go anywhere so you will be

00:31:50

seeing the CSS

00:31:53

right and things will be selected

00:31:55

automatically at right hand side you can

00:31:57

see on right hand side changes are

00:31:59

happening

00:32:00

right so you can just click and select

00:32:04

something so this way you will be able

00:32:06

to identify like which element is

00:32:09

available with the help of which code

00:32:13

okay so this we'll see when we'll be

00:32:16

implementing Orion lwc right so this is

00:32:19

important and here you can see at the

00:32:20

bottom uh this padding border margin is

00:32:23

also available which I explained you

00:32:26

yesterday

00:32:28

so this is basically margin then

00:32:31

padding so it is not shown so margin is

00:32:34

shown here

00:32:37

okay so this way you can inspect your

00:32:40

code and you can do necessary changes

00:32:43

now moving forward

00:32:53

so ashutosh if you change something in

00:32:56

the inspect it won't be reflecting in

00:32:59

your actual file so in actual file you

00:33:01

need to go and you need to make the

00:33:03

changes and then you need to save it

00:33:05

so those those inspect changes will be

00:33:07

for uh timing only

00:33:19

so okay so PSI venkatesh this thing I

00:33:23

demoed with the help of label I didn't

00:33:26

explain custom metadata so maybe you can

00:33:29

use label but if you want to use custom

00:33:32

metadata so custom metadata basically

00:33:34

creates an object where you can create

00:33:36

certain fields and those things you can

00:33:39

query in the code

00:33:44

okay moving forward next we have HTML

00:33:47

div

00:33:49

so it is also important if in your whole

00:33:52

document whole HTML page if you want to

00:33:55

create separate blocks so those are

00:33:59

created with the help of div and div is

00:34:02

basically division

00:34:03

here div is basically division so the

00:34:06

HTML div element is a block level

00:34:07

element that can be used as a container

00:34:10

for other HTML elements the div element

00:34:13

has no special meaning it has no

00:34:15

required attributes but styles are

00:34:17

common because it is a block level

00:34:19

element the browser will display line

00:34:21

breaks before and after it and when used

00:34:24

together with CSS the dev element can be

00:34:26

used to style blocks of content so here

00:34:30

you can see we have a code where Dev is

00:34:32

implemented

00:34:35

okay and okay I am moving back to the

00:34:40

slide so I think you are not able to

00:34:43

see few lines

00:34:48

so now I think you are able to see all

00:34:51

the statements properly so just go

00:34:53

through again so last statement says

00:34:55

when used together with CSS the div

00:34:58

element can be used to style blocks of

00:35:00

content

00:35:01

right so here we have an example

00:35:05

so we have a div where we have inline

00:35:08

styling applied uh background color

00:35:11

foreground color padding then we have H2

00:35:14

and P element so this is a div one div

00:35:17

okay and Here style will apply on hold

00:35:21

so H2 and P also use same style

00:35:25

right so what I'm going to do I am going

00:35:28

to copy this code for you

00:35:30

and I'm going to implement it

00:35:35

so here under this I am going to paste

00:35:38

it

00:35:45

okay so this div is created and inside

00:35:48

div you can see

00:35:50

we have P tag

00:35:57

inside div we have H2 and P tag and lots

00:36:01

of content is available I am just saving

00:36:03

this code and if I refresh okay let me

00:36:07

open it again so here you can see this

00:36:10

is the result of div

00:36:11

Dev background color is black foreground

00:36:14

color is white so that's why it is

00:36:16

showing it like this

00:36:18

and if I go to the code and if I change

00:36:21

the color so background color I am

00:36:23

changing to red

00:36:26

if I go here and refresh so it will be

00:36:29

changed

00:36:30

okay now if I want to use one more

00:36:33

div so what I can do I am just copying

00:36:36

it and I'm pasting it so I have two div

00:36:40

so here I am using green color

00:36:43

and uh like a code I'm having same so

00:36:48

here I am using one more like

00:36:52

second tab okay so this way like you can

00:36:55

have different codes in different divs

00:36:58

and different styles you can apply for

00:37:01

different div so if I refresh so here

00:37:03

you can see we have one more div and

00:37:06

this div is having color as green

00:37:08

background color

00:37:11

so this way if you want to have

00:37:13

different different blocks in your HTML

00:37:16

so you can Implement that with the help

00:37:19

of div

00:37:32

okay so I hope you are able to

00:37:35

understand this

00:37:38

now I am moving further so we have one

00:37:42

more example that is span so it is also

00:37:46

used sometime so basically it is also

00:37:49

simple so in a text

00:37:52

in a complete text if you want to change

00:37:55

styling of particular word so that you

00:37:58

can do with span

00:37:59

so span is basically inline element and

00:38:03

at the bottom you can see we have an

00:38:06

example and with the help of that

00:38:09

example I hope you are able to

00:38:11

understand how we are going to use it

00:38:14

okay so what I'm going to do here after

00:38:18

this div I am going to implement it so

00:38:26

you need to

00:38:31

write it like this my red heading and

00:38:33

now I need to apply okay no

00:38:36

here I need to write H1

00:38:40

and in between I will be writing this

00:38:42

pen

00:38:46

so this text red I just want to show it

00:38:49

in red color

00:38:50

so here I am writing style equals to

00:38:54

color colon red

00:38:57

so this way what will happen only this

00:38:59

red text will be in red color

00:39:01

my n heading will be in Black

00:39:04

so if I go here and refresh so here you

00:39:08

can see

00:39:09

this middle is in red color and rest are

00:39:13

in Black

00:39:14

so this way as per your requirement like

00:39:17

you can

00:39:19

use span tag as well

00:39:21

okay so I hope you are able to

00:39:24

understand the difference between div

00:39:25

and spam

00:39:27

so this is it for today so I hope you

00:39:31

are able to understand whatever I

00:39:32

explained and if you have any doubt so

00:39:35

you can ask

00:39:37

and I will try to answer

00:39:52

so price way uh you mentioned cheapest

00:39:56

so I like I just want to know you are

00:40:00

saying it in uh positive sense or

00:40:02

negative sense I'm not sure

00:40:05

but I am trying my best to give the

00:40:08

content to the audience so uh whatever

00:40:10

we will be using for it like Orion lwc

00:40:14

so all the basics related to HTML and

00:40:17

CSS VR understanding

00:40:19

so

00:40:21

if it is not up to the mark so I'm sorry

00:40:25

for that but I'm trying my hard to give

00:40:28

you enough knowledge

00:40:31

because HTML CSS the basic is same

00:40:34

right so I am explaining it in simple

00:40:36

ways so that you can understand

00:40:38

and uh everything whatever we have

00:40:41

discussed this week will be using

00:40:44

in Orion Albus lwc

00:40:53

so uh Jana whenever you need to apply

00:40:57

some CSS on whole block of code so then

00:41:01

you can use div

00:41:02

like here in this code what happened

00:41:06

for H2 and P we need to apply same CSS

00:41:10

for these three elements h2p and H1 I

00:41:13

need to apply same CSS so I created a

00:41:16

div and basis on that div that CSS will

00:41:19

be applied

00:41:24

right so

00:41:33

okay so I think Mirai is also liked so

00:41:38

thank you

00:41:42

so I hope

00:41:45

ya chandan uh these are enough and uh

00:41:49

while

00:41:51

working with Orion lwc if we need more

00:41:54

elements so we'll be discussing there I

00:41:57

just wanted to share Basics because in

00:42:00

this boot camp there are lots of known

00:42:03

it folks who have never worked with HTML

00:42:07

and CSS so that's why I kept these

00:42:10

sessions as a prerequisite so that

00:42:12

whenever they will be understanding

00:42:14

Orion lwc so they don't think we don't

00:42:16

know about HTML and CSS so with this

00:42:19

Basics everybody is on same page

00:42:22

right

00:42:24

and next week we will be discussing

00:42:26

about JavaScript so all the JavaScript

00:42:28

Basics I will be explaining you so that

00:42:30

you will be understanding that as well

00:42:32

then we'll be focusing on Aura and lwc

00:42:38

uh yes we can change anything so if you

00:42:43

want to change the Border radius so you

00:42:45

can apply CSS on div

00:42:52

yeah so Leo Tech will be creating that

00:42:55

with the help of Aura and lwc

00:43:02

uh so Praveen for that we have Marquee

00:43:05

tag like Raj shekhar already mentioned

00:43:07

we have a marquee tag through that we

00:43:10

can move the words from left to right

00:43:12

and right to left

00:43:13

so

00:43:15

if I write

00:43:20

Marquee and let's say I'm writing Sanjay

00:43:24

Gupta

00:43:26

tech school I am saving this code and if

00:43:29

I refresh

00:43:33

it is not coming

00:43:43

so I don't know it is in use yeah it is

00:43:48

it is working

00:43:49

it is working

00:44:00

yeah you can see this way our text is

00:44:03

moving from right to left

00:44:09

so someone is asking about Java bootcamp

00:44:12

so right now I have not planned

00:44:18

but surely I will do Java bootcamp as

00:44:21

well so my priority is Salesforce right

00:44:24

now uh along with I am focusing on C and

00:44:27

C plus plus after that I can start Java

00:44:30

bootcamp as well so lots of boot camp I

00:44:32

have planned so in Salesforce like uh

00:44:35

right now we are having lightning web

00:44:37

component bootcamp after that we'll be

00:44:39

having deployment related sessions so if

00:44:41

you see this session tracker so HTML CSS

00:44:44

we covered then we have JavaScript then

00:44:47

we'll be doing Aura component

00:44:48

development then lightning web component

00:44:51

then we'll be having deployment process

00:44:53

and GitHub then QA related session then

00:44:56

you will be having ba related session

00:44:59

then uh few Cloud specific sessions will

00:45:02

be there and I will be having sessions

00:45:05

on Omni Studio as well that is a

00:45:07

powerful tool for industry clouds

00:45:10

and apart from that next month Sumit who

00:45:14

took sessions on cyber security so he

00:45:17

will be taking sessions on devops and uh

00:45:21

one more friend of mine will be taking

00:45:23

sessions on data science and uh machine

00:45:27

learning EI things so I'm just creating

00:45:30

a team of people so that they can come

00:45:33

and deliver sessions so I will try to

00:45:35

have someone who will be delivering

00:45:38

sessions on Java as well right so like

00:45:41

in one one year or so like this year or

00:45:45

maybe till next year everything that is

00:45:48

related to it if someone wants to make

00:45:51

their career in it so all those tools

00:45:54

will be tools techniques languages will

00:45:57

be taught freely on this channel

00:46:04

you can say you can see after deployment

00:46:07

I will be having QA sessions then I will

00:46:09

be having ba business analyst related

00:46:12

sessions

00:46:13

right so I will be updating the sheet so

00:46:16

keep an eye on this sheet and Link of

00:46:18

the sheet is available in the

00:46:19

description of the video

00:46:21

and if you go here so you can see uh

00:46:25

from tomorrow like C and C plus plus

00:46:27

bootcamp will be starting so tomorrow I

00:46:29

will be giving the brief overview like

00:46:31

what is the boot camp and everything and

00:46:34

from next week Monday uh proper sessions

00:46:37

will be started

00:46:38

so this this will give you uh enough

00:46:41

Insight like how we can build the logic

00:46:44

basics of coding everything I will be

00:46:46

covering and this this coding bootcamp

00:46:49

like CNC plus plus it will be helpful

00:46:51

for all the b-tech students freshers

00:46:54

non-it folks those who are having career

00:46:57

Gap so if you want to strengthen your

00:47:00

logic building ability so everybody will

00:47:03

be benefited with this

00:47:09

okay so I hope uh you are liking

00:47:13

whatever I am doing for the community so

00:47:15

it takes lots of effort so do support me

00:47:18

because uh uh it takes uh additional

00:47:23

hours so along with job I am doing this

00:47:25

so in morning I do my regular job I am

00:47:29

also doing a job in uh in a software

00:47:32

company and uh when I come back at 5 PM

00:47:36

so after that uh from 5 PM to 10 or 11

00:47:40

pm I am dedicating all my time for these

00:47:44

boot camps which are part of Sanjay

00:47:47

Gupta tech school so this is my passion

00:47:49

and now I have uh like I'm doing this uh

00:47:54

this everything for the community so

00:47:56

that needy people can understand the

00:47:58

coding and they can try at least to

00:48:02

understand how they can implement the

00:48:04

coding and if they are able to

00:48:06

understand the coding so they will be

00:48:09

giving some interviews and like if

00:48:13

everything goes good so lots of folks

00:48:15

will be getting job in it sector right

00:48:18

so this is my initiative and I am doing

00:48:22

lots of effort every week so please

00:48:24

support me and share this initiative

00:48:26

with everybody whatever I'm doing

00:48:29

related to Salesforce ecosystem and

00:48:31

other languages

00:48:33

okay so this is it from my side

00:48:38

yeah cpq will be there so uh it it will

00:48:43

take some time so step by step

00:48:44

everything will be uh there on the

00:48:47

channel

00:48:50

uh yes yoga is definitely this is great

00:48:53

opportunity and on my YouTube channel

00:48:56

lots of videos are already available

00:48:58

related to C and C plus plus if if I

00:49:01

show you my YouTube channel

00:49:06

if I show you my YouTube channel so uh

00:49:09

on home screen only you will see lots of

00:49:14

our videos like here you can see I have

00:49:17

a C programming course so this is a

00:49:20

playlist for C interview question and

00:49:22

answers looping related programs array

00:49:25

1D array 2D array strings if if we go

00:49:28

forward then we have pointers functions

00:49:32

file handling dynamic memory location

00:49:35

structures Graphics so lots of videos

00:49:38

like more than 500 videos I already

00:49:41

created on C and C plus plus those are

00:49:43

available on my channel and uh like all

00:49:47

B Tech student uh whoever doing btec in

00:49:51

India so they are watching these videos

00:49:53

and they are learning programming so I

00:49:57

will be using these videos for reference

00:49:58

purpose but everything will be ex I will

00:50:02

be explaining through my live sessions

00:50:05

as well

00:50:10

like right now there is less information

00:50:14

available regarding Einstein GPT so once

00:50:17

lots of information are available on

00:50:19

platform so first I need to learn that

00:50:22

then I think we'll be having

00:50:26

content on that as well

00:50:28

so whatever is written here so I'm

00:50:31

trying to do that so C and C plus plus I

00:50:33

am starting soon Salesforce is already

00:50:36

ongoing cyber security one part is done

00:50:39

and next part will be starting soon

00:50:42

devops I will be starting from next

00:50:44

month and I am searching for uh someone

00:50:48

who can teach Java and then data science

00:50:51

and web and app development so

00:50:52

everything will be there by the end of

00:50:54

this year like all all boot camps will

00:50:57

be started and you will be having enough

00:51:02

knowledge

00:51:05

okay so just just one request do share

00:51:08

the word and write some reviews feedback

00:51:12

okay

00:51:17

so thank you so much for uh appreciating

00:51:20

my efforts Jyoti girija

00:51:22

and I will be doing this for Community

00:51:24

now this is part of my life

00:51:27

so YouTube and udemy just changed my

00:51:30

life

00:51:31

and like I I got

00:51:34

recognized throughout the world people

00:51:37

from all over the globe watching the

00:51:40

content so this app this motivates me so

00:51:43

thank you for uh supporting me so this

00:51:47

is it for today so we'll be connecting

00:51:49

next week and tomorrow uh we'll be

00:51:52

having a session overview session on CNC

00:51:56

plus plus bootcamp so if you inter if

00:51:58

you are interested so you can join

00:52:01

for CNC plus plus boot camp tomorrow's

00:52:05

session will be at 7 30 pm but regular

00:52:08

timing will be little late so what I'm

00:52:10

planning Salesforce timing will be 8 pm

00:52:15

Salesforce timing will be 8 pm

00:52:21

and uh for C and C plus plus

00:52:27

I am thinking to have it on 9 30 PM ist

00:52:33

so this I did decided as of now right

00:52:36

because prior to 8 PM I need some time

00:52:39

to prepare some content and slides all

00:52:41

so after my job like five to eight three

00:52:46

hours I need for that purpose

00:52:49

and after that like eight to nine I will

00:52:51

be available for Salesforce and uh CNC

00:52:56

plus plus I will be delivering from 9

00:52:58

30. I need half an hour break as well so

00:53:00

9 30 to 10 30 PM we'll be having CNC

00:53:03

Plus

00:53:04

and if I find someone who can deliver

00:53:06

the session so maybe uh 6 30 to 7 30 I

00:53:11

will be having one more boot camp but

00:53:13

that will be from next month

00:53:16

okay thank you everybody for supporting

00:53:19

me

00:53:20

so keep following the channel and spread

00:53:24

the word with the community thank you so

00:53:27

much see you tomorrow with the new boot camp

00:53:31

launch thank you

00:53:34

bye

Description:

Do you want to begin your Salesforce Journey & Build your Career in Salesforce Ecosystem??? Then Study Salesforce with Sanjay Gupta at $0 (ZERO) per day!!! Yes you read it Right! As Promised, I will be teaching Salesforce Admin & Development LIVE & FREE on Sanjay Gupta Tech School at Youtube. DON’T MISS THIS GOLDEN OPPORTUNITY AND FOLLOW SGTS ON BELOW PLATFORMS: Salesforce Bootcamp Session Tracker: https://docs.google.com/spreadsheets/d/1a-bxGs9nw37zpc2QyGCuoPMt3obFKMwVHdZSB4rHw1U/edit?usp=sharing Salesforce Project (Admin + Dev) : https://www.youtube.com/playlist?list=PL-gW8Fj5TGroRtc8XV6DfBdmt0UNfCC8r Salesforce Bootcamp Exercise Sheet: https://docs.google.com/document/d/1hy_O3G3cFDwGZtkvjH9-kjrwZYASds1zP7wSx_U2LQs/edit?usp=sharing Salesforce Bootcamp FAQs Sheet: https://docs.google.com/document/d/1IQbCHylEol9eKoYE92pxCGbJUq6djPrdhumF2XaQIWk/edit?usp=sharing Salesforce Bootcamp Recording Playlist: https://www.youtube.com/watch?v=mc5cQ1vHcr0&list=PL-gW8Fj5TGrqr9oCcfX1MWcoh2oluUHI9 Subscribe Telegram Channel: https://t.me/SanjayGuptaTechSchool Join Telegram Group (for Q&A): https://t.me/sanjayguptatechschools Follow on Instagram: https://www.instagram.com/sanjaygupta.techschool/ Follow LinkedIn Page: https://www.linkedin.com/company/sanjay-gupta-tech-school/ Subscribe Youtube Channel: www.youtube.com/SanjayGuptaTechSchool Follow on Twitter: https://twitter.com/techsanjaygupta Udemy Courses: https://www.udemy.com/user/sanjay-gupta-354/ Youtube Channel : Sanjay Gupta Tech School Please Subscribe as only Subscribers will be able to ask Questions Live: Channel Link: https://www.youtube.com/SanjayGuptaTechSchool Udemy Courses: Enroll Salesforce Admin Certification Masterclass : https://www.udemy.com/course/salesforce-admin-masterclass-salesforce-admin-for-beginners/?referralCode=1D3994DAFACD1308E7F8 Enroll Salesforce PD1 Certification Masterclass : https://www.udemy.com/course/salesforce-platform-developer-masterclass-apex-lightning-visualforce/?referralCode=BD5DE7C8C120344E2EA5 Enroll Salesforce Flow Builder Masterclass: https://www.udemy.com/course/salesforce-flow-builder-masterclass-lightning-flow-builder/?referralCode=9E61896CFCCB41901ECC Enroll Lightning Web Component (LWC) Masterclass: https://kadge.io/lwc Enroll Apex Trigger & Test Class Scenarios Masterclass: https://kadge.io/apex If you want to build your career as Salesforce Associate, Admin, Developer, Consultant, Business Analyst, Quality Analyst or in Sales Career, Service Careers, Marketing Careers in Salesforce Ecosystem then this is a Unique Opportunity for Everyone!!! No matter whether you are a Student, Fresher, Non-IT Professional or IT Professional. Everyone can learn Salesforce! This bootcamp will help you to prepare for Associate Cert, Admin Cert, PD1 Cert, App Builder Cert and BA Cert. All you need is: - Laptop - Internet - Daily 1.5 Hours (4 Days a week) - Follow Sanjay Gupta Tech School on LinkedIn - Trust in Sanjay Gupta You need to forget about? - Money - Confusion - Fraud - False Promises Timeline: Total Weeks : 20 Total Hours : 80-100 When : Daily 1.5 hour (Monday - Thursday) Start Date : 23 January, 2023 Time: 8.30 - 10 PM IST

Preparing download options

Popular

HD video

Only sound

All

* — If the video is playing in a new tab, go to it, then right-click on the video and select "Save video as..."

** — Link intended for online playback in specialized players

Questions about downloading video

How can I download "Day 71 | Salesforce Bootcamp 2023 | HTML & CSS for LWC | Learn Salesforce Live with Sanjay Gupta" video?

http://unidownloader.com/ website is the best way to download a video or a separate audio track if you want to do without installing programs and extensions.
The UDL Helper extension is a convenient button that is seamlessly integrated into YouTube, Instagram and OK.ru sites for fast content download.
UDL Client program (for Windows) is the most powerful solution that supports more than 900 websites, social networks and video hosting sites, as well as any video quality that is available in the source.
UDL Lite is a really convenient way to access a website from your mobile device. With its help, you can easily download videos directly to your smartphone.

Which format of "Day 71 | Salesforce Bootcamp 2023 | HTML & CSS for LWC | Learn Salesforce Live with Sanjay Gupta" video should I choose?

The best quality formats are FullHD (1080p), 2K (1440p), 4K (2160p) and 8K (4320p). The higher the resolution of your screen, the higher the video quality should be. However, there are other factors to consider: download speed, amount of free space, and device performance during playback.

Why does my computer freeze when loading a "Day 71 | Salesforce Bootcamp 2023 | HTML & CSS for LWC | Learn Salesforce Live with Sanjay Gupta" video?

The browser/computer should not freeze completely! If this happens, please report it with a link to the video. Sometimes videos cannot be downloaded directly in a suitable format, so we have added the ability to convert the file to the desired format. In some cases, this process may actively use computer resources.

How can I download "Day 71 | Salesforce Bootcamp 2023 | HTML & CSS for LWC | Learn Salesforce Live with Sanjay Gupta" video to my phone?

You can download a video to your smartphone using the website or the PWA application UDL Lite. It is also possible to send a download link via QR code using the UDL Helper extension.

How can I download an audio track (music) to MP3 "Day 71 | Salesforce Bootcamp 2023 | HTML & CSS for LWC | Learn Salesforce Live with Sanjay Gupta"?

The most convenient way is to use the UDL Client program, which supports converting video to MP3 format. In some cases, MP3 can also be downloaded through the UDL Helper extension.

How can I save a frame from a video "Day 71 | Salesforce Bootcamp 2023 | HTML & CSS for LWC | Learn Salesforce Live with Sanjay Gupta"?

This feature is available in the UDL Helper extension. Make sure that "Show the video snapshot button" is checked in the settings. A camera icon should appear in the lower right corner of the player to the left of the "Settings" icon. When you click on it, the current frame from the video will be saved to your computer in JPEG format.

What's the price of all this stuff?

It costs nothing. Our services are absolutely free for all users. There are no PRO subscriptions, no restrictions on the number or maximum length of downloaded videos.