Last night, long after I should have fallen asleep, I came across a fantastic overview of “frontend engineering.” This is a must-watch video, presented by Nate Koechley. Many designers will get more from this video than an entire book. Nate covers everything from underused html tags, to doctypes, to proper naming conventions. I highly recommend watching it.
- Subscribe to the NETTUTS RSS Feed for more daily web development tuts and articles.
Tags: Videos

Very Nice!
great video !
i m also student of software engineering , its helpful for me !
Thanks for sharing this with us, although i’m not an front-end man. I enjoyed watching this screencast !
a very nice ressource video! very interesting!
Helpful, even for the (non-engineer) designer.
Thanx man.
Great one as usual Jeff.
Nice, a very interesting video.
i gotta go home and see it, streeming is baned at office :(
Nate is leaving Yahoo!. Sigh.
I’ve never heard this sort of role called a “frontend engineer” before. To me this has always been the “frontend developer.” I’m wondering if they’re interchangeable, or if the emerging “engineer” title is the more official, or something completely different?
This video didn’t really specify any particular duties that would lead me to thing the two titles are different, though I suppose its a good idea to use different terminology so the frontend developer isn’t confused with a traditional developer role.
Ya true. but some companies who are in well structured and well Organized they used this term, evan in Sri Lanka, but most of the industries they uses as UI developer :S
You are absolutely incorrect!, Nate Koechley was done a nice presentation in nice manner nice flow and nice tips and tricks!
in my view i got lots of information though out of this video.
This was a great video.
is the presentation made in powerpoint? those are some spiffy transition animations.
Its Keynote from apple
finally a job opportunity at yahoo?
its a nice Presentation i love it and learned something out of it. I am going to defend the users!
great video, im really glad that yahoo’s frontend guys and me thinking alike! =]
Any chance that someone could provide a mirror? The video just idles and never loads for me :( Seems like a really interesting video too.
Well worth the time to watch. I was most surprised of the order by which background images are presented after HTML images. I’ve been guilty of a few “style related” images in my HTML.
Thanks for sharing this.
Thanks for sharing!
Pretty basic information, but it really reiterates best practices in a very clear and concise manor.
I really didn’t learn anything new from this presentation… it’s just an overview of some basic frontend development principles
You are teaching the theory of web development. I’m a web developer, I’m not engineer but I can do front-end and back-end. Any questions ?
Can’t really get away with watching 1.5 hours of video at work, but will watch when I get home…oh wait I can’t my computer died ;_;
I disagree with the module format outlined at -35.08. What are those ul tags doing? Nothing. Lose the divs, and move the ids to the uls.
It’s always on the basic and simple things that you distinguish a bad product from a good one. This is what a front-end developer does, he makes sure that the “simple things” are done properly, and not being overlooked like often happens(or used to happen) because everyone can write html, isn’t it? but not everyone can write it properly, and that’s where the quality is…and that’s why I think this presentation is an enormous source of useful info that every web developer should watch…
keep up the good work, and thanks for sharing! you guys at yahoo rock!!!
i will check this out at home :D
Very informative and well done.
nyce… very nyce…
Cool ! Congratulations !
Sounds cool! I’m a frontend engineer from Barcelona. Tonight, i’m going to chill and watch the video at home.
This video is worth ten reference books in web design.
Bookmarked forever.
Great Video Thanks
Great Video ,for Webdevelopers to learn abt Front End Eng.ThanQ
This is a great lecture. Thanks very much.
Very helpful, well worth my time. Thanks for sharing.
A very thorough video. Thank you for posting this find Jeff!
Take the time to listen to this, I wish I heard more people enforcing this sort of thought process. I put it on while working on a site, 2 birds + 1 stone = me++;
Really good presentation with any useful tips!
Great presentation Nate! Yet again, really useful information and always forward thinking.
Great and informative video, spent 1.5 hours learning and re-discover things I didn’t know or I had forgotten and even some I want to try the next days =)
thx for that!
Great Post! This was a real inspiring for a young Front End Developer like myself.
Thanks Again,
Chris Pierre
That was great!! I made me think of so many more possibilities in my coding and a few things I have been really weak with.
Thank You
That was great!! IT made me think of so many more possibilities in my coding and a few things I have been really weak with.
Thank You
Thank you for your effort. I like this video. Really nice and informative.
Thanks Again
Vaskar G
The linked video is now dead.