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

[Teocali]

pour du developpment d'application Web rapide et efficace en Java, et qui plus est, facilement deployable (le server d'app est contenu dans le jar), Spring Boot, c'est le Bien.

[William Vaurien]

Jette un œil sur Vaadin aussi. Très bon framework Java pour faire du client moderne sans toucher de js. (sauf pour incorporer des modules externes). C'est beau, puissant et simple.
Voir leur application sampler pour ce faire une idée.

[Hideo]

Salut les canards.

Pour un projet j'ai besoin de développer un site web proposant quelques fonctionnalités (news, calendrier, réservation, liste d'items...) pour lesquelles je vais partir sur du Spring (Boot), une techno avec laquelle moi et mon collègue on est déjà à l'aise.
On vient du back du coup pas de soucis de ce coté la, on part sur du REST pour que notre back puisse aussi fonctionner pour l'appli mobile qui va suivre.

Le truc c'est que le poto est moi on est pas du tout branché front, et qu'on a besoin d'avoir un front le moins dégueu possible et surtout qui soit un maximum mobile/tablette friendly.

Vous avez quoi comme bon combos de technos pour ce genre de use-case ? Je suis pas très à jour dans ce domaine.
On est prêt à se former dessus, on préférerai quelque chose qui n'a pas une learning cruve de bâtard vu qu'on part de loin est qu'on est quand même limité dans le temps

[Teocali]

Jette un œil sur Vaadin aussi. Très bon framework Java pour faire du client moderne sans toucher de js. (sauf pour incorporer des modules externes). C'est beau, puissant et simple.
Voir leur application sampler pour ce faire une idée.

C'est pas une variation de Google Web Toolkit, Vaadin ?

[William Vaurien]

Pas totalement: GWT est utilisé comme tuyauterie, mais en tant qu'utilisateur c'est transparent, sauf si tu veux rajouter un composant custom. Dans ce cas il faut écrire du Java pour GWT et recompiler. Ou faire un wrapper en JS directement.
En gros l'idée de Vaadin c'est que tu as une représentation 'headless' de tes clients côté serveur et qu'ils vont télécommander la partie cliente: tu envois d'abord une boite de Lego (les widgets Vaadin) et après tu envois les instructions de montage (ton programme). Il y a évidemment tout un tas de subtilités (update au moindre changement ou par batch, mode client uniquement, ... ).

La programmation est proche de Swing/JavaFx (donc par composants), mais il est possible de faire du déclaratif via des templates en HTML et de balancer du HTML directement.
De base la collection de Widget est très riche et le look and feel est très beau et facile à customiser.

J'ai fait du GWT sur un projet il y a deux ans et j'ai vraiment détesté ça. Par contre Vaadin est vraiment simple à prendre en main et donne de bon résultats rapidement sans prise de tête.
En plus c'est gratuit et open source.

[nastyshrimp]

Salut les Canards !

Je sais pas trop si c'est ici qu'il faut demander mais bon ...
Pour assister à la migration et au lancement du nouveau site ecommerce de la boite qui m'emploie, je cherche du conseil en SEO.
Y'a mass d'agences et c'est un peu la jungle ... vous en connaissez que vous recommanderiez, sachant que c'est pour du shopify ?

Sinon on fera ça au feeling

[gros_bidule]

Ché pas, mais si tu es en contact avec des gars qui font su SEO (ou prétendent faire, car les véritables experts ça court pas les rues), je te conseille la lecture de https://support.google.com/webmaster...er/35291?hl=en
Tu auras des questions à poser pour trier un peu.

[meduz]

Le SEO aujourd'hui, c'est 50 % de bon contenu, 50 % de bon balisage HTML5 et bonnes perf web.

Le reste, c'est bullshit. C'est mon avis de dév., et c'est aussi l'avis de gens spécialisés SEO qui ont arrêté l'imposture pour se tourner vers d'autres secteurs.

- - - Mise à jour - - -

Le truc c'est que le poto est moi on est pas du tout branché front, et qu'on a besoin d'avoir un front le moins dégueu possible et surtout qui soit un maximum mobile/tablette friendly.

Vous avez quoi comme bon combos de technos pour ce genre de use-case ? Je suis pas très à jour dans ce domaine.
On est prêt à se former dessus, on préférerai quelque chose qui n'a pas une learning cruve de bâtard vu qu'on part de loin est qu'on est quand même limité dans le temps

