I didn't read the tutorial thoroughly, but at a first read, it's a little bit messy.
To make it short, you can develop JSF app using JSP or Facelets as a page description technology.
By default, JSF expects JSP (it's not recommended nowadays, and JSF2 even eliminated it), but then, the files should have a jsp extension.
If you use facelets, then you can write xhtml files (best in my opinion) or jspx files (sort of jsps with xml-correct syntax), and in these cases you need:
1. a definition like this in your web.xml
or .jspx in your case
2. a definition like this in you faces-config.xml
I don't know why the write of that tutorial chose to remove these.
Give it a try and see what you get.
And even better, read the icefaces tutorials (http://www.icefaces.org/main/resources/tutorials.iface). They are better written ;)
PS. If you're deploying to JBoss, don't forget to remove the jsf-api and jsf-impl from you libs, as they might conflict with the ones provided by the big boss.