Frontend Workshop
Download as ZIP, PDF3 likes509 views
This document is an introductory workshop on client-side development by Wilfred Nas, covering HTML, CSS, and JavaScript. It emphasizes the importance of structure in HTML, the role of CSS for presentation, and the use of JavaScript to enhance user experience without relying on it. The workshop discusses various aspects of web development, including AJAX, selectors in CSS, and best practices for coding.
Editor's Notes
- #3: I have been working on the web for the past 14 years. I started out as a designer bugging developers. In the past years I have come full circle, becoming the developer that is bugging designers.
- #5: There are three sides to a website... mvc...
- #6: we will start with the basics, HTML. boring isn’t it. after all html is easy...
- #7: There are a lot of things to think about, like;
- #8: html is for structure, a way to show the content...
- #9: Which doctype do you use?
- #10: Strict is the way to go, if you can
- #12: sketch the difference between ie and w3c
- #13: and still this is the way most websites were build...
- #17: especially if your building data intensive applications...
- #20: make sure you specify this one BEFORE the tbody
- #30: most people, turning away from tables, will use div’s in the same way...
- #40: to identify, must be unique
- #41: not just for css. to classify
- #43: most developers get a fo and a graphic design. they will use the design to build and the fo to tweak. they should do the reverse
- #44: bad
- #45: don’t add extra div’s to create that border the design calls for. You allready have enough elements to play with...
- #47: should be around 10.30
- #49: start 11.00
- #51: supported in most browsers
- #62: support is not as wide spread
- #66: Match any E elements, whose att atribute value begins with ‘val’
- #67: Matches any E element that has no children (including text nodes)
- #68: matches any F element that is preceded by an E element...
- #72: should be 11.45
- #74: style the page you just made with proper html...
- #75: start 12.00
- #76: around 12.30
- #77: start 13.00
- #78: === is exactly equal to (value and type)
- #79: == is equal to
- #81: build a good app and make it better.
- #82: don’t build a good app and let it slip away...
- #83: build as if you have no javascript en HIJACK the form actions with javascript
- #88: please don’t try to make it into it...
- #89: Really it is not.
- #91: 14.00
- #92: 14.30 And I was asked to talk about things like closures...
- #93: power, confusion
- #94: ie is the problem
- #95: further than that, I will not go. as stuart talk opens my eyes but not enough. there is more in this than I know...
- #98: Don’t put all of your trust in patterns...
- #102: used to be no problem, as we left the page after a while
- #103: We don’t leave the page anymore, instead we keep producing more and more dom objects...
- #104: he forgot css and left out json or html as a data layer...
- #105: Where does the name ajax stood for in the beginning...
- #106: sorry for that, a mistake...
- #107: The cleaner was a household name for so long, that we should use it...