Create a Makeshift JavaScript Templating Solution
Loading...
Uploaded by nettutsplus on Dec 9, 2011
Sometimes, you don't require a high-quality templating solution, but you still need to keep from mixing lots of HTML and JavaScript. In these cases, a simple templating solution can go a long way.
Full tutorial here: http://net.tutsplus.com/tutorials/javascript-ajax/create-a-makeshift-javascri...
Source Code: http://jsbin.com/exugah
- 54 likes, 0 dislikes
-
Uploader Comments (nettutsplus)
All Comments (11)
-
Hellow, I was wondering if you can teach me how to add other stuff to the templating sistem like texto to explain whats about the article or more thigs.
Thank you. Martin
PD: I tried to put it like you teached us but it had a few problems
-
The timing for this could not have been better.
-
Wow! Mind-blowingly quick and informative.
-
I love this video! Thanks for sharing. I'm just curious, on a philosophical level, why would one use Javascript to build templates in the first place? Is this assuming the absence of a backend solution such as PHP?
-
Simple and great, thank you.
-
Yeah, that shows one of the neat aspects of Javascript, thanks fo that :)
-
WAOW, i don't hate Javascript anymore.
-
remarkable!!
- 14:22
How to Inject Custom HTML and CSS into an iFrameby nettutsplus13,298 views
- 5:01
Using the Mustache Template Libraryby nettutsplus11,976 views
- 5:18
How to Keep the Count with CSSby nettutsplus8,442 views
- 59:58
Python from Scratch - Creating a Dynamic Websiteby nettutsplus11,753 views
- 4:12
Using JSLintby nettutsplus4,828 views
- 4:39
Camila Coleccionista de Canciones Cover by Ubegeetahrby UbeGeetahr2,196 views
- 1:48
Web Development from Scratch 7 - Folder Organizationby nettutsplus8,909 views
- 5:05
BMW Stunt Bike Display Utah Motor Speedwayby LifeBloodMarketing1,985 views
- 5:00
Node.js and MongoDB Tutorial - PART 1 of 6by Shamoontastic7,172 views
- 1:38
I used to be an adventurer like you, then I took an arrow in the knee.by eaglez02,587,208 views
- 3:42
How to create a Theme-Switcher with jQuery in 200 Secondsby nettutsplus935 views
- 2:02
Why This ROLLA Peya Bai G (Part 1 of 2) Punjabi version of Why This Kolaveri songby punjabweb10,615 views
- 4:45
Quick Tip: How to Add Syntax Highlighting to Any Projectby nettutsplus8,179 views
- 6:41
Use Native Datepickers with JavaScript Fallbacksby nettutsplus7,072 views
- 9:31
Canvas from Scratch: Part 1by nettutsplus7,714 views
- 22:29
This Time, You'll Learn Node.jsby nettutsplus7,747 views
- 19:56
Javascript in the Browser (part 1 of 4)by briantwill219 views
- 4:42
A 4 Minute Crash-Course in WordPress Custom Fieldsby nettutsplus11,845 views
- 2:50
Nero - Crush On You (Knife Party Remix) in 3Dby InfectiouzZ277,711 views
- 9:49
The Perfect Work-flow with Git, GitHub, and SSHby nettutsplus5,869 views
I like this one, good job! just one little thing with regards to possible speed optimization... storing the replaced text in a variable first and only changing innerHTML at the very end (after the FOR loop) will speed this up quite a bit, as the DOM would only need to be updated once ;-)
zathruswriter 2 months ago
@zathruswriter Yeah - forgot to do that during the video. Refer to the article on Nettuts+ for the updated version. I also included a more automated solution that I personally use.
nettutsplus 2 months ago