Les actualités du Lundi 26 aout 2019 dans les métiers du web - Marmits.com - Reims

JavaScript: The Modern Parts * Ruffle * Pagemap * Mario HTML * Consume less, create more

Collective #543 was written by Pedro Botelho and published on Codrops.

Avant de reprendre le dernier trimestre, nous vous proposons une matinée spéciale consacrée au marketing. Trois webinars pour faire le point sur les meilleures pratiques en matière de content marketing, d’évènements de marque et de webinars, durant lequels nous vous exposerons les dernières tendances. À cette occasion, vous pourrez également poser à nos experts vos …

L’article [FORWARD] Boostez votre marketing, une matinée pour accélérer votre business est apparu en premier sur FrenchWeb.fr.

Si bien sûr chaque entreprise est différente, tour d'horizon de huit bonnes pratiques en termes de gouvernance des données dans le cloud.

Vous l’avez peut-être déjà remarqué dans le monde du travail : la gestion de projet n’est pas toujours un long fleuve tranquille. Ou plutôt, pas souvent. Délais difficiles voire impossibles à respecter, budget qui explose en vol, frictions dans l’équipe ou encore changements de programme intempestifs… Dans ces conditions, c’est un authentique défi de garder … Continuer la lecture de Les fondamentaux de la gestion de projet agile 

L’article Les fondamentaux de la gestion de projet agile  est apparu en premier sur OpenClassrooms : le blog.

"Les applications en cours de développement placeront Tezos en tant que principal compétiteur d’Ethereum, d’ici la fin de l’année."

L’article La blockchain Tezos issue de la recherche française décolle enfin est apparu en premier sur FrenchWeb.fr.

Camar is a free vintage typeface inspired to art deco and created for a set of postcards that needed a more modern feel.

The post Camar: Free vintage font appeared first on Freebiesbug.

D’ici l’année 2050, il pourrait y avoir pas moins de 10 milliards de personnes vivants sur Terre. Pour parvenir à tous les nourrir, nous aurons besoin de multiples technologies, comme l’IoT et la supervision.

Welcome to our first Creative Essentials post, a new series that focuses on the tools and resources used by different creative professionals, and the workflow they enable.

Il faut "l'engagement de différents gouvernements», avertit Janos Pasztor.

L’article Climat: la géo-ingénierie au cœur des futures normes industrielles? est apparu en premier sur FrenchWeb.fr.

Examen en vue, entretien d’embauche en perspective ou simple présentation à soutenir ? Pas de panique ! Vous n’iriez pas courir un semi-marathon sans quelques séances de préparation… Si on ne naît pas (toujours) bon orateur, on peut assurément le devenir. En la matière, un bon entraînement peut faire des miracles. Stéphane de Freitas en … Continuer la lecture de Un programme de pro pour travailler son expression orale

L’article Un programme de pro pour travailler son expression orale est apparu en premier sur OpenClassrooms : le blog.

De la base de données traditionnelle à l'open source dans les années 2000 puis maintenant par le cloud qui, progressivement redistribue les cartes, retour sur 50 d'évolutions des bases de données.

Face aux menaces pesant sur SNET, la communauté s'est mobilisée, dénonçant parfois des intimidations des autorités.

L’article SNET, l’intranet clandestin de La Havane qui touche à sa fin est apparu en premier sur FrenchWeb.fr.

Capitaliser sur la force d’une équipe est clé, notamment au travail. À plusieurs, on communique mieux, on unit plusieurs compétences pour aller plus loin, et les résultats n’en sont que décuplés. De plus, son emploi acquiert une dimension de cohésion bien agréable.  Pour autant, travailler sereinement avec ses collègues ne va pas forcément de soi. … Continuer la lecture de Les clés pour bien travailler en équipe

L’article Les clés pour bien travailler en équipe est apparu en premier sur OpenClassrooms : le blog.

L'armée allemande assure toutefois ne pas vouloir profiter de l'engouement de nombreux jeunes pour les jeux de tirs, souvent violents, pour rallier des candidats.

L’article Pourquoi l’armée allemande recrute parmi les amateurs de jeux vidéo est apparu en premier sur FrenchWeb.fr.

Si vous jonglez entre plusieurs comptes Protonmail et que vous êtes sous Windows, voici une application qui va vous intéresser. Alors oui une fois encore c’est basé sur Electron, donc intégrez-le, et pas la peine de rager ???? Restons concentrés sur l’essentiel, à savoir les fonctionnalités. Protonmail Desktop est un … Suite

Comme chaque lundi, un coup d’œil dans le rétroviseur pour découvrir les informations que vous avez peut-être ratées la semaine dernière. Brave New World Pékin a utilisé Twitter et Facebook contre les manifestants de Hongkong (liberation.fr) – voir aussi : HongKong : … Lire la suite­­

Donnez un vent de fraîcheur à vos créations avec ces nouvelles typographies gratuites de qualité....

