Professional Frontend Engineering
videos

Professional Frontend Engineering

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
Add Comment

Discussion 44 Comments

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

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

  3. a very nice ressource video! very interesting!

  4. joe says:

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

  5. Adel says:

    Thanx man.
    Great one as usual Jeff.

  6. Predator7 says:

    Nice, a very interesting video.

  7. Yoosuf says:

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

  8. Adam says:

    Nate is leaving Yahoo!. Sigh.

  9. Jem says:

    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 says:

      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.

  10. This was a great video.

  11. barfoo says:

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

  12. Yoosuf says:

    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!

  13. Idan Smith says:

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

  14. Phil Havens says:

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

  15. Randy says:

    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.

  16. B. Ackles says:

    Thanks for sharing!

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

  17. John Salvek says:

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

  18. redouane says:

    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 ?

  19. Jarryd says:

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

  20. Simon says:

    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.

  21. Gianfranco says:

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

  22. crysfel says:

    i will check this out at home :D

  23. Todd says:

    Very informative and well done.

  24. awake says:

    nyce… very nyce…

  25. DtgDesign says:

    Cool ! Congratulations !

  26. miketrix says:

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

  27. Wassim says:

    This video is worth ten reference books in web design.

    Bookmarked forever.

  28. Naveed says:

    Great Video Thanks

  29. Rajjo says:

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

  30. Philip says:

    This is a great lecture. Thanks very much.

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

  32. Jason says:

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

  33. Frank says:

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

  34. Larsabrasha says:

    Really good presentation with any useful tips!

  35. Simon says:

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

  36. LuK says:

    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!

  37. Chris Pierre says:

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

    Thanks Again,
    Chris Pierre

  38. Steve S says:

    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

  39. Steve S says:

    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

  40. Vaskar G says:

    Thank you for your effort. I like this video. Really nice and informative.

    Thanks Again
    Vaskar G

  41. Paqman says:

    The linked video is now dead.

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.