Simple XSLT Tutorial - XSLT in 5 minutes

A simple tutorial showing how to create XSLT style sheets for XML files. This is a powerful and easy-to-use technology if you want to change the style and presentation of your XML files.
Available as a text tutorial - www.jeremymorg...
---
Follow my live streams on Twitch: / jeremymorgan
Follow me on KZbin: www.youtube.co...
Yell at me on Twitter: / jeremycmorgan
Check out my Blog: www.jeremymorg...

[@puspraj4687]

it's October 2020, still can't find a better video which explains everything so simple. thanks Jeremy

[@JeremyMorgan]

Awesome, thanks!

[@caiomachado875]

It's been 13 years and this is still the better XSLT tutorial on KZbin, thanks man

[@axeldelat]

My professor in a masters degree spent 2 hour talking about this, I could not get it right. You made it in 5 minutes and that is awesome! Thanks!

[@WaltChamberlin]

You just taught me more in 6 minutes than I have in about 8 hours today with my POS textbook (XML New Perspectives) Thanks!

[@JeremyMorgan]

Good to hear!

[@msfubby9372]

Jeremy Morgan Please can you do a video on XLINK?. Thanks

[@MenacingMoto321]

LOL I am using the same book

[@glowingdawn9179]

When he showed the table i had a flashback to learning html over a weekend like 10 years ago. Then i looked down and saw this is 10 years old. Checks out.

[@megantvenstrup7687]

Less than an hour before my test on DTD/XSLT/XSD and I finally found this miracle video so I can understand how XSLT works. It's good that I also have had an HTML/CSS class last year so it helps fill in the blanks.

[@dieterrasse188]

In this example you don't need the for-each loop. You could also use the following simpler method: ... ... and for a movie you can define a template: this way its clear and you can reuse the template for other purposes

[@JeremyMorgan]

Thanks! My video production skills aren't the best and my public speaking skills can use some polishing but I do try to keep things simple. Glad you like it.

[@mikinpatel2349]

Of course .. We do not watch this to learn presentation skills.. we watch it to learn technology in a simple way..Bingo

[@nbafun8648]

Actually they are both pretty great

[@skullwise]

loved it!

[@thyagtubes]

Excellent tutorial! Knowing is one thing, explaining it clearly is a totally different thing - and thats what makes great teachers great!

[@JeremyMorgan]

That's what I was trying to convey, this is just styling for browsers. You can use that XML for data any way you like but if someone brings it up in a browser, this will make it look pretty.

[@Deletedeletedelete]

How I can render XML in the browser? I'm using chrome. Need another browser or something yet?

[@anilpank]

Thanks Jeremy, We were evaluating if xslt was the right language for transforming xmls to csv. Your video answered the question.

[@WoundedEgo]

anil verma And what was the answer?!

[@tulsikhatri8694]

the best I achieved in one video. I understood it.

[@JeremyMorgan]

It's incredibly simple, that's the point I was trying to make.

[@thalindabandara8537]

Haha i am just trying to learn this simple thing for about one month or some thing and thought me it just 6 Minuit Thank you very much sir RESPECT!

[@joseffinn5836]

I find this short tutorial very useful. Simple and to the point. Thank you!

[@MarcusMWerners]

Just found this, because I needed to understand a style sheet - excellent explanation and very helpful - thank you!

[@yyl1692]

Thank you for the tutorial. Currently learning SOA course in university, no better source to learn than watching a video on KZbin (from 10yrs ago LOL

[@LeBadman]

There are actually CSS tables. Yes, you can style XML files with CSS stylesheets. XML files are meant for data transport. You can do much more with them than you think. You must understand the concepts and relations deeply. Cascading Style Sheets are there to decouple structure (HTML) from styling (CSS). XSLT are there (as the acronym says) to Transform a document into another one (HTML -> PDF, XML -> HTML, etc.). CSS seperates style from content. A table is something visual -> style.

[@marykerr4331]

Excellent video Jeremy. Short and to the point!

[@dissdad8744]

Nice little practical introduction. Of course there is much more to it, but for a start this is great! Thanks

[@1_percent_upgrade]

Thanks Jeremy, Its a nice pre-cursor learning before deep diving into an ocean of book learning!

[@JennLux]

so helpful, thanks so much! can't believe my lecturer takes hours to explain this and I still can't follow. Thanks for your work!

[@ciraxa]

Thanks, now I feel confident enough to create my own citation format for word documents.

[@JeremyMorgan]

Yeah, you're right. as I said in a previous comment the XML is untouched and can still be used for data transport, this merely styles the data in case someone brings it up in a browser.

[@Taxidriver10]

Straight to the point 👏

[@xscxti1089]

So good. Better than 5 hours of university

[@SizoDuma]

Short and precise 😍 best teacher ever

[@LeBadman]

That code creates a table because browsers have a thing called an internal browser engine. This browser engine understands the HTML tags and translates them for display on the screen. Those tags make the browser render things on the screen. It's a collaboration between the browser and the language HTML, if you will.

[@anthonyredman7294]

Excellent Video. Straight and to the point. Well done and keep up the good work!!!

[@JeremyMorgan]

@mollymasta It's Notepad ++ using the VIM dark Blue Style. Google Notepad++ download (it's free) install it, then select Settings->Style Configurator-> "Vim Dark Blue"