Si y'a un design de prévu : rien, à part engager un bon front. (Bonne chance pour le trouver.)

Sinon, le moins pire, c'est soit un SaaS comme SquareSpace (= 0 dév.), soit faire du Foundation/Bootstrap, soit de juste pas faire de CSS.

[Gillete]

J'hésite à poser la question ici ou dans le topic de la programmation, mais vu que ça va être une appli web, autant le faire ici
Pour mon boulot, je dois effectuer régulièrement certaine taches qui sont peu pratique à réaliser à cause de manque dans nos outils. Jusqu'ici, on s'en sortait avec des petits scripts GreaseMonkey, mais je souhaite passer à la vitesse supérieure et développer un outil qui soit bien mieux adapté à nos besoins très particulier.

Je vais partir sur du .net, utiliser un framework JS (je connais déjà AngularJS, à voir si ce n'est pas l'occasion d'en apprendre un autre) mais je ne pourrai pas utiliser les bases de données pour sauvegarder quoi que ce soit.

• Quelle est la solution la plus propre pour sauvegarder des informations de façon embarquée ?
• Quel framework JS me conseillez-vous pour une application non-overkill ?

[Teocali]

Quelle est la solution la plus propre pour sauvegarder des informations de façon embarquée ?

Local storage ?

[*]Quel framework JS me conseillez-vous pour une application non-overkill ?

Jquery ? :ninjamaispastropenfait

[Thomasorus]

Tiens rien à voir mais on cherche (genre vraiment) un dev web dotnet confirmé chez nous en Bretagne. Si vous voulez venir ou connaissez quelqu'un vous pouvez me MP. C'est urgent et c'est CDI direct sans poser de question, à pourvoir en mars.

[meduz]

nos besoins très particulier.

Je vais partir sur du .net, utiliser un framework JS (je connais déjà AngularJS, à voir si ce n'est pas l'occasion d'en apprendre un autre) mais je ne pourrai pas utiliser les bases de données pour sauvegarder quoi que ce soit.

• Quelle est la solution la plus propre pour sauvegarder des informations de façon embarquée ?
• Quel framework JS me conseillez-vous pour une application non-overkill ?

Tout dépend de ce que sont vos besoins très particulier.

Pour sauvegarder de la donnée en locale, effectivement, le localStorage est effectivement le plus simple et direct, mais t'as juste la possibilité d'aligner les key => value. Donc, si tu veux structurer des objets ou des arrays, tu dois les sérialiser et t'as pas d'accès type relationnel.

Si t'as besoin de sauvegarder du relationnel, t'as IndexedDB.

Astuce 1 : vérifie toujours bien le support des navigateurs selon tes contraintes techniques.
Astuce 2 : si tu dois rendre ton machin fonctionnel hors ligne (donc en utilisant les Service Workers), alors IndexedDB est obligatoire, car le localStorage fonctionne pas sous le joug d’un Service Worker.

[Orhin]

Je vais partir sur du .net, utiliser un framework JS (je connais déjà AngularJS, à voir si ce n'est pas l'occasion d'en apprendre un autre) mais je ne pourrai pas utiliser les bases de données pour sauvegarder quoi que ce soit.

• Quelle est la solution la plus propre pour sauvegarder des informations de façon embarquée ?
• Quel framework JS me conseillez-vous pour une application non-overkill ?

1) https://pouchdb.com/
C'est un peu le must en JS pour stocker des données en local sur un site ou une application hybride.
Pas besoin de te préoccuper de la solution de stockage, c'est la librairie qui choisit la meilleure en fonction du contexte (IndexDB, webSQL, sqlLite, etc), mais tu peux la spécifier si tu veux en choisir en particulier.
Gros gros bonus de cette solution : ça te permet de faire de la synchronisation et réplication de bdd si tu utilises http://couchdb.apache.org/ côté back.
Pour tout ce qui est applications utilisables en mode déconnecté c'est excellent.

2) Déjà, ne part pas sur du JS pur mais sur du TypeScript.
Perso c'est devenu juste indispensable pour tous nos projets web (que ce soit côté front ou back avec du Node).
Revenir sur du JS standard (surtout si < ES6) c'est comme demander à quelqu'un qui a goûté au C++ avec Boost de refaire du C sans aucune lib (bon ok cet exemple est "un poil" exagéré ).

Pour le framework en lui même, React ou Angular 2.
Dans les deux cas t'auras un minimum d'apprentissage du framework (moins pour Angular 2 si tu as déjà pratique AngularJS) mais c'est aussi ces 2 là qui offriront le plus de documentation et de ressources de la communauté.

[tenshu]

Pour le framework en lui même, React ou Angular 2..

Précisons que les 2 n'ont rien à voir hein.

[Vagabond35]

Salut les canards

Mon soucis :
je dois bosser sur un site web mais il m'est totalement inaccessible via mon réseau, j'ai tout essayé... rien à faire.

En résumé, le site est accessible partout à part sur mon réseau et ce quel que soit le navigateur ou l'appareil utilisé, smartphone compris. J'ai réussi à rejoindre le site plusieurs fois au début, mais d'un coup plus rien. Cause possible : trop de tentatives de connections au back office wordpress, merci au commanditaire de m'avoir filé plusieurs identifiants erronés.

Du coup, je pense que c'est lié à mon ip, pourtant confirmée comme non blacklistée par l’hébergeur, que je ne peux pas changer avec ma bbox. D'ailleurs chez Bouygues ils n'ont aucune solution à me proposer.
Bref, comme un galérien trop attaché à rester chez lui, j'utilise mon smartphone comme relai 4G pour me connecter au backoffice.

Mais j'aimerais me connecter via le FTP pour envoyer des fichiers et modifier facilement le site, problème ça ne marche pas avec la 4G puisque pas d'IP publique (si j'ai compris).

Ainsi, je m'en remets à vous : avez vous connaissance d'un quelconque logiciel me permettant de passer par une sorte de vpn pour me connecter en FTP ? (est-ce que cette idée est débile ?)
Ou autre solution simple à laquelle je n'aurais pas du tout pensé, comme une option à modifier sur Filezilla ?

[Thyrion]

Saluts les canards,

Je repose ici ma question après redirection par un gentil canard !
Je recherche de l'aide, j'ai commencé y a quelques mois la création d'un blog sous Symfony 3 (c'est surement ""overkill"" mais c'était pour comprendre le prince des frameworks en général avec un exemple/projet concret, je suis électronicien et du coup je code uniquement des petits programmes assez simples type automates/filtres/drivers pour les cartes que je conçois et y a jamais vraiment besoin de framework n'y même de programmation objet, voilà fin du /mylife).

J'avais suivi un tuto assez "libre" et j'ai les bases en MVC. Là j'essaye de reprendre le chantier laissé à l'abandon...
Le problème que j'ai c'est pour réaliser l'interface d'édition, c'est à dire pouvoir upload des images dans un article et les déplacer tout ça..
Donc est-ce que c'est accessible ? Est-ce que je peux le faire moi même ? Si oui quelques lignes directrices m'aideraient pas mal.
Sinon y a-t-il des modules gratos qui prennent ça en charge ? Pour linterface d’édition j'utilise déjà un module qui fait ça très bien mon problème c'est vraiment l'inclusion des images et leur redimensionnement/déplacement dans l'interface d'édition.


Merci !

[tenshu]

En Symfony on parle de bundle, et il en existe surement plusieurs pour gérer les upload d'image, génération de thumbnails etc.
Il me semble avoir utilisé au moins une fois ce LiipImageBundle, mais regarde celui qui te conviendrait le mieux.

[Thyrion]

Ah mais je l'avais déjà installé pour gérer facilement les thumbnails celui-là !
Je vois pas comment je peux m'en servir pour mon menu d'édition pour l'instant, je vais regarder la doc attentivement, merci pour l'info

[Drlecteur]

D'ailleurs, je rappelle que http://knpbundles.com 'recense' pas mal de bundle, ce qui est pas mal utile dans des cas comme ca (y'a 3/4 bundles qui sortent clairement du lot pour les images, dont Liip en effet)

