Bonnes Pratiques Web
33.7K views | +1 today
Follow
 
Scooped by Mickael Ruau
onto Bonnes Pratiques Web
Scoop.it!

How to rewrite your JavaScript app ten times

How to rewrite your JavaScript app ten times | Bonnes Pratiques Web | Scoop.it
Rewriting code that seemed like it would work is never any fun. How do you avoid it? The short answer: lots of thoughtful planning.
more...
No comment yet.
Bonnes Pratiques Web
Développement Php, Mysql , Javascript, Jquery, Css3, (X)HTML5...
Curated by Mickael Ruau
Your new post is loading...
Your new post is loading...
Scooped by Mickael Ruau
Scoop.it!

Un environnement de développement PHP avec Netbeans et Docker

Un environnement de développement PHP avec Netbeans et Docker | Bonnes Pratiques Web | Scoop.it
Docker, c’est une technologie qui révolutionne la virtualisation. Pour nous les développeurs, Docker signe la fin du syndrome “works on my machine”. Je ne saurais trop vous recommander de suivre les…
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Une erreur de configuration sur un bucket Amazon S3 a exposé des infos de GoDaddy, le plus grand bureau d'enregistrement de noms de domaine du monde

Une erreur de configuration sur un bucket Amazon S3 a exposé des infos de GoDaddy, le plus grand bureau d'enregistrement de noms de domaine du monde | Bonnes Pratiques Web | Scoop.it
Le 19 juin 2018, un analyste d'UpGuard Cyber Risk a découvert un compartiment Amazon de stockage S3 lisible publiquement nommé abbottgodaddy. À l'intérieur se trouvaient plusieurs itérations d'un tableur, dont la dernière version s'appelait GDDY_cloud_master_data_1205 (AWS r10).xlsx, un fichier Microsoft Excel de 17 Mo avec plusieurs feuilles et des dizaines de milliers de lignes. Après avoir déterminé la nature des données, UpGuard a lancé des efforts de notification le 20 juin 2018. GoDaddy
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Ecommerce Free Template - Bootstrap 4 & Material Design

Ecommerce Free Template - Bootstrap 4 & Material Design | Bonnes Pratiques Web | Scoop.it
Free, responsive Ecommerce template containing many types of product pages, shopping carts, and different homepages with product presentations. Designed for business. Built with the newest Bootstrap 4 and Material Design. MIT license - free for personal and commercial use.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Angular Bootstrap with Material Design - Powerful and free UI KIT.

Angular Bootstrap with Material Design - Powerful and free UI KIT. | Bonnes Pratiques Web | Scoop.it
Angular 6, Bootstrap 4, TypeScript. CLI Version. 400+ material UI elements, 600+ material icons, 74 CSS animations, SASS files and many more. No jQuery.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Coming Soon Free Template - Bootstrap 4 & Material Design

Coming Soon Free Template - Bootstrap 4 & Material Design | Bonnes Pratiques Web | Scoop.it
Free, responsive Coming Soon template containing animated, full-page Intro and Time Counter.  Built with the newest Bootstrap 4 and Material Design. MIT license - free for personal and commercial use.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Webpack vs Gulp

Webpack vs Gulp | Bonnes Pratiques Web | Scoop.it

With both tools you can handle practically every type of workflow. In terms of usability, Gulp is the winner here: it’s much easier to define and execute your tasks. On the other hand, Webpack’s configuration options are much more flexible + it’s developing very fast and has a community growing in size with every day.

It’s hard to indicate a clear winner here: it all depends on the profile of your work and the preferences of your team.

Mickael Ruau's insight:

Using Webpack with Gulp

This article was inspired by one of the articles on CSS Tricks, specifically the discussion in the comments section.

Some people fell in love with Webpack, claiming they don’t need Gulp anymore. Some people praised the simplicity of Gulp and complained Webpack is overengineered. As one person put it: “Things need to be practical, seat-of-your-pants, and forgiving”.

In Buddy we think there’s no correct answer to that argument: we do recommend Webpack as a bundling tool, but that doesn’t mean you have to give up Gulp entirely if you start using it. After all, the ultimate aim of both applications is to help you deliver better, faster websites.

Gulp/Webpack delivery pipeline in Buddy

As you can see, our delivery workflow contains both actions: what you’re going to use in the end is entirely up to you.

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Tips for your First JSON Document — MarkLogic Developer Community

Some helpful tips and tools for writing your first JSON document
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

CSS Grid Layout en production ? - Alsacreations

CSS Grid Layout en production ? - Alsacreations | Bonnes Pratiques Web | Scoop.it

