Grow your CSS skills. Land your dream job.

Five Questions with Jeffrey Brown

Published by Chris Coyier

I first met Jeff when he emailed me in early March of this year introducing himself as a High School Web Design Teacher at Damascus High in Maryland. He told me he makes his advanced students subscribe to this blog! Jeff is passionate about teaching and web design, and I wouldn't be surprised if his 4-Year curriculum at Dasmascus was the best in the country.

As part of the Advanced Web Tools class, Jeff brings in speakers from the professional world to talk to the students. I was lucky to be included in his all-star lineup for Spring 2009.

I got the chance to interview Jeff and ask him some questions about his experiences and education.

CHRIS: A lot of us web designers like to complain about the state of education in design, and I saw speaking to your class as an opportunity to put-my-money-where-my-mouth-is. Do you think that sentiment helps you get these other web workers agreeing to speak?

JEFF: I think it does help, but I am lucky enough that I haven't ever had to convince someone to speak to my students. I usually send an email explaining who we are and invite them to speak and most of the time I get an ecstatic "yes" back.

I think we all like to complain about the current state of web education, and for fair reason. To initiate change, we need to connect professionals to education and you can do that through methods other than speaking. You can simply contact your local middle school, high school, or college and just say hi. Ask them about their web program and how you can get involved, ask what they teach and how you can support them, ask if you can sponsor a student or teacher to attend a conference, or just otherwise connect. You may choose to share resources with them like the WaSP Interact Curriculum or The Opera Web Standards Curriculum. But try to be friendly and open; avoid the "everything you are teaching is wrong" approach, at least until you build a relationship.

But yes, we need more people like you, Chris, who are passionate about Web Design and Development to speak to youth and teachers. Not to mention the self educative bread crumbs you are leaving for anyone who wants to learn by reading your blog or following your screencasts.

 

CHRIS: Are there particular things that you find more difficult to get across to your students than others? For example, CSS is clearly a very practical skill, and it's fairly easy to explain what h1 { color: green; } means and why that is so powerful. Whereas explaining about arrays or database table relationships I would imagine is a lot tougher and take up more time. Do you always have to consider the time-to-teach / how-valuable-is-this ratio?

JEFF: Abso-freaking-lutely. With my 2nd year students, when we get to web programming some of them turn cross-eyed. I find Javascript is a bear to teach. Imagine you were them, so far they have learned Digital Design Production (fairly straight forward, you tell a program what to do and you see your changes instantly), HTML (extremely straight forward, you write it and it shows up), and CSS (you change it and it changes on the screen). Then all of a sudden here is this beast that is capable of complicated thought, you can't always see the changes you make in your site, and if you type a single character incorrectly it could break it. Not to mention its syntax is unlike anything they have seen thus far. It is a big jump and often we (web professionals) are too quick to lump JS with HTML and CSS. It falls in the same category but it doesn't teach or learn the same way.

I make them stick it out with JS for a solid month or two, then just when they think they can't process any more JS I show them JQuery. They always say the same thing, "Why didn't you show us this first?" and I always say the same thing, "Because you need to know how to write JS on your own and not rely on a third party library." They still hate me, but at least they know the basics of Javascript. Jquery works for them, as with many of us, because of the use of the familiar CSS selectors.

This is just one example, in this case, it takes longer to teach than normal and they get frustrated with it but I know it has a high value so I stick it out. Not fun, but they are better web heads because of it.

 

CHRIS: In my college design program, several of my professors openly backed away from teaching us specific technologies. They preferred instead to have us focus on ideas and core artistic fundamentals. To the extreme that I left college never once touching CSS. I'm not sour though, I'm grateful to have been forced into valuing fundamentals over specific skills. What is your feelings and approach on this?

JEFF:I think you have to have core knowledge of theory, however, I have to keep in mind that these are high school students. When I teach in the evenings at a local community college I teach entire 4 hour sessions on theory and principals of web design. At a high school level, they need to get their hands dirty. In my district these classes are electives, if I lecture for a week on the theory of surveying and critiquing websites then indirectly I will be killing my program. From my own high school experience I remember electives being wood shop, art, gym, etc, classes where I was getting up out of my seat and moving around or actively making things. This is what my students want as well, I try to keep this in mind. However, I also think that teaching software specific skills is inappropriate. I like to think I'm somewhere in the middle in my high school classroom.

