Your First JavaScript Project | Focus on Today | Part 1 | JavaScript Projects | Ep.01

Inline elements p kaam nhi krta sir margin 😅

today i have done this project took help from this video

literally learnt a lot ...........and pta bhi chala ki mai abhi kitne pani mai hu .......... * *
------------

sir app ne sikhaya hai wo muze achese samaj aaya hai lekin ye project muze bina dekhe nahi aaya kya karna chahiye

sir mera figma design ka inspect open nahi ho raha hai kya karna chahiye

Love how u explain every small thing in detail ❤

Have you any react projects

Thank you very much, I visited your channel, you are a good teacher, I am very happy. I have been searching for a long time for a front-end channel that I can understand. I have watched the channel but you. K's channel has made me understand a lot especially the projects you have done are amazing it's a good experience for me your series is also good one I have seen in which you have full details about Frontent. I am from Pakistan but I respect everyone who shares knowledge you are doing a good job keep it up I pray to God that Allah will give you progress thanks

Bahut mast channel mila hai mujhe. Ye channel ek hidden gem hai. Aur aapke padhane ka tarika perfect laga. Kaash ke ye channel mujhe bahut pehle mila hota. To muje kahin aur video dekhne ki koi zaroorat na hoti. Now I am commited to your frontend playlist and your style of coding. No words to express my happiness at the end of the video. Just keep uploading, you are raising an army dude... Best wishes !!!

Ek no content ❤😊😊
But views is very less 😢

Seen more than 40 pages regarding javascript, but u come with full of knowledge how ? Playlist in English class are very super, but I couldn't understand Hindi am trying to learn ur javascript vedios it's hard to understand becz of communication any other options to learn or watch vedios in English regarding javascript or react or html or css sir ! And we like u from tamilnadu ! ❤

sir mujhe two elements ke beech ki padding nhi dikh rhi hai figma me iska kya solution hai ?

Best channel for the JavaScript

Bhaiya Ji Good Morning. Part 1 completed.

Sir vo sun wali images ek dusre ke uppar kaise lgegi btana plz

figma kha se sikha?

wish i found this channel 3-4 months ago.

many things of figma are not working in my device

many of figma features not working in my device

Hi Anurag sir for icon animation, is it ok to use keyframes? or it should be done without keyframes?

sir without pay ham khol hi nhi skte inspect in figma😒😒

anurag bhai UI to bna liye khud se but js LOGIC dekh kr add kruga 😒😒 .

input mai heigth, width, flex-grow kch kaam mnai kra hai.?????

bhaiya heavy yh bnda gajab hay bhai

sir how to get these figma desgins I search in figma but i dont find any good designs. The dsigns you have shown here are awesome. can u help please

bhai ye 2 - 2 class wala smjh me nhi aaya

Starting project completed the ui part🎉

Can't we use visibility:hidden for error-label @Procodrr?

how to select color from figma. color is not visible even after clicking on specific item like rectangle 2 or on any heading. Is this private ??

In-depth playlist thanks.

jai hind sir
sir flex-grow not working sir

1:3231 - logo challenge

I have a doubt that pehle apne goal container class select ki par fer usi me baad me goal container completed kr diya so voh means new class create hui ya pehle wali change hogyi aur app uspe style kaise kr rahe ho like sirf addha class ka name likh ke like .completed. custom-checkbox. Becoz jaise apne kiya vaise hi mai kr rhi hu but voh tick and green color aa hi ni rha hai.

If ANYONE CAN EXPLAIN PLZ THANKS

guys here is easy js code for this changing process bar tooo....



const checkboxlist=document.querySelectorAll('.checkbox')
const inputfields=document.querySelectorAll('.text')
const errorshow=document.querySelector('.lukau')
const msg=document.querySelector('.progess-value')
let count=0

checkboxlist.forEach((checkbox) => {
checkbox.addEventListener('click',(e)=>{
const allfieldfilled= [...inputfields].every(function(input) {
return input.value
})
if(allfieldfilled){
checkbox.parentElement.classList.toggle('completed')
if (checkbox.parentElement.classList.contains('completed')) {
count++
} else {
count--
}
if(count==1){
msg.style.width='33%'
msg.textContent='1/3 completed'
msg.style.visibility='visible'
}
else if(count==2){
msg.style.width='66%'
msg.textContent='2/3 completed'
msg.style.visibility='visible'
}
else if(count==3){
msg.style.width='100%'
msg.textContent='3/3 completed'
msg.style.visibility='visible'
}
else{
msg.style.visibility='hidden'
}
console.log(`Count: ${count}`)
}
else{
errorshow.style.visibility='visible'

}
})
})
inputfields.forEach((input)=>{
input.addEventListener('focus',()=>{
errorshow.style.visibility='hidden'

})
})

js complete code for process bar tooo

const checkboxlist=document.querySelectorAll('.checkbox')
const inputfields=document.querySelectorAll('.text')
const errorshow=document.querySelector('.lukau')
const msg=document.querySelector('.progess-value')
let count=0

checkboxlist.forEach((checkbox) => {
checkbox.addEventListener('click',(e)=>{
const allfieldfilled= [...inputfields].every(function(input) {
return input.value
})
if(allfieldfilled){
checkbox.parentElement.classList.toggle('completed')
if (checkbox.parentElement.classList.contains('completed')) {
count++
} else {
count--
}
if(count==1){
msg.style.width='33%'
msg.textContent='1/3 completed'
msg.style.visibility='visible'
}
else if(count==2){
msg.style.width='66%'
msg.textContent='2/3 completed'
msg.style.visibility='visible'
}
else if(count==3){
msg.style.width='100%'
msg.textContent='3/3 completed'
msg.style.visibility='visible'
}
else{
msg.style.visibility='hidden'
}
console.log(`Count: ${count}`)
}
else{
errorshow.style.visibility='visible'

}
})
})
inputfields.forEach((input)=>{
input.addEventListener('focus',()=>{
errorshow.style.visibility='hidden'

})
})

sir instead of show error class maine error-label ki visibility hidden kardi phir baad me javaScript ki help se visibility visible kardi to kya ye sahi hai >?? isse meri UI me bhi koi changing nahi aayi
aap se hi seekh kar ki hai

Really all students needs this course for web development learning series ❤😊

Span mai bhi class id ho sakta hai

why my figma is not showing margin padding and css

This is day 25
project start

❤❤❤❤❤

Done sir day11❤❤

i have already done this project so ill just watch the js logic applied here❤❤