Design & Développement web - Le topic des canards qui mangent des cookies

[Skiant]

Ce topic a pour but de rassembler les discussions sur le développement web, et plus particulièrement côté client (HTML/CSS/Javascript). C'est un fork du topic de la programmation, qui peut clairement faire peur pour quelqu'un qui voudrait "juste faire un site web" et qui tombe sur un débat de quelle librairie C++ serait la plus imbitable.
Il est aussi sensé être un endroit d'entraide et d'échange constructif, pas un défouloir où vous pouvez cracher votre bile à loisir sur des technos que vous détestez.
Si vous n'avez rien à dire qui puisse aider (et non, balancer "ce langage ça pue et tous ceux qui l'utilisent sont des cons", c'est pas aider), alors passez votre chemin.

Les questions sur le développement côté serveur (Python, Ruby, PHP, NodeJS et autres) peuvent également venir s'incruster, tant qu'ils restent sages et pas trop capilotractées. Sinon, on vous envoie chez les barbus sales (tout le monde sait qu'un dev front-end est un hipster, donc barbu propre).

Ce topic est aussi un bon endroit pour parler de considérations d'ergonomie et d'interface utilisateur, si vous le souhaitez, parce que y'a pas de raisons. L'expérience utilisateur, c'est souvent la responsabilité commune du designer et du développeur front-end.


Liens intéressants (Mises à jour fréquentes)

Références & Outils pratiques
http://www.webplatform.org/ ou son grand frère plus complet https://developer.mozilla.org/
http://html5please.com/
http://caniuse.com/
http://html5boilerplate.com/
http://jqapi.com/
http://getbootstrap.com/ et http://purecss.io/

Info, tutoriaux, etc.
http://www.smashingmagazine.com/
http://net.tutsplus.com/
http://paulirish.com/2011/web-browse...eds-to-follow/
http://tympanus.net/codrops/
http://css-tricks.com/
http://codepen.io/
http://stackoverflow.com/
http://www.codecademy.com/

Techniques avancées
http://lesscss.org/ ou http://sass-lang.com/
http://net.tutsplus.com/tutorials/ja...le-javascript/
http://coding.smashingmagazine.com/2...ugin-patterns/
http://gruntjs.com/
http://casperjs.org/

Expérience Utilisateur
http://littlebigdetails.com/
http://fr.wikipedia.org/wiki/Psychol..._de_la_Gestalt
http://fr.wikipedia.org/wiki/Loi_de_Hick
Référence : http://developer.android.com/design/...rinciples.html - http://developer.apple.com/library/i...006556-CH5-SW1 - http://msdn.microsoft.com/en-us/libr.../dd834141.aspx

Typographie
http://www.newnet-soft.com/blog/csstypography
http://practicaltypography.com/index.html

Librairies de fontes :
http://hellohappy.org/beautiful-web-type/
http://html.adobe.com/edge/webfonts/
http://www.fontsquirrel.com/
http://www.exljbris.com/
http://www.theleagueofmoveabletype.com/
http://losttype.com/
https://typekit.com

[Monsieur Odd]

Hep, c'est cool, je suis dev' back-end et preumz !



Mais longue vie à ce topic, je touche ma bille en JS et j'aimerais vraiment m'améliorer en front parce que je suis incapable de sortir un truc correct et que ça la fout mal de pas avoir de page perso qui arrache quand on travail dans le web.

[rOut]

Mais peut-on vraiment appeler ça du developpement ?

[Monsieur Odd]

Non je ne pense pas mais on va éviter de leur dire.

[darkgrievous]

Mais peut-on vraiment appeler ça du developpement ?

Le jour ou tu devras toucher à Zend, tu regretteras la bonne époque du c et des pointeurs

[Skiant]

Mais peut-on vraiment appeler ça du developpement ?

Tu appelles ça comme tu veux du moment que tu ne parles pas de Cobol ou de Lisp ici.

[moimadmax]

Ce topic tombe à pic J'ai 2 petits sites perso à faire. Mais avant, il faut savoir pourquoi je dois les faire
En gros j'ai des espaces web à remplir

Sinon pour les liens, http://www.w3schools.com/ m'a bien aidé.

[Tomaka17]

Maintenant que le topic est ouvert on a plus qu'à attendre les questions de mr beaner

Et en attendant, crachons tous ensemble sur firefox, chrome et opera qui ne supportent même pas encore les grid de CSS3.

[Skiant]

Ce topic tombe à pic J'ai 2 petits sites perso à faire. Mais avant, il faut savoir pourquoi je dois les faire
En gros j'ai des espaces web à remplir

Sinon pour les liens, http://www.w3schools.com/ m'a bien aidé.

Ouais mais W3Schools est un site commercial qui est infesté d'erreurs. Je préfère largement Webplatform (en construction) ou le Mozilla Developer Network, qui sont réellement dédiés à l'apprentissage du web et pas à se faire un max de pognon.

Maintenant que le topic est ouvert on a plus qu'à attendre les questions de mr beaner

Et en attendant, crachons tous ensemble sur firefox, chrome et opera qui ne supportent même pas encore les grid de CSS3.

Les specs changent toutes les 3 semaines (et très très fort). Quand ils auront fini de jouer au yo-yo, je ne doute pas que Chrome, FF & Opera implémenteront le tout.

[rOut]

Ce topic tombe à pic J'ai 2 petits sites perso à faire. Mais avant, il faut savoir pourquoi je dois les faire
En gros j'ai des espaces web à remplir

Sinon pour les liens, http://www.w3schools.com/ m'a bien aidé.

Tu vas te faire lyncher toi.

[Tomaka17]

Les specs changent toutes les 3 semaines (et très très fort). Quand ils auront fini de jouer au yo-yo, je ne doute pas que Chrome, FF & Opera implémenteront le tout.

Toutes les 3 semaines ?
La dernière version date du 22 mars


Tiens sinon, sondage histoire d'alimenter le topic : pensez-vous que l'avenir du web c'est REST + des pages HTML qui servent juste à charger les données en AJAX, ou bien que ça va rester principalement des pages HTML avec le système de formulaires/POST actuel ?

[moimadmax]

Tu vas te faire lyncher toi.

Trop tard.
Mais il m'a quand même bien aidé. Par contre je suis d'accord sur le fait qu'il tente de monétiser un max. Mais quand je l'ai vraiment utiliser au début ça n'était pas comme cela.
En même temps c'est toujours aussi galère de trouver une doc claire sur le javascript.
Après c'est peut être parce que j'ai l'habitude mais il faut avouer que le PHP Manual est quand même génial. J'ai chercher en vain la même chose pour le JavaScript et je suis tombé sur w3schools

[Tomaka17]

J'ai chercher en vain la même chose pour le JavaScript et je suis tombé sur w3schools

Y a dottoro qui est pas mal.
Le plus simple reste tout de même jquery

[moimadmax]

En effet il a l'air pas mal.

[rOut]

Tu appelles ça comme tu veux du moment que tu ne parles pas de Cobol ou de Lisp ici.

Dommage, il parait que le Haskell est super puissant pour le developpement web. Notamment avec Yesod: http://www.yesodweb.com/

[alliocha]

Une grosse liste de ressources:
http://blog.reybango.com/the-big-lis...cts-and-books/

Et http://www.alistapart.com/

(pour apprendre le JS il y a http://www.codecademy.com/ et autres sites du même tonneau, c'est vraiment fait pour les débutants et c'est assez sympa)

Sinon j'espère apprendre des trucs en vous lisant

[Darkath]

J'ai commencé a faire du code academy c'est bien fait, mais en effet c'est vraiment basique pour l'instant. Je vais voir leur truc sur ruby aussi.

Je fais pas vraiment du developpement web, mais j'utilise pas mal wordpress.

[Anon26492]

Vous devriez faire un topic front et un topic back, parce que bon...

J'ai chercher en vain la même chose pour le JavaScript et je suis tombé sur w3schools

Mozilla dev network est une bonne ressource.

Tiens sinon, sondage histoire d'alimenter le topic : pensez-vous que l'avenir du web c'est REST + des pages HTML qui servent juste à charger les données en AJAX, ou bien que ça va rester principalement des pages HTML avec le système de formulaires/POST actuel ?

Pour les applis, RESTful.
Pour les sites, la manière classique n'est pas prête de disparaitre, et c'est tant mieux. Ajax de chie.

[Monsieur Odd]

Le jour ou tu devras toucher à Zend, tu regretteras la bonne époque du c et des pointeurs

Le problème de Zend c'est sa courbe d'apprentissage, c'est hardcore comme la mort au début mais après, c'est que du bonheur.

[Skiant]

Vous devriez faire un topic front et un topic back, parce que bon...

Les discussions back-end hardcore peuvent déjà prendre part dans le topic de la progra.
Si c'est juste quelques questions sur des fonctions de Wordpress ou de Drupal, on pourra survivre.

[Tomaka17]

Ca dépend ce que t'appelles "back-end hardcore"

Par exemple si j'ai un problème parce que je ne reçois pas les cookies en cas de requête AJAX, je pose la question où ? Ici parce que c'est du javascript ou dans le topic de prog parce que c'est du côté PHP que je ne les reçois pas ?

Souvent tu peux pas trop rentrer certaines choses dans une seule catégorie, front-end ou back-end.

[Anon26492]

Skiant :

PHP donc.

Remarque, c'est cohérent : HTML, CSS, JavaScript et PHP seulement, comme ça aucun language de programmation n'est évoqué sur ce topic

[Skiant]

Ca dépend ce que t'appelles "back-end hardcore"

Par exemple si j'ai un problème parce que je ne reçois pas les cookies en cas de requête AJAX, je pose la question où ? Ici parce que c'est du javascript ou dans le topic de prog parce que c'est du côté PHP que je ne les reçois pas ?

Souvent tu peux pas trop rentrer certaines choses dans une seule catégorie, front-end ou back-end.

On va pas définir des règles précises sinon on n'en sortira jamais. On verra au cas par cas, si ça devient trop le foutoir on renvoie les gens vers le topic des barbus sales.

@Mdt :
Moins je touche au code serveur, quel qu'il soit, mieux je me porte.

[Aulren]

Tu peux rajouter alsacreation et les validateur W3C dans tes liens.

[Anon26492]

Et le http://validator.nu/ tant qu'à faire.

[GrandFather]

Tiens sinon, sondage histoire d'alimenter le topic : pensez-vous que l'avenir du web c'est REST + des pages HTML qui servent juste à charger les données en AJAX, ou bien que ça va rester principalement des pages HTML avec le système de formulaires/POST actuel ?

Ce sont deux technos complémentaires, il y a peu de chances que l'une supplante l'autre.

[TiNitro]

Tu sais bien que non, viens retournons chez les purs et durs ...;

[Møgluglu]

Le front-end, c'est le décodeur et le microcode dans le proco qui interprètent les instructions assembleur, c'est ça ?

[TiNitro]

héhéhéhéhé, ouais je pense que c'est ça.

[newbie06]

Le front-end, c'est le décodeur et le microcode dans le proco qui interprètent les instructions assembleur, c'est ça ?

Pas du tout : ce sont les analyseurs lexicaux et syntaxiques dans un compilateur.