Professional Frontend Engineering
videos

Professional Frontend Engineering

on Mar 15th 2009 with 44 comments

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.


Nate Koechley: "Professional Frontend Engineering"
  • Subscribe to the NETTUTS RSS Feed for more daily web development tuts and articles.


Tags: Videos
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

I'm the editor of Nettuts+, and love making the process of building for the web as easy as possible. Also, I'm finishing up my latest book on Laravel Testing! If you want be friends, say hi on Twitter.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
Newer Comments →
  • http://www.theskateparkdirectory.com Kyle Decot

    Very Nice!

  • http://www.imblog.info Muhammad Adnan

    great video !
    i m also student of software engineering , its helpful for me !

  • http://www.heyou-media.com Maik Diepenbroek

    Thanks for sharing this with us, although i’m not an front-end man. I enjoyed watching this screencast !

  • http://www.flickr.com/photos/danielgilles/ Daniel GILLES – Créations du Net

    a very nice ressource video! very interesting!

  • http://illosizzle.com joe

    Helpful, even for the (non-engineer) designer.

  • Pingback: Daily Feed: Photos and Front End Engineering | SheGeek

  • Adel

    Thanx man.
    Great one as usual Jeff.

  • http://www.smihai.com Predator7

    Nice, a very interesting video.

  • Pingback: Frontend verkfræði | Jón Hnefill Jakobsson

  • Pingback: popurls.com // popular today

  • http://eyoosuf.blogger.com Yoosuf

    i gotta go home and see it, streeming is baned at office :(

  • Adam

    Nate is leaving Yahoo!. Sigh.

  • Jem

    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.

    • http://eyoosuf.blogspot.com/ Yoosuf

      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.

  • http://twitter.com/michaelespinosa Michael Espinosa

    This was a great video.

  • barfoo

    is the presentation made in powerpoint? those are some spiffy transition animations.

    • http://www.thanithani.com Thani

      Its Keynote from apple

  • http://eyoosuf.blogspot.com/ Yoosuf

    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!

  • http://www.psd2xhtml.co.il Idan Smith

    great video, im really glad that yahoo’s frontend guys and me thinking alike! =]

  • http://philhavens.com Phil Havens

    Any chance that someone could provide a mirror? The video just idles and never loads for me :( Seems like a really interesting video too.

  • http://www.prop-14.com Randy

    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.

  • http://twitter.com/socialcoop B. Ackles

    Thanks for sharing!

    Pretty basic information, but it really reiterates best practices in a very clear and concise manor.

  • John Salvek

    I really didn’t learn anything new from this presentation… it’s just an overview of some basic frontend development principles

  • redouane

    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 ?

  • http://jarrydcrawford.com/ Jarryd

    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

    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.

  • Pingback: links for 2009-03-17 « Brent Sordyl’s Blog

  • http://www.gianfrancotodini.com Gianfranco

    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!!!

  • http://www.quizzpot.com crysfel

    i will check this out at home :D

  • Todd

    Very informative and well done.

  • awake

    nyce… very nyce…

  • http://www.dtgdesign.art.br DtgDesign

    Cool ! Congratulations !

  • Pingback: links for 2009-03-18 « sySolution

  • http://www.cine25.com miketrix

    Sounds cool! I’m a frontend engineer from Barcelona. Tonight, i’m going to chill and watch the video at home.

  • Wassim

    This video is worth ten reference books in web design.

    Bookmarked forever.

  • Naveed

    Great Video Thanks

  • http://www.wipartstudios.com Rajjo

    Great Video ,for Webdevelopers to learn abt Front End Eng.ThanQ

  • http://twitter.com/philipcamacho Philip

    This is a great lecture. Thanks very much.

  • http://sackclothstudios.com Alex Mansfield

    Very helpful, well worth my time. Thanks for sharing.

  • Jason

    A very thorough video. Thank you for posting this find Jeff!

  • http://www.franklakatos.com Frank

    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++;

  • Pingback: links for 2009-04-15 « sySolution

  • Larsabrasha

    Really good presentation with any useful tips!

  • Simon

    Great presentation Nate! Yet again, really useful information and always forward thinking.

  • Pingback: Who is this guy?

  • LuK

    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!

  • Pingback: bulldoggie studio » 120 Tips, Tricks, and Tuts from 2009 Worth your Time

  • Pingback: 120 Tips, Tricks, and Tuts from 2009 Worth your Time : BeginnerPC

  • http:///www.chrispierre.com Chris Pierre

    Great Post! This was a real inspiring for a young Front End Developer like myself.

    Thanks Again,
    Chris Pierre

  • Pingback: 120 Tips, Tricks, and Tuts from 2009 Worth your Time | Tutorial51

  • http://oneofakindinternet.com Steve S

    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

  • http://oneofakindinternet.com Steve S

    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

Newer Comments →