This really is a must read for any JavaScript developer. I have written this guide to shorthand JavaScript coding techniques that I have picked up over the years. To help you understand what is going on, I have included the longhand versions to give some coding perspective.

August 26th, 2019: This article was updated to add new shorthand tips based on the latest specifications. If you want to learn more about ES6 and beyond, sign up for SitePoint Premium and check out our extensive library of modern JavaScript resources.

1. The Ternary Operator

This is a great code saver when you want to write an if..else statement in just one line.

Longhand:

const x = 20;
let answer;

if (x > 10) {
    answer = "greater than 10";
} else {
    answer =  "less than 10";
}

Shorthand:

const answer = x > 10 ? "greater than 10" : "less than 10";

You can also nest your if statement like this:

const answer = x > 10 ? "greater than 10" : x < 5 ? "less than 5" : "between 5 and 10";

2. Short-circuit Evaluation Shorthand

When assigning a variable value to another variable, you may want to ensure that the source variable is not null, undefined, or empty. You can either write a long if statement with multiple conditionals, or use a short-circuit evaluation.

Longhand:

if (variable1 !== null || variable1 !== undefined || variable1 !== '') {
     let variable2 = variable1;
}

Shorthand:

const variable2 = variable1  || 'new';

Don’t believe me? Test it yourself (paste the following code in es6console):

let variable1;
let variable2 = variable1  || 'bar';
console.log(variable2 === 'bar'); // prints true

variable1 = 'foo';
variable2 = variable1  || 'bar';
console.log(variable2); // prints foo

Do note that if you set variable1 to false or 0, the value bar will be assigned.

3. Declaring Variables Shorthand

It's good practice to declare your variable assignments at the beginning of your functions. This shorthand method can save you lots of time and space when declaring multiple variables at the same time.

Longhand:

let x;
let y;
let z = 3;

Shorthand:

let x, y, z=3;

4. If Presence Shorthand

This might be trivial, but worth a mention. When doing “if checks”, assignment operators can sometimes be omitted.

Longhand:

if (likeJavaScript === true)

Shorthand:

if (likeJavaScript)

Note: these two examples are not exactly equal, as the shorthand check will pass as long as likeJavaScript is a truthy value.

Here is another example. If a is NOT equal to true, then do something.

Longhand:

let a;
if ( a !== true ) {
// do something...
}

Shorthand:

let a;
if ( !a ) {
// do something...
}

5. JavaScript For Loop Shorthand

This little tip is really useful if you want plain JavaScript and don't want to rely on external libraries such as jQuery or lodash.

Longhand:

const fruits = ['mango', 'peach', 'banana'];
for (let i = 0; i < fruits.length; i++)

Shorthand:

for (let fruit of fruits)

If you just wanted to access the index, do:

for (let index in fruits)

This also works if you want to access keys in a literal object:

const obj = {continent: 'Africa', country: 'Kenya', city: 'Nairobi'}
for (let key in obj)
  console.log(key) // output: continent, country, city

Shorthand for Array.forEach:

function logArrayElements(element, index, array) {
  console.log("a[" + index + "] = " + element);
}
[2, 5, 9].forEach(logArrayElements);
// a[0] = 2
// a[1] = 5
// a[2] = 9

6. Short-circuit Evaluation

Instead of writing six lines of code to assign a default value if the intended parameter is null or undefined, we can simply use a short-circuit logical operator and accomplish the same thing with just one line of code.

Longhand:

let dbHost;
if (process.env.DB_HOST) {
  dbHost = process.env.DB_HOST;
} else {
  dbHost = 'localhost';
}

Shorthand:

const dbHost = process.env.DB_HOST || 'localhost';

7. Decimal Base Exponents

You may have seen this one around. It’s essentially a fancy way to write numbers without the trailing zeros. For example, 1e7 essentially means 1 followed by 7 zeros. It represents a decimal base (which JavaScript interprets as a float type) equal to 10,000,000.

Longhand:

for (let i = 0; i < 10000; i++) {}

Shorthand:

for (let i = 0; i < 1e7; i++) {}

// All the below will evaluate to true
1e0 === 1;
1e1 === 10;
1e2 === 100;
1e3 === 1000;
1e4 === 10000;
1e5 === 100000;

8. Object Property Shorthand

Defining object literals in JavaScript makes life much easier. ES6 provides an even easier way of assigning properties to objects. If the variable name is the same as the object key, you can take advantage of the shorthand notation.

The post 25+ JavaScript Shorthand Coding Techniques appeared first on SitePoint.

The post Link Hover Style 81 appeared first on Best jQuery.

The post Pagination Style 56 appeared first on Best jQuery.

https://thenextweb.com/syndication/2019/08/23/why-recaptcha-is-actually-an-act-of-human-torture/

https://css-tricks.com/multiplayer-tic-tac-toe-with-graphql/

https://dribbble.com/stories/2019/08/23/5-useful-chrome-extensions-every-web-designer-should-try