00:02 Create a website with front-end animation and responsive design 01:58 The website has a clean and professional design with a navigation bar 06:11 Creating a new website with useful insights 08:06 Creating animated websites using HTML, CSS, and JS 11:52 Creating and styling the main div in HTML and CSS 13:45 Understanding the concept of height and color in web development. 17:25 Creating animated websites using HTML, CSS, and JS 19:17 Setting up responsive animated websites using HTML, CSS, and JS. 23:06 Understanding the use of absolute and relative positioning in HTML and CSS 24:53 Understanding the hover effect on h4 element 29:05 Creating links inside HTML tags 31:08 Creating animated websites using HTML, CSS, and JS 35:22 Installing and using new Haas display font 38:15 Applying custom fonts using CSS 41:42 Adjust line height and text alignment for website elements. 43:33 Finding and copying video sources using HTML and CSS 46:53 Setting height and width of elements using CSS 49:02 Creating a new folder and file for website setup 53:30 Creating animated websites using HTML, CSS, and JS 55:33 Creating a div named Hero Shape with CSS properties. 1:00:15 Applying blur effect using CSS 1:02:31 Creating animated websites with HTML, CSS, and JS. 1:06:36 Improving and promising better content in the next video 1:08:27 Discussing the implementation of linear gradient background 1:12:58 Creating animated websites with HTML, CSS, and JS 1:14:34 Downloading and saving the video 1:18:21 Using Locomotive GS library for smooth scrolling 1:20:07 Installing Locomotive JS and coding for smooth scrolling 1:23:58 Creating custom icons and using color codes for websites 1:25:37 Creating and implementing fav icons in websites. 1:29:05 Creating and styling elements using HTML and CSS 1:30:59 Creating and styling elements with HTML and CSS 1:34:25 Learn CSS animations with HTML and CSS 1:35:56 Creating animated websites with HTML, CSS, and JS 1:39:54 Creating animated website with HTML, CSS, and JS 1:41:56 Creating a responsive website using HTML, CSS, and JS. 1:45:47 Applying font styles and weights in CSS 1:47:38 Adjusting font sizes and line heights with CSS 1:51:48 Creating animated websites using HTML, CSS, and JS 1:53:59 Creating animated websites with HTML, CSS, and JS 1:58:15 Understanding the skew property for transforming element shapes 1:59:47 Applying linear transformations to create visual effects 2:03:39 Position relative and creating overlay for elements 2:05:22 Creating overlays with HTML and CSS 2:09:02 Styling website elements for improved visibility and aesthetics 2:11:09 Using JavaScript to manipulate website elements and create effects 2:14:53 Using JavaScript to manipulate and access image properties. 2:16:29 Accessing and manipulating elements using JavaScript 2:19:53 Creating and displaying dynamic images based on user interaction 2:21:24 Accessing and manipulating elements using JavaScript 2:25:10 Adjusting element positions using z-index, width, and height in CSS. 2:27:00 Implementing event listeners and handling events 2:31:11 Creating responsive animated websites with HTML, CSS, and JS 2:33:07 Understanding template literals and using background image properties. 2:36:24 Creating animated websites with HTML, CSS, and JS 2:38:27 Creating animated websites using HTML, CSS, and JS 2:41:31 Creating animated websites using HTML, CSS, and JS 2:43:14 Creating and positioning a footer with CSS 2:46:41 Creating animated scrolling effects using HTML and CSS 2:48:11 Adjusting visibility and styling of elements 2:52:20 Creating a GUI and using Swiper JS 2:53:57 Create animated websites with HTML, CSS, and JS using a swiper library. 2:57:22 Using centered auto feature for responsive design 2:59:02 Creating animated websites using HTML, CSS, and JS 3:02:39 Implementing JavaScript for slider animation 3:04:30 Customizing swiper animation and design elements 3:08:06 Creating a responsive website using HTML, CSS, and JS. 3:09:51 Creating responsive design for screens below 600 pixels 3:13:13 Creating a responsive animated menu 3:14:58 Styling elements using HTML and CSS 3:18:52 Creating animated websites with HTML, CSS, and JS. 3:21:12 Animating website elements using CSS transitions and flags 3:25:02 Styling and layout adjustments using HTML, CSS, and JS 3:26:57 Creating animated websites with HTML, CSS, and JS Crafted by Merlin AI.
1:44:38 we can set width:22% exact so that the tag text align according to the original website. But best to do this is 1:47:50 in this we will use both width and to adjust the alignment of the text according to the original website.
Founding sheryians channel is like finding a treasure to me! i've never seen any other tutor with this much dedication and hard work! It's just UNBELIEVABLE ! Sarthak sir, you are truly truly amazing! Sheryians Coding School is really evolving the way of teaching web dev. ! I'm so grateful and lucky to find this channel! My heartfelt thanks to Sheryians coding school...and a very special thnx to u sarthak sir for this GREAT tutorial! ❤🙏
Bhai tum log bhot mahenat krte ho thanks itna acha phadane ne liye bhot details me padha te ho Koi bhi UA-camr itna details me nahi padata sarthak bhai ke liye tho aalag hi respect hai ❤
#fullycompleted saar_thack bhaiya 👄 is vidoe se really me itna sab kuchh sikhane ko mil gya ki ab kisi bhi website responsive and dynamic bannane ke liye sahi logic laga payenge ki akhir is me kya hona chahiye or kya ho rha hai is video ki help se mere jo vw ,vh ,position, animation par or bhi command ho gayi THANK YOU BHAIYA♥
Mai UA-cam scrol krta hua is video tak pouncha or ya 4 hours ki video complete dekhi or 3 din ki struggle ka bad ya design bnaya absolutely amazing and outstanding quality content deliverd in this video, mai aj ya UA-cam channel subscribe kr raha hu or apni community mai zarur recommend kro ga or inshallah i am going your website for purchased the Frontend Domination Course to learn the advanced level of web development to beat my community of web developer.
bina video dekhe hi like hai brothers ❤ksm se keh rha hu bhai 4 saal se coding ker rha hu lekin bhai aap log jaisa koi ni sikhata aur sbse bdi baat ek developer hi smjh skta hai bs khne ko 4 ghnte ki video hai actually to mehnat usse bhi jada ki hai...LOVE YOU BROTHERS ❤
Thank you for going in-depth to help us understand the JS part around 2:15:00. Really, thank you so much. These things make our channel stand out from the crowd.
love you bhaiya so much , aap log wo diamond ha jo abhi chupa hua hai sab ke nazar se youtube pe sabse accha web development ka channel aapka he hai, love you so much bhaiya
1:39:30 .con { white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: 2vw; animation: moves 10s linear infinite; } , rather than doing display inline block , making it flex will help to align the items also as well as we can use gap property rather than giving margin in viewport. {just a suggesting correct me if I am wrong.}
Amazing 00:02 Create a website with front-end animation and responsive design 01:58 The website has a clean and professional design with a navigation bar 06:11 Creating a new website with useful insights 08:06 Creating animated websites using HTML, CSS, and JS 11:52 Creating and styling the main div in HTML and CSS 13:45 Understanding the concept of height and color in web development. 17:25 Creating animated websites using HTML, CSS, and JS 19:17 Setting up responsive animated websites using HTML, CSS, and JS. 23:06 Understanding the use of absolute and relative positioning in HTML and CSS 24:53 Understanding the hover effect on h4 element 29:05 Creating links inside HTML tags 31:08 Creating animated websites using HTML, CSS, and JS 35:22 Installing and using new Haas display font 38:15 Applying custom fonts using CSS 41:42 Adjust line height and text alignment for website elements. 43:33 Finding and copying video sources using HTML and CSS 46:53 Setting height and width of elements using CSS 49:02 Creating a new folder and file for website setup 53:30 Creating animated websites using HTML, CSS, and JS 55:33 Creating a div named Hero Shape with CSS properties. 1:00:15 Applying blur effect using CSS 1:02:31 Creating animated websites with HTML, CSS, and JS. 1:06:36 Improving and promising better content in the next video 1:08:27 Discussing the implementation of linear gradient background 1:12:58 Creating animated websites with HTML, CSS, and JS 1:14:34 Downloading and saving the video 1:18:21 Using Locomotive GS library for smooth scrolling 1:20:07 Installing Locomotive JS and coding for smooth scrolling 1:23:58 Creating custom icons and using color codes for websites 1:25:37 Creating and implementing fav icons in websites. 1:29:05 Creating and styling elements using HTML and CSS 1:30:59 Creating and styling elements with HTML and CSS 1:34:25 Learn CSS animations with HTML and CSS 1:35:56 Creating animated websites with HTML, CSS, and JS 1:39:54 Creating animated website with HTML, CSS, and JS 1:41:56 Creating a responsive website using HTML, CSS, and JS. 1:45:47 Applying font styles and weights in CSS 1:47:38 Adjusting font sizes and line heights with CSS 1:51:48 Creating animated websites using HTML, CSS, and JS 1:53:59 Creating animated websites with HTML, CSS, and JS 1:58:15 Understanding the skew property for transforming element shapes 1:59:47 Applying linear transformations to create visual effects 2:03:39 Position relative and creating overlay for elements 2:05:22 Creating overlays with HTML and CSS 2:09:02 Styling website elements for improved visibility and aesthetics 2:11:09 Using JavaScript to manipulate website elements and create effects 2:14:53 Using JavaScript to manipulate and access image properties. 2:16:29 Accessing and manipulating elements using JavaScript 2:19:53 Creating and displaying dynamic images based on user interaction 2:21:24 Accessing and manipulating elements using JavaScript 2:25:10 Adjusting element positions using z-index, width, and height in CSS. 2:27:00 Implementing event listeners and handling events 2:31:11 Creating responsive animated websites with HTML, CSS, and JS 2:33:07 Understanding template literals and using background image properties. 2:36:24 Creating animated websites with HTML, CSS, and JS 2:38:27 Creating animated websites using HTML, CSS, and JS 2:41:31 Creating animated websites using HTML, CSS, and JS 2:43:14 Creating and positioning a footer with CSS 2:46:41 Creating animated scrolling effects using HTML and CSS 2:48:11 Adjusting visibility and styling of elements 2:52:20 Creating a GUI and using Swiper JS 2:53:57 Create animated websites with HTML, CSS, and JS using a swiper library. 2:57:22 Using centered auto feature for responsive design 2:59:02 Creating animated websites using HTML, CSS, and JS 3:02:39 Implementing JavaScript for slider animation 3:04:30 Customizing swiper animation and design elements 3:08:06 Creating a responsive website using HTML, CSS, and JS. 3:09:51 Creating responsive design for screens below 600 pixels 3:13:13 Creating a responsive animated menu 3:14:58 Styling elements using HTML and CSS 3:18:52 Creating animated websites with HTML, CSS, and JS. 3:21:12 Animating website elements using CSS transitions and flags 3:25:02 Styling and layout adjustments using HTML, CSS, and JS 3:26:57 Creating animated websites with HTML, CSS, and JS Crafted by Merlin AI.
I used to watch your videos on React and try to learn the concepts. All are useful for developers. If it is possible to create one UI which a developer has to develop by watching and checking through Figma So all developers will get concepts that how to create any UI using Figma.
sarthak bhaiya ap jese or jis speed se padate ho .. humaesha ese hi padana .. ap bhot acha samjhate ho ..or ap jo choti choti cheze bhi bar bar samjhate ho ..that literally helps .. and we proud of you to make your student's carrer bright .. and we want awward websites more .. but please all must be responsive .. love you bhaiya
I'm from Pakistan and if you believe me I've never watched any video more then 5 to 6 minutes on UA-cam since 2007 but now I'm watching you from 0 to 1:08:25 current time 🎉
sarthak bhaiya ap jese or jis speed se padate ho .. humaesha ese hi padana .. ap bhot acha samjhate ho ..or ap jo choti choti cheze bhi bar bar samjhate ho ..that literally helps .. and we proud of you to make your student's carrer bright .. and we want awward websites more .. but please all must be responsive .. love you bhaiya ❤❤❤❤❤❤
The main difference between the sheriyans and codewithharry is that sheriyans show all the resources they use so that it can also help us also they taught deeply which is very important but Harry doesn't show them he shows that he knows everything and also doesn't taught deeply Love for sheriyans❤️ Ab mujhe nahi pata ki koyi bhi Harry ka student AA ke mujhe kuch kahe lekin Haan sheriyans is the best sheriyans is the last❤️😊
Thanks for such a great website tutorial learned a lot from this tutorial. I completed the whole website and I tried to created the bottom part self. I will post it on my linkedIn and tag you also
Harsh And Sharthak Bhaii aap dono boht jyada mast ho .. app dono yaar chije itne assani se smjhaate ho samajh aa jata hai 4hour ki video kaa ptaa hi nhi chalta
2:53:24 => Understand Locomotive use and meaning 1. 39:00 => How to apply any font in the page? 2. 1:22:00 => How to copy any icon from a random webpage? 3. 1:37:00 => Remove scrollbar, bottom, then just below the wrapper div make it disappear, #moving-text::web-Tool-Kit{ display: none;} 4. 1:40:00 => Gsap Animation
Bare vai aur nahi, ab jyada ho raha he.. Itna sehne ki adat nahi he hamara. Bas vi karo. Jan to nahi de paaunga, kush aur manglo , sabkush hajir he.. Really mind blowing , amazing.. its enough to learn everything about basic designing. You can watch this as first move of become a frontend developer.. Bas bare vai aap khud parate to thora aur maja ate.. 👍👍👍✊✊👊👊🤩🤩🤩❤❤❤
Just watched the 30 mint of the video while practicing it. In just 30 mint learned lots of key points which I knew but reason behind those points I got to know today. ❤❤
You said to comment at 1:07:00 that's why here and I respect you and your whole team a lot lot. You said to give some suggestion for improvement even though you are awesome and really have a place in thousands of hearts, My 2 cents on this is (as a humble request): Please don't use abusive language then you'll get a really genuine respect as a gentle teacher, I know most ppl think it's only a style of teaching but it's not at any how. Hope it's making sense. Thanks a lot again😊😊
thanks, i helped a lot in my journey. A request, in the end of the video just repeat the things(libraries/freameworks/bootstrap) used in the code in short ,in in 5 minutes so that ,after completion of whole video it is recalled once again.
Kuch sound ka glitch ho gya hoga is liye kuch devices me sound ka problem ho rha hai ek baar reload karke try karo aa jayegi voice❤️
Ni aarhi birather
Akash Bhai ne sound mute kardia edit karte time 😂
Sir NAHI arahi 🥹
Stil Problem
Sir nh arhi sound
00:02 Create a website with front-end animation and responsive design
01:58 The website has a clean and professional design with a navigation bar
06:11 Creating a new website with useful insights
08:06 Creating animated websites using HTML, CSS, and JS
11:52 Creating and styling the main div in HTML and CSS
13:45 Understanding the concept of height and color in web development.
17:25 Creating animated websites using HTML, CSS, and JS
19:17 Setting up responsive animated websites using HTML, CSS, and JS.
23:06 Understanding the use of absolute and relative positioning in HTML and CSS
24:53 Understanding the hover effect on h4 element
29:05 Creating links inside HTML tags
31:08 Creating animated websites using HTML, CSS, and JS
35:22 Installing and using new Haas display font
38:15 Applying custom fonts using CSS
41:42 Adjust line height and text alignment for website elements.
43:33 Finding and copying video sources using HTML and CSS
46:53 Setting height and width of elements using CSS
49:02 Creating a new folder and file for website setup
53:30 Creating animated websites using HTML, CSS, and JS
55:33 Creating a div named Hero Shape with CSS properties.
1:00:15 Applying blur effect using CSS
1:02:31 Creating animated websites with HTML, CSS, and JS.
1:06:36 Improving and promising better content in the next video
1:08:27 Discussing the implementation of linear gradient background
1:12:58 Creating animated websites with HTML, CSS, and JS
1:14:34 Downloading and saving the video
1:18:21 Using Locomotive GS library for smooth scrolling
1:20:07 Installing Locomotive JS and coding for smooth scrolling
1:23:58 Creating custom icons and using color codes for websites
1:25:37 Creating and implementing fav icons in websites.
1:29:05 Creating and styling elements using HTML and CSS
1:30:59 Creating and styling elements with HTML and CSS
1:34:25 Learn CSS animations with HTML and CSS
1:35:56 Creating animated websites with HTML, CSS, and JS
1:39:54 Creating animated website with HTML, CSS, and JS
1:41:56 Creating a responsive website using HTML, CSS, and JS.
1:45:47 Applying font styles and weights in CSS
1:47:38 Adjusting font sizes and line heights with CSS
1:51:48 Creating animated websites using HTML, CSS, and JS
1:53:59 Creating animated websites with HTML, CSS, and JS
1:58:15 Understanding the skew property for transforming element shapes
1:59:47 Applying linear transformations to create visual effects
2:03:39 Position relative and creating overlay for elements
2:05:22 Creating overlays with HTML and CSS
2:09:02 Styling website elements for improved visibility and aesthetics
2:11:09 Using JavaScript to manipulate website elements and create effects
2:14:53 Using JavaScript to manipulate and access image properties.
2:16:29 Accessing and manipulating elements using JavaScript
2:19:53 Creating and displaying dynamic images based on user interaction
2:21:24 Accessing and manipulating elements using JavaScript
2:25:10 Adjusting element positions using z-index, width, and height in CSS.
2:27:00 Implementing event listeners and handling events
2:31:11 Creating responsive animated websites with HTML, CSS, and JS
2:33:07 Understanding template literals and using background image properties.
2:36:24 Creating animated websites with HTML, CSS, and JS
2:38:27 Creating animated websites using HTML, CSS, and JS
2:41:31 Creating animated websites using HTML, CSS, and JS
2:43:14 Creating and positioning a footer with CSS
2:46:41 Creating animated scrolling effects using HTML and CSS
2:48:11 Adjusting visibility and styling of elements
2:52:20 Creating a GUI and using Swiper JS
2:53:57 Create animated websites with HTML, CSS, and JS using a swiper library.
2:57:22 Using centered auto feature for responsive design
2:59:02 Creating animated websites using HTML, CSS, and JS
3:02:39 Implementing JavaScript for slider animation
3:04:30 Customizing swiper animation and design elements
3:08:06 Creating a responsive website using HTML, CSS, and JS.
3:09:51 Creating responsive design for screens below 600 pixels
3:13:13 Creating a responsive animated menu
3:14:58 Styling elements using HTML and CSS
3:18:52 Creating animated websites with HTML, CSS, and JS.
3:21:12 Animating website elements using CSS transitions and flags
3:25:02 Styling and layout adjustments using HTML, CSS, and JS
3:26:57 Creating animated websites with HTML, CSS, and JS
Crafted by Merlin AI.
Ye Merlin Ai kisi bhi video ke timestamp bana deta he?
@@rohanrajput_9 hn agar English subtitles ho toh ya English video
@@jhonsnow534 ok ty
Super brother ❤️❤️
Thanks
4hrs of pure knowledge with combo of fun!!. never flet bored to watch any of the website building videos
1:44:38 we can set width:22% exact so that the tag text align according to the original website. But best to do this is 1:47:50 in this we will use both width and to adjust the alignment of the text according to the original website.
Founding sheryians channel is like finding a treasure to me! i've never seen any other tutor with this much dedication and hard work! It's just UNBELIEVABLE ! Sarthak sir, you are truly truly amazing! Sheryians Coding School is really evolving the way of teaching web dev. ! I'm so grateful and lucky to find this channel! My heartfelt thanks to Sheryians coding school...and a very special thnx to u sarthak sir for this GREAT tutorial! ❤🙏
Bhai tum log bhot mahenat krte ho thanks itna acha phadane ne liye bhot details me padha te ho
Koi bhi UA-camr itna details me nahi padata sarthak bhai ke liye tho aalag hi respect hai ❤
#fullycompleted saar_thack bhaiya 👄 is vidoe se really me itna sab kuchh sikhane ko mil gya ki ab kisi bhi website responsive and dynamic bannane ke liye sahi logic laga payenge ki akhir is me kya hona chahiye or kya ho rha hai
is video ki help se mere jo vw ,vh ,position, animation par or bhi command ho gayi THANK YOU BHAIYA♥
Mai UA-cam scrol krta hua is video tak pouncha or ya 4 hours ki video complete dekhi or 3 din ki struggle ka bad ya design bnaya absolutely amazing and outstanding quality content deliverd in this video, mai aj ya UA-cam channel subscribe kr raha hu or apni community mai zarur recommend kro ga or inshallah i am going your website for purchased the Frontend Domination Course to learn the advanced level of web development to beat my community of web developer.
completed this website now I will show it as my minor project in 6th sem. amazing project sarthak bhaiya
bro you completed this site right, is there any problem you are facing
@@Asifkhan-rv2bcyes im facing in mobile there are a black screen coming from nav but in pc its not
@@alcoholplays coz media query is working, you have to handle media query to get same nav effect
best video for pure knowledge of html , css and javascript #fullycompleted
Bro, your videos act as a refresh button for my skills. Great work!
bina video dekhe hi like hai brothers ❤ksm se keh rha hu bhai 4 saal se coding ker rha hu lekin bhai aap log jaisa koi ni sikhata aur sbse bdi baat ek developer hi smjh skta hai bs khne ko 4 ghnte ki video hai actually to mehnat usse bhi jada ki hai...LOVE YOU BROTHERS ❤
Thank you for going in-depth to help us understand the JS part around 2:15:00. Really, thank you so much. These things make our channel stand out from the crowd.
Watching frm pak..awsome teaching style😊
I am also watch in pakistan
great teacher in development side
love you bhaiya so much , aap log wo diamond ha jo abhi chupa hua hai sab ke nazar se youtube pe sabse accha web development ka channel aapka he hai, love you so much bhaiya
This is Actually Quality Content...
Thanks for giving us For Free...
Allah Will definitely give you Reward for this❤
Vaise to mai bs video hi dekh rhi thi... But vo animation seekhne ke bad turant hi code krna start kr diya... Interesting laga🙂
1:39:30
.con {
white-space: nowrap;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 2vw;
animation: moves 10s linear infinite;
} , rather than doing display inline block , making it flex will help to align the items also as well as we can use gap property rather than giving margin in viewport. {just a suggesting correct me if I am wrong.}
Aaj to bss 1:39:24 bss ho gai bhai tum kamal ho tumhein khud bhi andaza nhi h samjha rE ho 😂❤
literally you explains everything very well but in this video you taught very formally. The only request is plz teach us as you always does with humor
This is a promisingUA-cam channel. I am Surprised.
Amazing
00:02 Create a website with front-end animation and responsive design
01:58 The website has a clean and professional design with a navigation bar
06:11 Creating a new website with useful insights
08:06 Creating animated websites using HTML, CSS, and JS
11:52 Creating and styling the main div in HTML and CSS
13:45 Understanding the concept of height and color in web development.
17:25 Creating animated websites using HTML, CSS, and JS
19:17 Setting up responsive animated websites using HTML, CSS, and JS.
23:06 Understanding the use of absolute and relative positioning in HTML and CSS
24:53 Understanding the hover effect on h4 element
29:05 Creating links inside HTML tags
31:08 Creating animated websites using HTML, CSS, and JS
35:22 Installing and using new Haas display font
38:15 Applying custom fonts using CSS
41:42 Adjust line height and text alignment for website elements.
43:33 Finding and copying video sources using HTML and CSS
46:53 Setting height and width of elements using CSS
49:02 Creating a new folder and file for website setup
53:30 Creating animated websites using HTML, CSS, and JS
55:33 Creating a div named Hero Shape with CSS properties.
1:00:15 Applying blur effect using CSS
1:02:31 Creating animated websites with HTML, CSS, and JS.
1:06:36 Improving and promising better content in the next video
1:08:27 Discussing the implementation of linear gradient background
1:12:58 Creating animated websites with HTML, CSS, and JS
1:14:34 Downloading and saving the video
1:18:21 Using Locomotive GS library for smooth scrolling
1:20:07 Installing Locomotive JS and coding for smooth scrolling
1:23:58 Creating custom icons and using color codes for websites
1:25:37 Creating and implementing fav icons in websites.
1:29:05 Creating and styling elements using HTML and CSS
1:30:59 Creating and styling elements with HTML and CSS
1:34:25 Learn CSS animations with HTML and CSS
1:35:56 Creating animated websites with HTML, CSS, and JS
1:39:54 Creating animated website with HTML, CSS, and JS
1:41:56 Creating a responsive website using HTML, CSS, and JS.
1:45:47 Applying font styles and weights in CSS
1:47:38 Adjusting font sizes and line heights with CSS
1:51:48 Creating animated websites using HTML, CSS, and JS
1:53:59 Creating animated websites with HTML, CSS, and JS
1:58:15 Understanding the skew property for transforming element shapes
1:59:47 Applying linear transformations to create visual effects
2:03:39 Position relative and creating overlay for elements
2:05:22 Creating overlays with HTML and CSS
2:09:02 Styling website elements for improved visibility and aesthetics
2:11:09 Using JavaScript to manipulate website elements and create effects
2:14:53 Using JavaScript to manipulate and access image properties.
2:16:29 Accessing and manipulating elements using JavaScript
2:19:53 Creating and displaying dynamic images based on user interaction
2:21:24 Accessing and manipulating elements using JavaScript
2:25:10 Adjusting element positions using z-index, width, and height in CSS.
2:27:00 Implementing event listeners and handling events
2:31:11 Creating responsive animated websites with HTML, CSS, and JS
2:33:07 Understanding template literals and using background image properties.
2:36:24 Creating animated websites with HTML, CSS, and JS
2:38:27 Creating animated websites using HTML, CSS, and JS
2:41:31 Creating animated websites using HTML, CSS, and JS
2:43:14 Creating and positioning a footer with CSS
2:46:41 Creating animated scrolling effects using HTML and CSS
2:48:11 Adjusting visibility and styling of elements
2:52:20 Creating a GUI and using Swiper JS
2:53:57 Create animated websites with HTML, CSS, and JS using a swiper library.
2:57:22 Using centered auto feature for responsive design
2:59:02 Creating animated websites using HTML, CSS, and JS
3:02:39 Implementing JavaScript for slider animation
3:04:30 Customizing swiper animation and design elements
3:08:06 Creating a responsive website using HTML, CSS, and JS.
3:09:51 Creating responsive design for screens below 600 pixels
3:13:13 Creating a responsive animated menu
3:14:58 Styling elements using HTML and CSS
3:18:52 Creating animated websites with HTML, CSS, and JS.
3:21:12 Animating website elements using CSS transitions and flags
3:25:02 Styling and layout adjustments using HTML, CSS, and JS
3:26:57 Creating animated websites with HTML, CSS, and JS
Crafted by Merlin AI.
tq so much i learn alot My skills improved after watching your videos
Mind-blowing and fantastic ekdum zabardast content!!!
Bhai you are doing lot of efforts and you are now become our programming hero!!!!!!
No audio 🥲
Edit : Guys video me audio ka issue hora hai jb 1st time open karo but video close krkr reopen kro shi ho jayega👍🏻
i really recommended this channel because of your teaching style and trust me you are explaining very nicely everything and really appreciated to you
Real developer , Thums up to your hard work
#fullycompleted nice work, special adding the new concepts with good starting approach.
Thank you sarthak bhaiya for this amazing lecture, i learned lot from this lecture ❤❤
sir ye intro hi to energy boost ke deta hai...pleaseise hi continue rakhiye....
😁😁😁😁😘😘
Waiting for React Part 2 ❤❤
I used to watch your videos on React and try to learn the concepts. All are useful for developers.
If it is possible to create one UI which a developer has to develop by watching and checking through Figma
So all developers will get concepts that how to create any UI using Figma.
Thank you for the awesome content! This video has been extremely helpful in making my website responsive. I really appreciate it! ;)😊🔥🔥🔥🔥
sarthak bhaiya ap jese or jis speed se padate ho .. humaesha ese hi padana .. ap bhot acha samjhate ho ..or ap jo choti choti cheze bhi bar bar samjhate ho ..that literally helps .. and we proud of you to make your student's carrer bright .. and we want awward websites more .. but please all must be responsive .. love you bhaiya
I'm from Pakistan and if you believe me I've never watched any video more then 5 to 6 minutes on UA-cam since 2007 but now I'm watching you from 0 to 1:08:25 current time 🎉
Thanks Sarthak bhai #fulluCompleted 😘😘😘
Love the intro ❤ how you guys make a different style of content that is soo priceless ❤🎉
sarthak bhaiya ap jese or jis speed se padate ho .. humaesha ese hi padana .. ap bhot acha samjhate ho ..or ap jo choti choti cheze bhi bar bar samjhate ho ..that literally helps .. and we proud of you to make your student's carrer bright .. and we want awward websites more .. but please all must be responsive .. love you bhaiya ❤❤❤❤❤❤
Nice video. Full class done. 3:55:56
bhaiya apne koi bhi kami nahi you're absolutely perfect
The main difference between the sheriyans and codewithharry is that sheriyans show all the resources they use so that it can also help us also they taught deeply which is very important but Harry doesn't show them he shows that he knows everything and also doesn't taught deeply
Love for sheriyans❤️
Ab mujhe nahi pata ki koyi bhi Harry ka student AA ke mujhe kuch kahe lekin Haan sheriyans is the best sheriyans is the last❤️😊
You are extremely right😊 👍🏻
Starting discussion give us team spirit and also motivation. Love you guys
Loved it bhaiya😍😍
Awesome Tutorial! Loved it a lot 🔥🔥🔥🔥
bhai aise tutorials chaye bahut bhadya kaam krte ho app log thanks
Lots of love from Pakistan ❤
Bhai aana hai mujhe pakistan me kaise aasakta hu kuch idea hai kya taaro ke niche se😂
Very good video. Bahut kuch sikhne ko mila.
🥰🥰😍😍
Wow.
I am a student of web developer.
I am your new subscriber and learner.
Plz guide me detail what I do
Bhai Mjaaa aa gyaa.. Ese Cool and Professional Website hmaare paas laane k liye aap logo ka Dil Dhanyaawaad❤
Thanks for such a great website tutorial learned a lot from this tutorial. I completed the whole website and I tried to created the bottom part self. I will post it on my linkedIn and tag you also
Bhaiii Dil se jo khusi Hui h na ise complete krne k baad man Kiya laptop phor du 😂
Dil se love from Bihar keep growing bhaiya
you just keep working hard . god bless you and thank you so much
Great bhai. Keep teaching us❤
best youtube channel for front end projects great work guys
Harsh And Sharthak Bhaii aap dono boht jyada mast ho .. app dono yaar chije itne assani se smjhaate ho samajh aa jata hai 4hour ki video kaa ptaa hi nhi chalta
Sarthak bhai samjate bhaut acche ho I like you ❤
bhai ap ne meri ek problem solve kardi, bhai dil se shukria. 😍
Jabbarjast.....too much excellent... 🫶🏻❤️🔥❤️🔥❤️🔥❤️🔥❤️🔥❤️🔥
Bhaiya aap ne bohot achi tarikese sikhaya hai ..❤
Sheriyans Coding School...❤
your teaching way is NOT so fast, it is understood :) thanks for teaching😇
well done bro! keep it up.
you are doing great for us
thankyou so much
love you bhai
2:53:24 => Understand Locomotive use and meaning
1. 39:00 => How to apply any font in the page?
2. 1:22:00 => How to copy any icon from a random webpage?
3. 1:37:00 => Remove scrollbar, bottom, then just below the wrapper div make it disappear, #moving-text::web-Tool-Kit{ display: none;}
4. 1:40:00 => Gsap Animation
Tum sa koi nhi sheryians, puray youtube pr! Keep Growing!!! Best Wishes! From Pakistan!
❤❤ bhot maja aa gya bhiyav
You are awesome and your style is infectious
bhaiya aap bahut aachya samjate ho 😍😍 sahi maja aaya video dekh kar
everythng is best bhaiya...you show us how to approach from scratch.
and what i learn from this video is...learn from doing experiments and trials
1:06:50 bhaiya u are the best teacher I have seen in my life and I like you the way you are......
you are amazing person
#fullycompleted very informative video, learned lot from this, keep posting content like this. 🙂🙂
bhai mja aa gya ,thanks for amazing video
your way of teaching is fabulous 😍😍
Bare vai aur nahi, ab jyada ho raha he..
Itna sehne ki adat nahi he hamara.
Bas vi karo.
Jan to nahi de paaunga, kush aur manglo , sabkush hajir he..
Really mind blowing , amazing.. its enough to learn everything about basic designing. You can watch this as first move of become a frontend developer..
Bas bare vai aap khud parate to thora aur maja ate..
👍👍👍✊✊👊👊🤩🤩🤩❤❤❤
I loved bhaiya
Nice website creating ❤
completed the Project , Thank you brother for a wonderful Tutorial 😍😍
Bro ..I literally learned a lot …related to web development after watching ur videos .🖤 Always love and support from Bangladesh 🇧🇩🖤
you be so intelligent...thankyou for this amazing tutorial sir
26:33 Going well without mistake.. 🤠👍🏻
awesome sarthak bahiya
frontend bahut ache se padate ho app
Just watched the 30 mint of the video while practicing it.
In just 30 mint learned lots of key points which I knew but reason behind those points I got to know today.
❤❤
#fullycompleted Learn new things Thanks for ur valuable content.
Is it beginner friendly?
sbb bdiya h bhai aapme
entertaining video h boht aur informative bhi
bss nakhun khana chod do
Bro aap comedy krke teach krte ho aapki ye style bht achi h
Thank You So Much ❤
bana do or bhi es tarh ke videos your explanation is unbelievable....
THX bro for this video ❤❤❤❤❤
#fully watched
Please 🥺 be creating the same content I do wanted the front end project more 😊
#fullycompleted
Thanks for such a great project. I really appreciate the way sheriyans school works... Keep going on.. Thankyou ❤
thank u sir you and your team helping to those student that can't afford the course
2:32:57 , these are known as Text Literals in javascript and they are pretty useful when you want to use variables inside of strings.
Great work #SheryainscodingSchool😊
this is amazing video and full off knowledge thankyouuuuu!!!!!!!!!!!!!!!!!!
You said to comment at 1:07:00 that's why here and I respect you and your whole team a lot lot. You said to give some suggestion for improvement even though you are awesome and really have a place in thousands of hearts, My 2 cents on this is (as a humble request):
Please don't use abusive language then you'll get a really genuine respect as a gentle teacher, I know most ppl think it's only a style of teaching but it's not at any how.
Hope it's making sense.
Thanks a lot again😊😊
You Guyz Very Cool Yaar .. Mjaa Ataa hai aapke sath kuch new Sikh kar....!!!!
four hoyrs of contect woow , nice bhai , love your content .
i love this guy. Lots of love from Pakistan. I just want to say thank you so much. I've learned a lot.
QUALITY CONTENT CHANNEL for a reason!!🗿🗿🗿🗿🗿🗿👌🏻👌🏻👌🏻👌🏻
i got the confidence after this video that from now i can design website by my own 😊😊
Hardwork ..Experience..Qulity.....Sheryians Coding School🎉😎
#fullycompleted ....thankss guyss it was great coursee
thanks, i helped a lot in my journey. A request, in the end of the video just repeat the things(libraries/freameworks/bootstrap) used in the code in short ,in in 5 minutes so that ,after completion of whole video it is recalled once again.
#fullycompleted maza aaya 🎉
Animation pe detailed video laado bhaiya.