For example, I teach progressive enhancement and graceful degradation by teaching them to separate their HTML, CSS, and JS, then later in the year I show them their sites with CSS/JS turned off. Things like that where I am teaching them methods or theory and they don't even realize it until I shed some light on it.

I teach Photoshop and Fireworks because I think its hard to design without knowing how to use those programs, but that is really the only software I teach. We write HTML, we don't learn to use Dreamweaver. I should clarify, we do use Dreamweaver, but I only allow them to use code mode and I never teach them how to use any of the buttons or commands to insert code for you. I teach them to write CSS, not to use Dreamweavers CSS tools. And likewise with JS, I even got my district to install Notepad++ just to expose them to other editors. I do teach the Dreamweaver Site Management, but that is really it.

So I do think you need to teach theory, but I try to make it work for my high school classroom.

 

CHRIS: Do you have any fun "success stories" of kids you have taught to go on to be web workers?

JEFF: One story I am particularly proud of is a recent graduate who went on to University of Maryland who came back to visit. He was a very talented young man but chose an alternative route for study in college, he freelances in his free time. He told me about a website his friends were "woooing" over, saying how awesome it was. He took a look and quickly told his friends that the site "sucked". He said, "You should have seen it Mr. Brown, they used Flash for the navigation and didn't offer alternative content for screen readers, used tables for layout, and the design wasn't really that good anyways." My heart grew by three times that day.

If my students leave my class needing to look up how to create a three column layout because they forget but can spout off stuff like this young man, I can live with that.

In addition, you probably have a picture of this student in your head. A pocket protector, glasses, computer science major. Wrong, this is an athlete, well liked by all, former prom king, leader of his youth group, Information Sciences major. I like to impress upon my students that web designers are everyone, athletes, thespians, nerds, artists, and any other clicke. He really has been a great example of this.

 

CHRIS: Have you been seeing other High School programs start to pick up on what you are doing? You freely distribute your teaching materials over a Creative Common license, have many other teachers hit you up for those materials (that you know of)?

JEFF: The success our program has had isn't really about me. It's been a perfect storm of my students interest, my schools understanding and willingess to work with me, my districts support, and being pitted with other like minded professionals I mention below. Take any of those out of the equation and the program wouldn't be what we have now.

The stats show that my assignments are being downloaded but not too many have reached out. Don't hesitate to reach out, I only display the assignments for that semester, if there's something you are looking for I probably have tried to teach it and would be willing to give it to you.

A good friend of mine, Zac Gordon, teaches at Springbrook High School which is in my district. He does a fabulous job over there with his students and program. You can check out his class site at http://dabrook.org.

My mentor, Jason Leveille, used to teach in my district. He introduced me to web standards, up until then I was using tables for layout and damn good at it if I might add. He fell so in love with web development that he quit his job and started working full time for a local company as a senior web developer. His ghost lives on in the district with his award winning high school site he designed for Quince Orchard High School. Jason played a large role in the district as well, and he offers his assignments freely to teachers.

However, aside from my area I don't know any other high school teachers who teach a similar web program in high school. Not because they aren't out there, just because I haven't met them yet. Web standards are still new, there are colleges that don't even teach them yet so I think its understandable that I haven't met many others.

Again, reach out. Progress has happened in my area because there have just happened to be a couple people together who are crazy passionate about web design. Get involved!

