- 67
- 569 557
Code Pro
India
Приєднався 28 гру 2016
Hello Friends,
Welcome to our channel "Code Pro". I created this channel with the aim to help you to learn Website development, Web design.
Code Pro features the best online web development and programming tutorials for all of the latest web technologies including JavaScript, Node.js, Angular 2, React.js, HTML, CSS, Bootstrap and much more
Please subscribe to my channel to receive notification of my new videos and learn new things about javascript tips and tricks,javascript,javascript tips,javascript tricks, algorithms,data structures and algorithms,sorting algorithms,algorithms for beginners,es6,es6 tutorial,es6 javascript,javascript es6 .
Thank You :)
Channel Managed By: Jayanthbabu
For Enquiry: jsomineni@gmail.com
Welcome to our channel "Code Pro". I created this channel with the aim to help you to learn Website development, Web design.
Code Pro features the best online web development and programming tutorials for all of the latest web technologies including JavaScript, Node.js, Angular 2, React.js, HTML, CSS, Bootstrap and much more
Please subscribe to my channel to receive notification of my new videos and learn new things about javascript tips and tricks,javascript,javascript tips,javascript tricks, algorithms,data structures and algorithms,sorting algorithms,algorithms for beginners,es6,es6 tutorial,es6 javascript,javascript es6 .
Thank You :)
Channel Managed By: Jayanthbabu
For Enquiry: jsomineni@gmail.com
What is inset property in css?
In this video, we dive into the CSS inset property, a powerful tool for positioning elements with precision. Learn how inset simplifies setting margins, padding, and positioning with just one property. We'll explore its syntax, practical use cases, and how it compares to other positioning methods. Whether you're preparing for a frontend development interview or just looking to enhance your CSS skills, this tutorial will provide you with a comprehensive understanding of inset and how to use it effectively in your web designs.
Переглядів: 156
Відео
What are the different ways to add CSS to HTML Document?
Переглядів 706 місяців тому
Learn about the various methods for adding CSS to an HTML document in this comprehensive tutorial. We'll cover inline styles, internal stylesheets, and external stylesheets, explaining the pros and cons of each method. Whether you're a beginner or looking to refresh your web development skills, this video will help you understand how to effectively use CSS to style your web pages.
Is DOCTYPE Mandatory in HTML5?
Переглядів 326 місяців тому
Welcome to our latest video where we dive into the importance of the DOCTYPE declaration in HTML5. Whether you're a web developer, a student learning HTML, or just curious about web standards, this video will clarify why the DOCTYPE declaration matters and how it impacts your HTML documents. In this video, we'll cover: What the DOCTYPE declaration is The role it plays in HTML5 Whether it's requ...
How to download web pages as PDF in React JS
Переглядів 35 тис.Рік тому
In this tutorial, you will learn how to add a feature to your ReactJS application that allows users to download web pages as PDF files using html2canvas and jspdf libraries. Firstly, you will install and set up the necessary libraries, including html2canvas, which is used to capture the HTML content of the web page as an image, and jspdf, which is used to convert the captured image into a PDF f...
7 Differences b/w Arrow Functions vs Regular Functions | JavaScript
Переглядів 7 тис.2 роки тому
7 Differences b/w Arrow Functions vs Regular Functions | JavaScript
How to Do Multiple API Calls Simultaneously in JavaScript with Promises
Переглядів 5 тис.2 роки тому
How to Do Multiple API Calls Simultaneously in JavaScript with Promises
How to Convert Excel file into JSON by using Angular | JavaScript | JSON
Переглядів 21 тис.3 роки тому
How to Convert Excel file into JSON by using Angular | JavaScript | JSON
4 ways to create a React project | ReactJS | ReactJS Tutorials
Переглядів 9313 роки тому
4 ways to create a React project | ReactJS | ReactJS Tutorials
4 ways to empty an array in JavaScript | JavaScript Tutorials | Interview Guide
Переглядів 3 тис.3 роки тому
4 ways to empty an array in JavaScript | JavaScript Tutorials | Interview Guide
5 websites to learn JavaScript Online | Javascript Tutorials | JavaScript learning
Переглядів 6 тис.3 роки тому
5 websites to learn JavaScript Online | Javascript Tutorials | JavaScript learning
How to Host or Deploy your website on Live Server for free | Netlify | Github
Переглядів 6804 роки тому
How to Host or Deploy your website on Live Server for free | Netlify | Github
9 ways to convert string into a number in JavaScript | JavaScript Tutorials
Переглядів 5 тис.4 роки тому
9 ways to convert string into a number in JavaScript | JavaScript Tutorials
Different ways to display images in react js | React Js Tutorials
Переглядів 69 тис.4 роки тому
Different ways to display images in react js | React Js Tutorials
Object.freeze vs Object.seal in JavaScript | JavaScript interview Guide
Переглядів 7 тис.4 роки тому
Object.freeze vs Object.seal in JavaScript | JavaScript interview Guide
How to write a function that accepts any number of arguments in JavaScript | Interview guide
Переглядів 5 тис.4 роки тому
How to write a function that accepts any number of arguments in JavaScript | Interview guide
Mini calendar design in Vanilla JavaScript | Simple calendar for your blog
Переглядів 3894 роки тому
Mini calendar design in Vanilla JavaScript | Simple calendar for your blog
4 ways to make an api call in JavaScript | Http requests | JavaScript Tutorials
Переглядів 110 тис.4 роки тому
4 ways to make an api call in JavaScript | Http requests | JavaScript Tutorials
How to export as excel from JSON object by using JavaScript | JavaScript Tutorials
Переглядів 40 тис.4 роки тому
How to export as excel from JSON object by using JavaScript | JavaScript Tutorials
Which is faster? for, for..of and forEach methods in JavaScript | JavaScript Interview Guide
Переглядів 7 тис.4 роки тому
Which is faster? for, for..of and forEach methods in JavaScript | JavaScript Interview Guide
How to download web pages as PDF with JavaScript | JavaScript Tutorials
Переглядів 93 тис.4 роки тому
How to download web pages as PDF with JavaScript | JavaScript Tutorials
What is the output of [1,2,3]+[4,5,6]=? | JavaScript Tutorials | Interview Guide
Переглядів 1,3 тис.4 роки тому
What is the output of [1,2,3] [4,5,6]=? | JavaScript Tutorials | Interview Guide
5 things you need to know about delete operator in JavaScript | Interview guide
Переглядів 7254 роки тому
5 things you need to know about delete operator in JavaScript | Interview guide
3 Practical uses of array slice method in JavaScript | Interview Guide
Переглядів 7554 роки тому
3 Practical uses of array slice method in JavaScript | Interview Guide
5 ways to remove duplicate elements from array in JavaScript | Interview Guide
Переглядів 39 тис.4 роки тому
5 ways to remove duplicate elements from array in JavaScript | Interview Guide
Digital Clock UI Design Using CSS3 & Vanilla Javascript | HTML | Web development Tutorials
Переглядів 4184 роки тому
Digital Clock UI Design Using CSS3 & Vanilla Javascript | HTML | Web development Tutorials
Javascript Clock | Working Analog Clock UI Design. HTML | CSS
Переглядів 6914 роки тому
Javascript Clock | Working Analog Clock UI Design. HTML | CSS
How to convert excel file into JSON object by using JavaScript
Переглядів 66 тис.4 роки тому
How to convert excel file into JSON object by using JavaScript
How to send Http Requests with XMLHttpRequest in JavaScript
Переглядів 18 тис.4 роки тому
How to send Http Requests with XMLHttpRequest in JavaScript
How To Create Login Form with pure HTML and CSS | Make Sign In Form Design
Переглядів 2494 роки тому
How To Create Login Form with pure HTML and CSS | Make Sign In Form Design
Social media buttons with animation on hover using html & css
Переглядів 3114 роки тому
Social media buttons with animation on hover using html & css
thank bro really helpful
Is there anyother méthod to do the same things, because this one seem to much complicated with all that for loops
I love this kind of video, continue making them
Thankyou 🎉
Easy and problem solving code, thanks bro
thank you
grow up from beginner mindset man.
Legend!
I have HTML link that link can convert into pdf
very helpfull video
okay but can we download web pages into word document with all the css styles....??
But it is not downloading good on mobile
why i am not able to copy anything from this new pdf..?
readAsBinaryString is deprecated ⚠️ please tell what can be the alternative to use any method
buscaste alguna solucion? searched you a alternative?
the pdf file not downloaded when using images in html code ?!!!!!!!!!!
thanx brother
what is the font name ?
That did NOT download the cv..
How i can get this app
Hey, I have written the code for that, it's not deployed. its in my local only now
Great explanation thanking you sir
This is the best vid 👏🏾👏🏾 to understand the difference between regular and arrow fn
great but how I download multiple page
TypeError: html2pdf(...).form is not a function at HTMLButtonElement.<anonymous> (pdf.js:7:20) How To Solve This Issue
Informative short👍🏻
I didn't understand what you said, as you speak tooo quickly.... it looked interesting... thanks
It was notable that he cut the page and if I want the content to be divided, how do you do it? In this case, divide it by page so it doesn't end up being cut like this.
does it work for pictures?
this is lovely, thank you
avec votre code rien a telecharger et avec ma modification le telechargement est fait mais il est vierge
6.31 axios
It works beautifully
everything is ok except speed
My json object is [("empid" : "0101", "EmpName" : "swadhin"}] I am tring to convert these json to excel .but in excel empid is showing 101. 0 is missing from 1st in empid. Could you please give some samples solution
I want to download in a new tab. How to do using ur code
Helo i have this error "incomplete or corrupt png file" Does anyone know the solution?
const handleDownloadPDF = () => { const input = pdfRef.current; html2canvas(input).then((canvas) => { const imgData = canvas.toDataURL('image/png'); const pdf = new jsPDF('p', 'mm', 'a4', true); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = pdf.internal.pageSize.getHeight(); const imgWidth = canvas.width; const imgHeight = canvas.height; const ratio = Math.min(pdfWidth / imgWidth, pdfHeight / imgHeight); const imgX = (pdfWidth - imgWidth * ratio) / 2; const imgY = 30; pdf.addImage( imgData, 'PNG', imgX, imgY, imgWidth * ratio, imgHeight * ratio, ); pdf.save('invoice.pdf'); }); };
thank bro!
I got an error. Uncaught (in promise) Error: Attempting to parse an unsupported color function "oklch".
Excatly the same No salution ?
thx man
If I need to add link to pdf, how does that work with this approach? @code pro
thank you so much sir
I have issue with the tag svg it's not render correctly, can u help me about this issue.
scrollable content not capturing
Thanks a lot..it worked.
I am facing this error: Uncaught (in promise) Error: Attempting to parse an unsupported color function "oklch" html2canvas.js?v=82c7c37b:1685
Every time someone use "var" a little cat dies
Supposed sir i enter data with any logo in Fronted and tell me how can i get these data in Pdf format with download pdf button. Supposed every time pdf name automatically.. generate..
I have to download a scrollable div, but by using the above same logic I am unable to do it. I am getting only the current view port in pdf.☹
I was able to integrate it following your steps. Everything works as instructed.
Thanks for this, worked at first try 💯
doda gujrati ma bolvama taru kai jay se ...du