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.
Related Posts
Check out some more great tutorials and articles that you might like
Plus Members
Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.
User Comments
( ADD YOURS )Kyle Decot March 15th
Very Nice!
( )Muhammad Adnan March 15th
great video !
( )i m also student of software engineering , its helpful for me !
Maik Diepenbroek March 15th
Thanks for sharing this with us, although i’m not an front-end man. I enjoyed watching this screencast !
( )Daniel GILLES - Créations du Net March 16th
a very nice ressource video! very interesting!
( )joe March 16th
Helpful, even for the (non-engineer) designer.
( )Adel March 16th
Thanx man.
( )Great one as usual Jeff.
Predator7 March 16th
Nice, a very interesting video.
( )Yoosuf March 16th
i gotta go home and see it, streeming is baned at office
( )Adam March 16th
Nate is leaving Yahoo!. Sigh.
( )Jem March 16th
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.
( )Yoosuf March 16th
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.
( )Michael Espinosa March 16th
This was a great video.
( )barfoo March 16th
is the presentation made in powerpoint? those are some spiffy transition animations.
( )Thani November 3rd
Its Keynote from apple
( )Yoosuf March 16th
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!
( )Idan Smith March 16th
great video, im really glad that yahoo’s frontend guys and me thinking alike! =]
( )Phil Havens March 16th
Any chance that someone could provide a mirror? The video just idles and never loads for me
Seems like a really interesting video too.
( )Randy March 16th
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.
B. Ackles March 16th
Thanks for sharing!
Pretty basic information, but it really reiterates best practices in a very clear and concise manor.
( )John Salvek March 16th
I really didn’t learn anything new from this presentation… it’s just an overview of some basic frontend development principles
( )redouane March 16th
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 ?
( )Jarryd March 16th
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 ;_;
( )Simon March 16th
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.
( )Gianfranco March 17th
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!!!
( )crysfel March 17th
i will check this out at home
( )Todd March 17th
Very informative and well done.
( )awake March 17th
nyce… very nyce…
( )DtgDesign March 18th
Cool ! Congratulations !
( )miketrix March 19th
Sounds cool! I’m a frontend engineer from Barcelona. Tonight, i’m going to chill and watch the video at home.
( )Wassim March 20th
This video is worth ten reference books in web design.
Bookmarked forever.
( )Naveed March 20th
Great Video Thanks
( )Rajjo March 23rd
Great Video ,for Webdevelopers to learn abt Front End Eng.ThanQ
( )Philip March 25th
This is a great lecture. Thanks very much.
( )Alex Mansfield March 29th
Very helpful, well worth my time. Thanks for sharing.
( )Jason April 1st
A very thorough video. Thank you for posting this find Jeff!
( )Frank April 4th
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++;
( )Larsabrasha April 22nd
Really good presentation with any useful tips!
( )Simon June 25th
Great presentation Nate! Yet again, really useful information and always forward thinking.
( )LuK August 5th
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!
( )