07jan 2010
Bien débuter le développement Front-End
14:17 - Par Voulf - Paris Web - 3 commentaires
Le développement Front-Office ou Front-End (en opposition au Back-Office ou Back-End) concerne les technologies qui vous sont nécessaire pour nécessaire pour construire une ou plusieurs pages web.
On retrouve des protocoles comme par exemples HTTP, des langages de script comme HTML ou CSS ou encore des langages de programmation comme Javascript. La plupart des ces ressources sont en anglais, certaines sont traduites en français.
Je vous recommande d'abord la base sous forme d'un guide de démarrage sur HTML écrit par David Ragett : http://www.w3.org/MarkUp/Guide/ et celui de Normand Lamoureux : http://normandlamoureux.com/cours/xhtml/page-002.html pour les francophones.
Voici une liste non exhaustive des ressources que vous devez consulter pour appréhender le développement Front-Office :
Il existe également des ressources qui donnent des exemples concrets d'implémentations, par chance il en existe de très bonnes dans le monde francophone, je vous laisse découvrir par vous même ces sites, la curiosité vient en complément de vos lecture !
Maintenant que nous savons ce que nous devons utiliser voici de bons outils pour les implémenter et les afficher :
On retrouve des protocoles comme par exemples HTTP, des langages de script comme HTML ou CSS ou encore des langages de programmation comme Javascript. La plupart des ces ressources sont en anglais, certaines sont traduites en français.
Je vous recommande d'abord la base sous forme d'un guide de démarrage sur HTML écrit par David Ragett : http://www.w3.org/MarkUp/Guide/ et celui de Normand Lamoureux : http://normandlamoureux.com/cours/xhtml/page-002.html pour les francophones.
Les documents officiels
Voici une liste non exhaustive des ressources que vous devez consulter pour appréhender le développement Front-Office :
- HTML 4.01 : http://www.w3.org/TR/html4/ /
- XML : Les essentiels : http://www.w3.org/standards/xml/core
- XHTML 1.x : http://www.w3.org/TR/xhtml1/ / http://www.la-grange.net/w3c/xhtml1/
- CSS 2.0 : http://www.w3.org/TR/1998/REC-CSS2-19980512/ / http://www.yoyodesign.org/doc/w3c/css2/cover.html
- Javascript : https://developer.mozilla.org/en/JavaScript ainsi que son introduction https://developer.mozilla.org/en/A_re-introduction_to_JavaScript
- Document Object Model Level 1 : http://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html
- Document Object Model Level 2 : http://www.w3.org/TR/DOM-Level-2-HTML/html.html
- Web Content Accessibility Guidelines : http://www.w3.org/TR/WCAG/
- Status HTTP : http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html
- URL : http://tools.ietf.org/html/rfc1738
De bonnes lectures
Il existe également des ressources qui donnent des exemples concrets d'implémentations, par chance il en existe de très bonnes dans le monde francophone, je vous laisse découvrir par vous même ces sites, la curiosité vient en complément de vos lecture !
- Openweb : http://openweb.eu.org/
- A list part : http://www.alistapart.com/
- Pompage : http://www.pompage.net/
- Performance Web : http://performance.survol.fr/
- HTML Zen Garden : http://www.htmlzengarden.com/
De bons outils
Maintenant que nous savons ce que nous devons utiliser voici de bons outils pour les implémenter et les afficher :
- Aptana : http://www.aptana.org/
- FireFox : http://getfirefox.org
- FireBug : http://getfirebug.com/
- Web Accessibility Toobar : http://www.wat-c.org/tools/
3 commentaires
Et n'oublions pas le blog des Intégristes !
http://www.lesintegristes.net
le curriculum sur le site opera est vraiment bien aussi
http://www.opera.com/company/educat... et celui du Wasp n'est pas a négliger non plus http://interact.webstandards.org/
Je rajouterais aussi http://www.opera.com/company/educat... tiens.