[Max_well]

Ou autre solution simple à laquelle je n'aurais pas du tout pensé, comme une option à modifier sur Filezilla ?

T'as tenté en passif (via la 4G) ? (http://www.commentcamarche.net/forum...en-mode-passif)

[Drlecteur]

T'as tenté en passif (via la 4G) ? (http://www.commentcamarche.net/forum...en-mode-passif)

Je plussoie fortement. Quand ca marche pas avec les FTP, faut tenter le mode passif. Toujours.
Ça ma coûté des heures et des heures de recherches sur mon premier script Curl. Foutu mode passif.

[tenshu]

Ah mais je l'avais déjà installé pour gérer facilement les thumbnails celui-là !
Je vois pas comment je peux m'en servir pour mon menu d'édition pour l'instant, je vais regarder la doc attentivement, merci pour l'info

A mon avis c'est juste coupler le traitement à un form field.
Une grosse piste pour te mettre sur les bons rails : http://symfony.com/doc/current/contr...load_file.html

[Vagabond35]

T'as tenté en passif (via la 4G) ? (http://www.commentcamarche.net/forum...en-mode-passif)

Je plussoie fortement. Quand ca marche pas avec les FTP, faut tenter le mode passif. Toujours.
Ça ma coûté des heures et des heures de recherches sur mon premier script Curl. Foutu mode passif.