Flexbox et Grid Layout comptent parmi les spécifications qui ont le plus contribué à l'évolution des styles CSS durant ces dernières années. Véritables bénédictions pour l'intégrateur, ces deux approches ont littéralement révolutionné les modes de mise en page classiques et renvoyé les anciennes techniques bancales aux oubliettes.

Les premières ébauches de spécifications Flexbox datent de 2009, tandis que le premier brouillon officiel de Grid Layout est apparu en 2012. Bien que tous deux supportés simultanément dès la sortie d'Internet Explorer 10 en octobre 2012, l'adoption de Grid Layout en est encore à ses balbutiements en raison... d'Internet Explorer.

Quelles sont les raisons de ces réticences, et surtout, comment utiliser Grid Layout en production dès aujourd'hui ?

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

À fournir avant de lancer un développement front · Les intégristes

Je serais très heureux de lire vos commentaires.

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Comprendre l'amélioration progressive

Comprendre l'amélioration progressive | Bonnes Pratiques Web | Scoop.it

Au SXSW en 2003, Steve Champeon et Nick Finck ont présenté une conférence intitulée "Conception Web Inclusive pour le Futur". Ils ont alors dévoilé un modèle pour cette nouvelle méthode d'approche du développement web. Steve lui a aussi donné un nom : l'amélioration progressive.

 

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Explosion des prix de Google Maps : le département de Maine-et-Loire abandonne Google pour OpenStreetMaps, un service de cartographie open source

Explosion des prix de Google Maps : le département de Maine-et-Loire abandonne Google pour OpenStreetMaps, un service de cartographie open source | Bonnes Pratiques Web | Scoop.it
Début mai, Google a annoncé une refonte complète de son offre cartographique à destination des professionnels. Ces changements, qui impliquent de renseigner obligatoirement un code de carte bleue, se traduisent par une explosion des prix pour les usages professionnels avec une réduction drastique du volume d’affichages gratuits autorisés.Le quota gratuit de 25 000 cartes affichées par jour sur un site web passe maintenant à 28 000, mais par mois (soit en moyenne moins de 1000 par jour)
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

CSRF Attack Application Protection — MarkLogic Developer Community

CSRF Attack Application Protection — MarkLogic Developer Community | Bonnes Pratiques Web | Scoop.it