Comments

  1. Damon
    Permalink to comment#

    Great interview Chris! It’s nice to know that there are teachers out there that are willing to stick it out and teach the difficult stuff – like JS. I’ve had my good and bad experiences with teachers, and personally I remember what the good teachers taught (like Jefferey Brown) rather than remembering the bad teachers.

    This is a good start in trying to get web education at a higher platform.

  2. Not only did I not learn web design in HS, but I dropped out of college because I didn’t feel like they were even teaching it right. Its awesome these kids are getting this opportunity.

    I wonder what he tells them about college? I think a lot of them would be disappointed seeing the curriculum compared to Jeffrey’s courses.

  3. Go Jeff! It’s really cool to see some web design teachers in the lime light.

    As a colleague of Jeff Brown’s I can say that he is a huge inspiration to us other web design teachers.

  4. Permalink to comment#

    I liked this interview. :)

    It would be cool to have a teacher like Jeffrey Brown.

  5. Permalink to comment#

    I think this is a great interview. There are so many “web professionals” who do not know (or perhaps care) about web standards and best practices (I work with a few). I went to a college that the teachers told me I could be teaching the class. By no means am I an expert so this said a lot to me. I stopped trying to learn from them and started reading articles upon articles on the web, including your site.

    It is great to see the future of web designers/developers are learning the correct way to do our work and at a great time in their life. Jeffrey is truly a pioneer in what he is doing.

    Great interview Chris.

  6. jermaine
    Permalink to comment#

    I hope my university which im going to have a mentor like him, plus im learning things before i get there like php/mysql so far its going good.

  7. Permalink to comment#

    Wow, I wish my professors taught the way he did… Other schools are def missing out!

  8. RKieru
    Permalink to comment#

    I learned HTML by reading this massively heavy HTML book a friend borrowed me in High School- and managed to turn it into an elective Art course, and get out of a History paper by designing the History classes website… in Corel.

    It’s refreshing to see a High School course that actually TEACHES this stuff. It’s hard enough to find college credit that is more than ‘a’ course in a vaster field like ‘Graphic Arts’ or ‘Computer Science & Engineering’. And the moment I read that he didn’t let the students use Dreamweavers WYSIWYG editor I was thrilled; I have friends who design professionally via Dreamweaver without any fundamental knowledge of basic HTML… it’s so odd. I still just use TextWrangler to get the job done.

  9. Permalink to comment#

    This is a great interview – educators are a crucial starting point to determining what the future web will look like, because they’re shaping the minds of those who will be designing it.

    Kudos to Jeffrey!

    And thanks Chris for another great interview.

  10. Permalink to comment#

    Great interview on web design education Chris! This makes the future look even better.

  11. Scott
    Permalink to comment#

    Kinda makes me mad that my class heavily relies on Dreamweaver, doesn’t even touch JavaScript, and uses inline styling. The professor teaches non-tabled based layouts though at least..

    This is in college too. A very expensive one.

  12. Simon
    Permalink to comment#

    It’s interesting to hear a US perspective. Speaking as a high school teacher from the UK, I’d say a big problem is that none of this stuff is really assessed, so it isn’t taught. The exam boards who provide qualifications tend to reward project management and being able to write about the process much more than the quality of the outcome; I think this is to justify equivalence with other “academic” subjects as opposed to the subject being seen “merely” as skills training. They are also always going to be behind the times with regard to current standards or indeed technologies since specifications are only issued every few years. As an example, our “Advanced” level specification (for 18 year olds) only just lost the Japanese “5th Generation project” and “Euronet-Diane” from the required knowledge – anyone remember those?

    Another big issue is finding teachers like Jeff who understand both the “IT” stuff and the principles of good design: in the past people taught Art or ICT and we really need a mixture. (I can’t design for toffee). :-)

  13. My first (and only) html class was 10 years ago as a high school senior. It wasn’t even for credit and we had to come early before the start of school to learn, but it paid off. I didn’t study web design in college, but here I am, making a decent living as a website designer/marketer. I owe it all to http://www.dchung.com and his willingness to teach his passion!

  14. Permalink to comment#

    Another great interview, thanks Chris.
    The program that Jeff is teaching sounds awesome, you don’t see that very often. I never had the privilege of taking any courses in high school or college (yet) to learn these skills, but it is great to know that he is teaching some great habits to these young people. Keep up the great work!

  15. Thanks so much for the opportunity, it was different being the interviewee for once.

    And thanks for using your platform to help shed light on Web Ed, Chris.

  16. Permalink to comment#

    This has been my favorite interview yet!

  17. Permalink to comment#

    I really wish my school’s poor excuse for teaching web development was based on your curriculum. They’re still teaching table based layouts and HTML 3 (not xhtml, this is 1995-98 stuff). It’s all completely wrong and invalid on today’s net, kinda nauseating.

  18. Jesse D

    I really wish I had a teacher like this when I was in high school. My high school teacher had us work in code view all the time. I remember going to a competition and it amazed me. I went home did some research and ever since then I have hand coded my pages. I always look for ways of improving my work. I have been building websites for years now and I learn something new every day.

This comment thread is closed. If you have important information to share, you can always contact me.

*May or may not contain any actual "CSS" or "Tricks".