Merci pour vos réponses, j'avais déjà testé en passif mais toujours rien.
Cependant ça m'a poussé à continuer de bidouiller les options et j'ai enfin réussi à me connecter, (même sur ma connexion perso !) par contre je dois désactiver le TLS et ça ne me rassure pas vraiment, m'enfin bon au moins c'est réglé !

[MrBeaner]

Bonjour les canards ! Je suis en train d'aider une amie à monter le Wordpress de son projet associatif et j'ai un souci avec l'affichage responsive. Déjà, je suis obligé de mettre quelque chose dans la top bar pour que l'icône "menu responsive" s'affiche (mais ça c'est pas grave, je mettrai un module facebook là-haut).

Par contre, cette icône est mal fichue, parce que quand j'appuie dessus pour ouvrir le menu, ça clique deux fois sur trois sur le premier lien du menu qui s'ouvre. À priori, c'est que les liens de la liste des menus sont fonctionnels dès que l'on appuie sur l'icône, j'imagine qu'il faudrait un délais.

Si vous avez des tips, c'est par là : https://revi-org.com/fr/accueil/

[Fastela]

Longtemps utilisateur de One Dark, je viens de switcher pour Dracula, un thème pour Atom, Sublime, etc...

Ça se marie bien avec le thème dark par défaut de Visual Studio Code, je vous le conseille: https://draculatheme.com/

[MrBeaner]

C'est cool ! J'avais longtemps hésité à upgrader de Notepad++ à Sublime, mais pour mon usage sporadique et amateur, je reste sur Notepad++ (mais j'ai l'impression que ça pourrait pas mal me plaire)

[Fastela]

Je te conseille vraiment de passer à Sublime, c'est un très bon éditeur de code.

Je suis resté dessus pendant quelques années avant de basculer sur Atom (trop lent) puis plus récement sur VSCode. Sublime reste au dessus pour certaines fonctionnalités mais VSCode est tellement actif dans son developement que je pense qu'il va rattraper Sublime dans pas très longtemps.

[Drlecteur]

Perso, je suis passé a Bracket, pour le front et le end (Oui, je touche au deux comme un sale prolétaire)

C'est très sympathique, super léger, avec les mêmes extensions qu'un sublime/atom (emmet, lint , ftp etc). Y'a même le thème dracula (très sympathique d'ailleurs, mes yeux te remercient )

[Fastela]

Oui j'ai aussi essayé Brackets mais un peu comme Atom je l'ai trouvé vraiment trop lent à la réponse.

Si Atom arrive un jour à avoir le même temps de réponse que Sublime ce sera le killer, mais comme je disais j'ai vraiment confiance dans le boulot de Microsoft avec VSCode. J'espère juste qu'une jour on arrivera à avoir de l'intellisense sur le PHP (à la manière de PHPStorm).

[war-p]

Perso, je suis passé a Bracket, pour le front et le end (Oui, je touche au deux comme un sale prolétaire)

C'est très sympathique, super léger, avec les mêmes extensions qu'un sublime/atom (emmet, lint , ftp etc). Y'a même le thème dracula (très sympathique d'ailleurs, mes yeux te remercient )

Bracket ? C'est encore vivant ça ?
Et sinon d'où atom est lent ?