Cross-site scripting attacks are becoming more and more popular amongst hackers. According to the annual OWASP Foundation Top 10 report XSS (Cross-site scripting) and CSRF (Cross-site request forgery) attacks both remain in the high on this list (#3 & #6).

Since cybercrime is on the rise, it is imperative for organizations to secure their web applications from these types of attacks.

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Functional Programming: A Paradigm - DZone Java

Functional Programming: A Paradigm - DZone Java | Bonnes Pratiques Web | Scoop.it
This post explores the functional programming paradigm, including its pros and cons and the two main components of FP — pure functions and immutable values.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Angular Libraries and Microservices - DZone Microservices

Angular Libraries and Microservices - DZone Microservices | Bonnes Pratiques Web | Scoop.it
In this tutorial, we'll learn how to use Angular web development libraries to set up a consistent, integrated user interface for your microservices application.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Emailing : votre taux de clic est-il dans la moyenne ? (Étude)

Emailing : votre taux de clic est-il dans la moyenne ? (Étude) | Bonnes Pratiques Web | Scoop.it

Les données de cette étude de Yes Lifecycle Marketing, basée sur 7 milliard de mails envoyés par des marques.

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Saas Free Template - Bootstrap 4 & Material Design

Saas Free Template - Bootstrap 4 & Material Design | Bonnes Pratiques Web | Scoop.it
Free, responsive Saas template containing pages and components designed for companies owning a "software as a service" product. Built with the newest Bootstrap 4 and Material Design. MIT license - free for personal and commercial use.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Petit-Déjeuner : Ceci n'est pas un mobile

Depuis que Steve Jobs, le 9 Janvier 2007 annonçait fièrement : « Today Apple is going to reinvent the phone » le mobile est devenu protéiforme…

Mickael Ruau's insight:

Nous vous avons proposé de revenir sur la création de deux services mobiles : celui des applications de la BNP, orientées grand public, et celui du projet COSMO de la SNCF, pour ses agents de contrôle :

 

Quelles particularités distinguent l’approche à mener pour réaliser ces projets ?

En quoi ces applications exploitent les spécificités de leur plateforme mobile ?

Y a-t-il des points communs entre une application B2C et B2E ?

 

Enfin, nous avons partagé notre vision de la transformation des usages mobiles en vous présentant nos convictions sur leurs évolutions.

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Angular 6 tutorial - create your own Angular Bootstrap app, step by step

Angular 6 tutorial - create your own Angular Bootstrap app, step by step | Bonnes Pratiques Web | Scoop.it
Learn the most powerful JavaScript framework by creating your own app. We'll guide you step by step from basic to advanced concepts of Angular technology.
Mickael Ruau's insight:

Along this course you will also learn many powerful and useful technologies such as:

Angular 6

The newest Angular 6 including most recent features. Technology used by Google, Wix, weather.com and Forbes.

Angular CLI

Angular Command Line Interface which allows speeds up your development. Creation of projects, classes, services have never been easier.

Typescript

Typescript is a superset of JavaScript which allows you to use extended functionalities which were reserved till now to more advanced languages like Java or C++.

NPM

Within this tutorial you will also learn how to use Node Package Manager to easily install and maintain your project dependencies.

Cross-platform

Regardless whether you are using Windows, macOS or Unix - this tutorial show you how to use Angular on each operating system.

SPA

If you have ever wonder why some websites are blazing fast you should continue reading. This tutorial will guide you how to build Single Page Application, which works without reloading.

RWD

Within this tutorial you will learn about Responsive Web Development - in other words, how to build a website which looks awesome on each device. Regardless whether it's 30-inch monitor or smartphone screen.

MDB

This tutorial will also teach you how to combine 2 powerful tools - Bootstrap and Material Design to achieve an outstanding effect on your website or an application.

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

MDBootstrap Webpack tutorial

MDBootstrap Webpack tutorial | Bonnes Pratiques Web | Scoop.it

A Material Design for Bootstrap boilerplate for Webpack

 

This guide will walk you through how you can quickly get setup with MDB free or pro together with Webpack. This tutorial is created by Arnt Oddvar Pedersen and published thanks to his contribution.

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Build an Angular 4 Multi-Step Wizard – Part 3

Build an Angular 4 Multi-Step Wizard – Part 3 | Bonnes Pratiques Web | Scoop.it
This is the third part of the tutorial series. You will learn how to create an Angular 4 Multi-Step Wizard with Validation.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Comment architecturer un projet Angular ?

Comment architecturer un projet Angular ? | Bonnes Pratiques Web | Scoop.it
Notre formateur contributeur vous explique comment créer une architecture simple, évolutive, cohérente, réutilisable, optimisable et testable pour vos projets Angular.
more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Les modules Angular | Learn Angular

Les modules Angular | Learn Angular | Bonnes Pratiques Web | Scoop.it

Les applications Angular se doivent d'être modulaires, et pour se faire, Angular utilise son propre système de modularité appelé NgModule.

 

Une application Angular possède au moins un module, le root module, nommé par convention AppModule. Mais bien souvent, elle possède plusieurs modules s'attachant, chacun, à proposer  une fonctionnalité métier, une capacité technique, ou tout ce qui peut rendre votre code clair et modulaire.

 

 

Mickael Ruau's insight:

Attention : il ne faut pas confondre Module et Module ! 

 

Effectivement, Un module Angular n'a rien à voir avec un module JavaScript ES6 du moins au niveau de la provenance :  l'un vient de la norme EcmaScript, l'autre de l'équipe Angular. La norme ES6 (EcmaScript 6) JavaScript propose également son propre gestionnaire de module. Un module JavaScript ES6 est un fichier qui exporte quelque chose (une fonction, une classe ou un objet) que les autres fichiers pourront consommer.

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Unobtrusive JavaScript - Wikipedia

Unobtrusive JavaScript - Wikipedia

Advocates of unobtrusive JavaScript see it as part of the larger Web standards movement; much as the demand for cross-browser compatibility has driven the increasing emphasis on standardized markup and style, the increasing demand for rich Internet applications is driving the movement toward better practices with the use of JavaScript.

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Securing a REST API — MarkLogic Developer Community

Securing a REST API — MarkLogic Developer Community | Bonnes Pratiques Web | Scoop.it
Secure your three-tier applications using JSON Web Tokens
Mickael Ruau's insight:

JWT (JSON Web Tokens - pronounced as 'jot') is an open standard that defines how information should be securely transmitted between two parties as a JSON object.

JWT tokens consist of three parts, separated by the dot (period). The sections are 'Header', 'Payload' and 'Signature'.

more...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

STARTTLS Everywhere : une initiative de l'Electronic Frontier Foundation pour protéger les courriels

L'Electronic Frontier Foundation (EFF) annonce le lancement de STARTTLS Everywhere, un dispositif visant à améliorer la sécurité de l'écosystème du courrier électronique.
more...
No comment yet.