Damien Berseron, Xiu Qiang Chu, Nicolas Massouh et Cyril Balit proposent de faire un retour d'expérience sur l'un de leurs derniers projets : un moteur de recherche de véhicule neuf implémenté avec Angular en responsive web design pour Renault.
Ils vont parler :
• du contexte projet (mise en place, architecture et méthodologie)
• de la contrainte du responsive web design
• des tips and tricks utilisés tout au long du développement
• de la mise en place du SEO sur un projet Angular
Présentation utilisée en guise de support lors du Symfony Live 2014 à Paris sur comment migrer rapidement et simplement une application Symfony2 sur Azure. L'exemple se base principalement sur comment migrer son système de stockage de données et sa gestion des fichiers via la mise en place d'un Blob Storage.
PHP 5.3 : les nouveautés du futur si prochePascal MARTIN
PHP 5.3 vient de sortir en version alpha3 ; les fonctionnalités sont maintenant figées.
La version stable devrait arriver aux environs du printemps 2009 ; que nous apportera-t-elle ?
Closures, namespaces, goto, optimisations, internationalisations... Finalement, une mise à jour "mineure" apportant un lot extrêmement important de nouveautés !
Ces slides sont ceux que j'ai présenté au forum PHP Paris 2008 organisé par l'AFUP.
Présentation utilisée en guise de support lors du Symfony Live 2014 à Paris sur comment migrer rapidement et simplement une application Symfony2 sur Azure. L'exemple se base principalement sur comment migrer son système de stockage de données et sa gestion des fichiers via la mise en place d'un Blob Storage.
PHP 5.3 : les nouveautés du futur si prochePascal MARTIN
PHP 5.3 vient de sortir en version alpha3 ; les fonctionnalités sont maintenant figées.
La version stable devrait arriver aux environs du printemps 2009 ; que nous apportera-t-elle ?
Closures, namespaces, goto, optimisations, internationalisations... Finalement, une mise à jour "mineure" apportant un lot extrêmement important de nouveautés !
Ces slides sont ceux que j'ai présenté au forum PHP Paris 2008 organisé par l'AFUP.
It is aimed for developers who already used AngularJS in their projects or who are planning to. Angular is a great framework that enables you to build awesome Single Page Application (SPA). However, as your application grows, you can encounter situations where your expectations regarding the speed and/or the SEO of your application are not met.
During this conference, we will show you how to build a fast and scalable application. We will also share with you the guidelines and the tools that you should be using to keep your app well referenced on search engines, even when it scales to millions of pages!
Everyone has heard their fair share of crazy sex myths and claims. We're here to clear the air on some of these far-fetched statements.
Enjoy! Feel free to share!
Check us out online for more sexual health info: http://thethump.com/
Towards the end of 2011 we used this network to carry out an extensive research project into the salaries and benefits received by lawyers in key markets around the globe.
We received an overwhelming response from over 1,200 legal professionals and, together with our global database of lawyers, the material gathered provides the basis of this report, which we hope will be a valuable resource,
whether you are looking for a new role or to strengthen your team. If you require tailored advice, please do contact us directly.
Qu'est ce que la Web perf ?
C'est un ensemble de :
Méthodes
Bonnes pratiques
Technologies
Outils
Permettant de maximiser l'expérience utilisateur d'un site web et de diminuer les ressources permettant de le produire.
C’est une culture, une attitude, une obsession …
It is aimed for developers who already used AngularJS in their projects or who are planning to. Angular is a great framework that enables you to build awesome Single Page Application (SPA). However, as your application grows, you can encounter situations where your expectations regarding the speed and/or the SEO of your application are not met.
During this conference, we will show you how to build a fast and scalable application. We will also share with you the guidelines and the tools that you should be using to keep your app well referenced on search engines, even when it scales to millions of pages!
Everyone has heard their fair share of crazy sex myths and claims. We're here to clear the air on some of these far-fetched statements.
Enjoy! Feel free to share!
Check us out online for more sexual health info: http://thethump.com/
Towards the end of 2011 we used this network to carry out an extensive research project into the salaries and benefits received by lawyers in key markets around the globe.
We received an overwhelming response from over 1,200 legal professionals and, together with our global database of lawyers, the material gathered provides the basis of this report, which we hope will be a valuable resource,
whether you are looking for a new role or to strengthen your team. If you require tailored advice, please do contact us directly.
Qu'est ce que la Web perf ?
C'est un ensemble de :
Méthodes
Bonnes pratiques
Technologies
Outils
Permettant de maximiser l'expérience utilisateur d'un site web et de diminuer les ressources permettant de le produire.
C’est une culture, une attitude, une obsession …
Automation projects can be long and painful while ROI is always difficult to evaluate as they usually imply major transformations for teams, processes and tools. In this session, we will debat on ways to increase the value of your project while demonstrating the benefit of automation for everyone in the organization.
Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...pierredargham
Conférence WP-Tech 4 et 5 décembre 2015 à Nantes.
Votre site WordPress est lent ? Ce n’est pas une fatalité ! À travers de nombreux exemples issus de projets en production, cette conférence fera un tour des bonnes pratiques de développement et de configuration pour mettre en place des sites rapides, y compris pour des applications métiers complexes ou e-commerce.
Déterminant pour l’expérience utilisateur, important pour le référencement, les performances de votre site font partie des optimisations inévitables pour booster votre audience sur le web et améliorer votre taux de conversion.
La conférence sera également l’occasion de penser la bonne architecture des applications WordPress, les mécanismes spécifiques de l’outil pour accélérer la génération des pages et l’utilisation optimale de sa base de données.
Au programme :
Optimisations Client (concaténation, expire headers, compression gzip …)
Optimisations Serveur (cache statique, cache opcode, cache objet, transients, serialization …)
Plugins et développements tiers : comment faire le bon choix ?
Exemples de hacks réutilisables
HTTP/2 et PHP 7.0 : ce qui va changer
Flex, une techno RIA incontournable pour les futures app web ?GreenIvory
La technologie Adobe Flex est aujourd'hui reconnue comme une des solutions les plus productives pour développer rapidement des applications de type RIA (Rich Internet Applications). Le succès de cette technologie repose sur deux notions fondamentales : la portabilité et l’interopérabilité. Cela fait deux ans que nous utilisons la technologie Flex. Je viens partager avec vous mes retours d'expériences concernant le développement des applications RIA basées sur Adobe Flex.
Ahmed El Houari
Talk sur la "Performance Web : Enjeux, techniques et méthodologie" pour @RennesJS
Rappel du programme :
"Après la découverte de quelques success stories sur la performance web - des éléments pour se convaincre et savoir convaincre de l'importance de la webperf - nous aborderons les techniques élémentaires pour mettre vos pages web au régime (compression, optimisation des images, politique de cache, etc).
Ce sera aussi l'occasion d'aborder HTTP/2 : les bonnes pratiques de performance ne sont peut être plus celles que vous croyez et vos habitudes vont devoir changer, nous verrons pourquoi !
Nous n'oublierons pas d'évoquer les différents indicateurs de performance (speedindex, start render, etc), et il est fort possible que je m'égare à l'occasion sur d'autres outils de qualité front-end, comme la Content Security Policy...
En conclusion, on parlera de budget. Pas celui de la soirée, mais du budget de performance, à appliquer sur vos projets, pour créer une véritable culture de la performance web dans votre équipe !"
Présentation de Silverlight 3 Beta par Frédéric Queudret lors des MS Days organisés par l'EPITA les 10 & 11 juin 2009.
La présentation contient l'historique de Silverlight et son architecture ainsi que les nouveautés de Silverlight 3.
Session donnée lors du Drupal Camp Lyon 2012. Présentant les différentes alternatives pour gérer la mobilité avec Drupal.
- Responsive Design
- Contextes mobiles (themes mobiles)
- Applications Natives et intégrations en Web Services ou HTML5
12. PHASE DE DÉVELOPPEMENT
REPRISE DES ÉLÉMENTS DU PROTOTYPE
Quelques directives ou services
PARALLÉLISATION DES TÂCHES
Montage de toutes les vues HTML/CSS
Écriture des services et des controllers
Angularisation des vues
13. LES COMPOSANTS
CHOIX DE LA LIBRAIRIE
Angular UI : UI-bootstrap
• modal
• pagination
LES AUTRES (AVEC UNE DIRECTIVE DE SURCOUCHE)
Selectboxit
FlexSlider
jQuery UI Slider
14. TOUT AU LONG DU PROJET
DES STAND UP QUOTIDIENNES
TEST UNITAIRES AVEC KARMA
Plutôt TDD
868 tests
•
•
•
•
88% des
67% des
50% des
22% des
filtres
services
controllers
directives
15. TOUT AU LONG DU PROJET
DES STAND UP QUOTIDIENNES
TEST UNITAIRES AVEC KARMA
Plutôt TDD
868 tests
•
•
•
•
88% des
67% des
50% des
22% des
filtres
services
controllers
directives
16. TESTS UNITAIRES DES DIRECTIVES
INITIALISATION DE LA DIRECTIVE
EXEMPLE D’UTILISATION
26. MATCHMEDIA
POLYFILL FROM WEBLINC FOR < IE10
FASTER THAN NATIVE MATCHMEDIA (DEPEND ON THE
BROWSER)
https://github.com/weblinc/media-match
http://jsperf.com/matchmedia
42. SUR IOS POUR LES MACS USERS
SIMULATEUR IOS
APPAREIL BRANCHÉ USB
IOS 6, SAFARI 6
42
43. SUR ANDROID
ANDROID 3.2
APPAREIL BRANCHÉ EN USB
PAS DE DÉBUG POSSIBLE HORMIS AVEC CHROME
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
50. 2. UNE REDIRECTION…
Ex: https://gist.github.com/Stanback/7028309
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /prerender-test/
# Virtual/pushState URIs (requests not matching an existing file get forwarded to
index.html)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule .* index.html [L]
<IfModule mod_proxy_http.c>
# Enable prerendering for .html and directory index files
RewriteCond %{HTTP_USER_AGENT} googlebot|yahoo|bingbot|baiduspider [NC,OR]
RewriteCond %{QUERY_STRING} _escaped_fragment_|prerender=1
RewriteCond %{HTTP_USER_AGENT} !^Prerender
RewriteRule ^(.*.html)?$
http://prerender.herokuapp.com/http://www.yourdomain.com/prerender-test/$1 [P,L]
</IfModule>
</IfModule>
# Optionally add a ProxyPassReverse directive to ensure that 301/302 redirects
# issued by the prerender service are correctly forwarded to the client.
# Note that this must be located in your Apache config rather than .htaccess
# <IfModule mod_proxy_http.c>
#
ProxyPassReverse /prerender-test/
http://prerender.herokuapp.com/http://www.yourdomain.com/prerender-test/
# </IfModule>
51. 3. UN RENDERING STATIC
## Démarrer phantomJs et pour voir l'utiliser depuis
node.js
phantom = require "phantom" ## avec le pont
phantomjs-node
phantom.create (ph)->
ph.createPage (page)->
## Sérialisation du dom
page.evaluate ->
# Exécution dans le runtime
nodejs
return JSON.stringify({dom :
encodeURIComponent(document.documentElement.outerHTM
L)}) # Et là au sein de phantomJs
, (result)->
... ## on écrit le dom dans le fichier
ph.exit() ## TA-DAA!
56. QUELQUES CHIFFRES …
30 SITES INDEXÉS
3000 URL /SITE
1GO DE FICHIERS/SITE
20000 URL POUR RENAULTSHOP
1 REQUÊTE DE BOT/SITE/SECONDE
5 À 7 SECONDES DE CALCUL PAR PAGE
57. BILAN
OK POUR LA TECHNIQUE
MAIS ON VEUT DES RÉPONSES PERTINENTES
Pour un SEO efficace il faut du contenu
Pertinence des url à indexer, de leurs nombres …
• « cool uris don’t change »
Tim Berners-Lee
Pertinence des informations (géolocalisation)
ATTENTION AU JAVASCRIPT
59. ON A AIMÉ
L’INDÉPENDANCE DES ÉQUIPES
L’ARCHITECTURE ANGULAR
LES TESTS UNITAIRES
//TODO
ON AURAIT AIMÉ
ENCORE PLUS ORIENTÉ SERVICES
PLUS DE TESTS ET AVEC LES TESTS E2E
NE PAS SOUS ESTIMER
LA MONTÉE EN COMPÉTENCE DES ÉQUIPES
LE DEBUG SUR LES DIFFÉRENTS DEVICES CIBLES
LE SEO