[@sandratherrien4358]

Thank you! I appreciated most your explanation of the syntax.

[@pauljefferies1636]

good place to start with xsl. excellent tutorial.

[@ZeroCaliberSlug]

lies!! the video is 8 minutes long!! you think i wouldn't notice it because of how awesome the tutorial is?! WELL I DID!! ...thumbs up anyway. :D

[@LeBadman]

Make sure your files have the correct extensions (.xml, .xsl) and that they are in the same directory. Verify that the extensions are really .xml and .xsl and not .xml.txt or xsl.txt. You can do this by unchecking the 'hide file extensions' checkbox in Windows.

[@fr0styballz]

Great video. Taught me heaps in a short space of time. Thank you.

[@HeavyladenExistance]

Strange that this is exactly what was looking for. Thanks alot.

[@ciraxa]

Even stranger: I wasn´t looking for this, but it helped me quite a bit.

[@fykkgch]

Your explanations are easy to understand. Thank you!!!

[@jlariash]

Excellent for an absolute begginer as me

[@yogeshdahake3045]

Theeenkssssssss i love you today is my FinalPractcalExam and this tutorial were very helpful for me

[@PavanTurlapati]

Pretty quick and simple. . Loved it...

[@romaissaromaissa4498]

Thanks bro jazakallah

[@WyaldThang88]

Thank you so much im a website design and development major in college and my XML class wanted me to code XSLT but the book is one of the worst i have ever seen and is completely useless so thank you for making this video

[@carlosveralopez8696]

me ha gustado tanto el vídeo que lo veré en JUNIO

[@monkeyjpeg]

Wow that's odd. When I saw the first few seconds, I imediately noticed how extra nice that editor is. And apperantly at least two other people thought the same...

[@hacksys1]

This has saved me so much time thank you!!

[@hacksys1]

This is also helpful if you are trying to parse a huge xml document and reorganize attributes which was my case

[@faizanmemon4956]

Thank you from the bottom of my heart !

[@honzixin7890]

Thank you so much, man. You helped me with my homework. I really do appreciate it. Thank you again!

[@hariskumarbalasingam320]

Preety! simple And nice presentation!!

[@YfflonRhacs]

Thank you for uploading this video. It was very clear.

[@TroyOi]

Very eye-opening. As a newbie, my initial question was, why not just use CSS to style XML files? You answered that with the table. In HTML, you'd have to create a table in the HTML body, not the CSS. So HTML/CSS doesn't completely separate content from style, right? But XML really is pure content, and (I'm guessing) there's no way you could specify a table in CSS. Hence the need for something different to style XML. Am I correct in all this?

[@greggleaton]

Very helpful, thanks!

[@ibexy]

straight to the point

[@MultiSudharani]

Hi Jeremy ... I loved the way to presented its so clear.. Please let me know if you offer any tutorials or if you have a book published ..

[@samuelsmith6453]

Brilliant tutorial! Thanks so much. This helped a lot.

[@SixBillion]

Well presented! Thanks for sharing your knowledge!!

[@californiaesnuestra]

Great tutorial Jeremy!

[@nazeefkhattak8327]

samajh nahi aaya lekin dekh kr maza aya

[@jaworskij]

Except for the low freq. HUM on your audio, much better than some of the XSLT tutorials I've seen.

[@Ultra289]

hope you have something for xquery

[@CharizardEX1]

Wow I understand this stuff now. Thanks

[@kamranbukhari3151]

sorry I am a little bit confused if we are using html in styling then why we are using xml language why we are not directly using html

[@debashisghosh]

Very neat tutorial atleast for a novice like me!! I appreciate the efforts!!

[@damesady3399]

thanks a lot your video was a big help for my exam

[@GoGroomer]

Excellent! Thanks you:)

[@JeremyMorgan]

@ffiiiiiiii It's Notepad ++ using the VIM dark Blue Style. Google Notepad++ download (it's free) install it, then select Settings->Style Configurator-> "Vim Dark Blue"

[@OskarD90]

It would've been cool if you had the code uploaded somewhere so people could download it for reference :) Otherwise I really liked your tutorial, it was very clear and concise! Thank you.

[@lastmanxa]

it wont take much time to rewrite the code by your self ,, at least this can help you understand the logic behind it

[@JeremyMorgan]

@ZeroCaliberSlug Thanks, glad you liked it!

[@AMANARORABIT]

Thanks a lot Mr.Morgan.

[@GodsPrettiestPrincess]

Thank you!

[@georgetsiklauri]

This, however, doesn't open in browsers like Chrome or Edge, saying: "Unsafe attempt to load URL...". It opens in Firefox.. but even there it has cors problems.

[@StefanoWalker]

Very good!

[@bsolis9]

Hello Jeremy, excellent video! Do you know how to transpose the table header to go column-wise rather than row-wise? And subsequently populate the table in that orientation rather than the one in the video?

[@andresmoreno6691]

How can I visualize XSL files in my browser un 2022? I have tried turning the security down through the "unique" "false" option, but it still does not work.

[@E19Buck]

i done exactly what you done man great help but ... my xslt file doesnt work with the document? ... its the same thing as yours and the writing is still the same as default xml file? ... if u cud help plz do :L

[@maxcady360]

Shouldn't there be a standalone in the opening declaration or is that only for xsd or dtd?

[@Grenville84]

Thanks for taking the time to demonstrate this. I've been developing with .net, xml, css + html etc for years and had never even seen this before (although I have heard the acronym every now and again), thought it was about time I checked it out. So, do people style whole pages using an xml document? Say for example a blog's RSS feed - would there normally be a way to specify the xml-stylesheet within the feed? Thanks again.

[@TheWatchover07]

I like your tutorial, can you do more tutorials with examples about XSLT, Thanks .

[@jithindevasia7994]

Simple and perfect 😊

[@_IcyCube_]

So, I'm coding a website for my final project and last minute the instructor told us we have to write a resume using xml. Now I have only 24 hours to learn xml on my own, and write a resume using it and some how style it. I'm having so much trouble with this, and all the videos I've found and watched based on xml no one's doing anything like a resume. I'm completely lost here. It took me weeks to become decent at html and css, javascript was a whole story on its own. Now I'm going to have a nice website with a page that looks like crap with a shitty resume on it just because the instructor told us 3 days before the final due date that we had to use xml for the resume page, and php for the contact, at least the php was easy since he at least taught us 1 class worth of it (2 hours) and I just copied the code I used from that. Like it took me 3 days alone to work on the home page and I don't even have the sitemap started yet, at the start of the final he told us it's our own website and to do what ever we wanted with it, but through out the 2 weeks he kept adding more and more on to what we had to do. My website was originally a 1 page design that would link to different parts of the page, now I had to add a contact page which was already on my home page (which I had to remove), I had to make a sitemap, and a portfolio page (which was also on my homepage) and now a resume xml page. My website broke almost instantly when I tired to make these changes and I spent hours alone just trying to fix it, and now I have so much unused code that I just got mad and left there. It's so stressful. Anyone who knows xml can you please help me, I'm stuck. I can't even get the style sheet to work, and this needed to be done by in 24 hours (no joke) that's counting the time I need to get it up online on a web host.

[@mikinpatel2349]

Simply Amazing :)

[@danolanater]

Can anyone give an example of a website or webpage that uses this technique??

[@LeonGaban]

Hi, first thanks for this video, 2nd how do you get your XML file to display in the browser like an HTML page? I get the standard XML tree view

[@VeslorTV]

Nice tutorial :D

[@archangel4318]

Thanks

[@imnotrealycreative4182]

thanks helped me a lot

[@nurulatirakhaerabadi5199]

What's the meaning of table border="1"?

[@AdhamMohamedDahab]

Great tutorial Thanks

[@rociogarciacabrera7423]

I can't see my xml file transform on my browser

[@gelliravikumar018]

simple explanation of XSL basics and its importance ....

[@lisergi]

Thank you, I've liked your tutorial :D

[@galileogalbar]

Thanks Jeremy your video is awesome because is very practical and you have don't too much bla,bla,bla..

[@DrewMcDaniel]

How can i display attribute? For example displaying myAttribute from the xml: You mistakenly called an element an attribute in the video

[@rowgod]

great video and easy to understand for beginners. is there any 2016 xml editors you recommend to use today that are very simple to create these xslt transform sheets?

[@akashvaidsingh]

Thanks,for this video.

[@reididelloc209]

merci, simple et efficace

[@jbeez321]

Thank you so much!!!!

[@ameesami]

Thanks for the simple lesson. For me it didn't work. later i found that, the syntax for xsl is worng (@1.25) line#2 it should be

[@davidlopezjimenez519]

thanks

[@bijenderchauhan9307]

can you explain what process simple word file change to xml for InDesign

[@younusiftikhar3292]

In response xslt if we want to map response parametor map with request parametor so what should we do. Please share us the syntax or any link.