WHAT'S NEW ON TECH EP. 2

13:57 Amélie 0 Comments

Hi there! Hello ici!

I have not been writing for a long time because... well, I did not have much to say to be honest. I would rather give you qualitative content to read than quantitative with poor quality behind. So now, I have a lot of things to share with you and several articles are coming up!

First, I finished the HTML course on Codecademy!
Second, I created a website for my friends on Jimdo so I can give you a full review of the service. I just need to get the final feedback and change a few things and I can show it to you afterwards.
Third, what am I going to do next with HTML language?

But for now, let's see what's new on tech!

Je n'ai pas écrit sur le blog depuis quelques temps... pour être honnête, il s'agissait tout simplement du fait que je n'avais pas grand chose à partager. Je préfère vous donner du contenu qualitatif à lire que des articles qui s'enchaînent avec une piètre qualité. Mais maintenant j'ai pas mal de choses à partager et ce dans plusieurs articles à venir!

Premièrement, j'ai fini le cours d'HTML de Codecademy!
Deuxièmement, j'ai créé un site internet pour des amies sur Jimdo et je serai donc à même de vous donner mon avis sur les services proposés. Je dois juste attendre le feedback final et effectuer les derniers petits changements pour pouvoir vous le montrer.
Troisièmement, qu'est-ce que je vais faire avec le code HTML maintenant?

Mais à présent voyons ce qu'il y a de nouveau dans la technologie!

1. THE ROBOT THAT SEWS AN ENTIRE PIECE OF CLOTHING / LE ROBOT QUI COUD UNE PIECE DE VÊTEMENT EN ENTIER

Yes you read it right...

Jonathan Zornow - a genius! - created a robot and a program that allow a machine to sew an entire piece of clothing.
To make it simple, as for now, machines can cut the fabric, sew pieces but not an entire one. You still need to have employees to pass on, rotate, return the piece in order to get the sewing right.
One big issue was the fabric itself, indeed, it is way too soft to be handled by an automated arm.
Zornow came up with a solution and found out that if you put the fabric into a liquid version of the polymer it would be stiff and so pickable by the arm to be moved around! Right after the piece is finished, just put it in the water to make it go back to its normal shape.

What do you think about this project? Do you foresee opportunities using that robot?

Original article: MIT Technology Review


Oui vous avez bien lu...

Jonathan Zornow - un génie! - a créé un robot ainsi qu'un programme qui permettent à une machine de coudre un vêtement en entier.
Pour faire simple, jusqu'à maintenant, les machines peuvent couper le tissu, coudre des pièces ensemble mais pas un vêtement entier. Vous avez toujours besoin de personnes qui font passer les pièces, les tournent, retournent pour que les coutures soient bien faites.
Le problème majeur qui se posait était le tissu lui-même, en effet, il est bien trop mou pour être manipulé par un bras automatique.
Zornow a donc cherché et trouvé une solution. Si vous mettez le tissu dans une version liquide du polymère, le tissu devient rigide et le bras peut dont le prendre et le manipuler comme bon lui semble! Juste après avoir terminé la pièce, mettez-là dans un bain d'eau pour qu'elle retourne à son état originel.

Que pensez-vous du projet? Voyez-vous des opportunités d'utilisation de ce robot?

Article source: MIT Technology Review

2. HOW CODE CAN PROTECT YOUR JOB - COMMENT LE CODE PEUT-IL PROTEGER VOTRE EMPLOI

This is a good one! How coding can actually prevent myself from losing my job? I can already hear the sceptical saying this is pure fantasy smoke.

If you look at new educational programs, coding is making its way through all stages of children education. 
A lot of free or low-cost (I do not really like this term as it always induces 'poor' quality in everyone's mind but it is not always the case) programs exist in a lot of countries in order to attract people interested in that matter.
The demand in programing is much higher than the number of people who can deal with it. 

A good example is given by Londoner Kathryn Parsons - Decoded co-founder. The US employ about three million people in the truck industry and we have all heard about the automated driving systems and how technology is influencing this industry. 

Can you see the simple equation: three million persons knowing code/programming at different levels? The added value would be consequent! 

Original article: The Evening Standard

code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte own technology sillicon valley myself autodidact programmeur programator HTML CSS style font family size decoded
Kathryn Parsons - Decoded co-founder and co-CEO
En voici une nouvelle intéressante! Comment le code peut-il vous aider à garder votre emploi? Je vois déjà les sceptiques dirent qu'il ne s'agit que de poudre de perlimpinpin.

Si vous jetez un coup d'oeil aux nouveaux programmes éducatifs, le code fait une entrée fracassante à tous les niveaux d'éducation.
Beaucoup de programmes gratuits ou peu chers (attention, cela ne veut pas dire que la qualité est moindre) existent dans une multitude de pays et ont pour but d'attirer les personnes intéressées par ce sujet.
La demande en programmeur est bien supérieure au nombre de personnes qui savent utiliser les langages de code.

Un très bon exemple est donné par la londonienne Kathryn Parsons - co-fondatrice de Decoded. Les Etats-Unis emploient à peu près trois millions de personnes dans l'industrie du transport routier et nous avons tous entendu parler des systèmes de conduite automatique et comment la technologie influence ce secteur.

Pouvez-vous voir la simple équation: trois millions de personnes qui connaitraient le code/la programmation à différents niveaux? La valeur ajoutée serait plus que conséquente!

Article source: The Evening Standard

To be continued in the next episode, Amélie X
La suite au prochain épisode, Amélie X

0 commentaires:

CSS or C'EST SUPER STYLE!

15:04 Amélie 0 Comments

Hello Monday readers! Bonjours lecteurs du Lundi!

Here comes CSS (Cascading Style Sheets) intro! I could not believe myself how wonderful this part of HTML is! It makes your life so much easier once you control it. Let's see what it is all about.

Et voilà le CSS (ou le C'est Super Stylé!) avec une petite introduction! Je n'en croyais pas mes yeux de découvrir à quel point cet outil de l'HTML est si génial! Cela vous rend la vie tellement plus facile une fois que vous le maitrisez. Voyons voir ce que nous pouvons dire à ce sujet.

1. CSS & HTML

You need to separate HTML and CSS as CSS is the shape and HTML is the functional structure. 
There are two reasons for that:
- CSS allows to apply the same style to several different HTML pieces without re-writing all over again the same codes for each element
- You can apply an identical style to several different HTML pages from one unique file

The most efficient way to write a CSS file is to do it on a separate page and to link the two files after:
a- Write your HTML code with the content
b- Write your CSS code to indicate the style you want to have
c- Link the CSS page on your HTML page
d- Tadah! Everything looks perfect as you wanted to!

Il faut séparer le HTML et le CSS car le CSS est la forme et le HTML est la structure fonctionnelle.
Il y a deux raisons pour cela:
- Permet d'appliquer le même style à plusieurs éléments HTML sans devoir écrire le code pour chacun des éléments
- On peut appliquer une apparence et un formatage identique à plusieurs pages HTML à partir d'un seul et unique fichier

La manière la plus efficace d'écrire un document CSS est de le faire sur une page séparée du document HTML:
a- Ecrivez votre code HTML avec le contenu
b- Ecrivez le code CSS pour indiquer le style que vous désirez avoir
c- Créer un lien vers le CSS dans la page HTML
d- Tadah! Tout a une apparence parfaite comme vous le souhaitiez!

2. How to link your CSS into your HTML doc / Comment lier votre CSS dans votre doc HTML

Link has three attributes listed below:
a- 'type' always has to equal 'text/css'
b- one attribute 'rel' which always needs to equal 'stylesheet'
c- another attribute 'href' that needs to point to the internet address where your CSS doc is stored

<link type='text/css'; rel='stylesheet'; href='stylesheet.css'>

Le lien (link) a trois attributs listés ci-dessous:
a- 'type' doit toujours être égal à 'text/css'
b- un attribut 'rel' doit toujours être égal à 'stylesheet'
c- un attribut 'href' qui doit pointer vers l'adresse internet de votre fichier CSS

3. CSS syntaxe / La syntaxe CSS

The base format is as below:
Le format est indiqué ci-dessous:

code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte own technology sillicon valley myself autodidact programmeur programator HTML CSS style font family size
Credits: codecademy.com
As shown above, there are three criteria:
- selector: any HTML elements (<p>; <img>; <table> ...). You just need to get rid of the tags
- property: one of the selector's characteristics. The font family, the font size, the colour... All characteristics that can be attributed to one word or to paragraphs in your web pages
- value: one of the possible value of the property. For example 'red' is a possible value of the property 'color'.

Comme montré ci-dessus il y a trois critères:
- selector (sélecteur): n'importe quel élément de l'HTML (<p>; <img>; <table> ...). Il suffit juste de retirer les balises
- property (propriété): une caractéristique d'un sélecteur. La famille de police, sa taille, la couleur... N'importe quelle caractéristique qui peut être attribuée à un mot ou des paragraphes dans vos pages web
- value (valeur): il s'agit de l'une des valeurs possibles de la propriété. Par exemple, 'red' est l'une des valeurs possibles pour la propriété 'color'

>> All property-value couples need to be ended with ';' or it won't work <<
>> Chaque couple de propriété-valeur doit se terminer par ';' ou cela ne fonctionnera pas <<

I have put an example below of what the HTML and CSS doc both look like. The result in the right window. Do not hesitate to let me know if you have question :)

J'ai mis un exemple ci-dessous de ce à quoi ressemblent les docs HTML et CSS. Le résultat est dans la fenêtre de droite. N'hésitez pas à me faire connaître vos questions!

code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte own technology sillicon valley myself autodidact programmeur programator HTML CSS style font family size
Credits: codecademy.com
code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte own technology sillicon valley myself autodidact programmeur programator HTML CSS style font family size
Credits: codecademy.com
NB: I just started a 'real' first project with Jimdo. Do you foresee what I am talking about? ;)
NB: j'ai d'ailleurs commencé un premier 'vrai' projet avec Jimdo. Est-ce que vous voyez ce dont je veux parler? ;)

To be continued in the next episode, Amélie X
La suite au prochain épisode, Amélie X

0 commentaires:

TWO FUNNY CODE STORIES FOR YOUR WEEKEND!

16:59 Amélie 0 Comments

Hello Hello Hello!

Let's bring some fun to the weekend! Apportons un peu de fun à votre week-end!

1. Pixar and Coding - Pixar et le Code

Yes! It is all about animation movies - I have a thing with the Minions even though they are not from Pixar but Illumination. Whether you like them or not, you must admit that those films are pure artistic creations. They bring you to some worlds your imagination could not even have created (and your brain remains the best partner you have when it comes to creation). I won't explain it more, just click HERE to watch it!

code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML Pixar Nemo animation maths Danielle Feinberg magic magique ingrédient ingredient movies films film movie
Credits: ted.com

Oui! Il s'agit bien là de films d'animation - J'ai vraiment un truc avec les Minions même si ils ne sont pas la propriété de Pixar mais d'Illumination. Que vous les aimiez ou pas, vous devez admettre que ces films sont de la pure création artistique. Ils vous emmènent dans des mondes que même votre imagination n'aurait pu créer (et votre cerveau reste le meilleur partenaire que vous ayez lorsqu'il s'agit de création). Je n'en expliquerai pas plus, cliquez ICI pour regarder la vidéo!

2. Tab or Space when you code? - Quand vous codez, êtes-vous plus Tabulation ou Espace?

That's a good one! When you code, do you use Tab or Space? It is the same 'issue' as on Word. Would you type five times over the space bar to make a bigger space or use one time the tab key? The noise of typing several times on the space bar can be very annoying ;)
Wonder what all the programmers in the world use? Check it out below.
Felipe Hoffa, Developer Advocate at Google, studied about 1 billion files on GitHub = 400,000 projects = 14 Tb of data (not that much right?). He removed all duplicated and small files. Once done, he split all the files by category and here you are: the results are on the picture below.
So, are you more Tab or Space?

code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML tab tabulation space
When you use tab equals a long straight line. Credits: feub.net
code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML tab tabulation space
When you use spaces equals dots. Credits: feub.net
En voici une bien bonne! Quand vous codez, vous utilisez plutôt la Tabulation ou l'Espace? C'est le même 'problème' que sur Word. Est-ce que vous tapez cinq fois sur la barre d'espace pour faire l'espace plus grand ou juste une seule fois sur la touche tab? Entendre le bruit de la barre d'espace plusieurs fois d'affilée peut vite devenir frustrant ;)
Vous vous demandez ce que les programmateurs du monde entier utilisent? Regardez ci-dessous.
Felipe Hoffa, un Développeur de Google, a étudié 1 milliard de fichiers sur GitHub - 400,000 projets = 14 Tb de données (tellement peu n'est-ce pas?). Il a supprimé tous les fichiers dupliqués ou trop petits. Une fois cette étape effectuée, il a séparé les fichiers en catégories et vous y êtes: les résultats sont sur la photo ci-dessous. 
Alors, plutôt Tab ou Espace?

code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML Java Python tab tabs tabulation tabulations space spaces keyboard
Credits: medium.com / Felipe Hoffa
Bonus: click here to see how you can lose a potential love affair if you are a space user and your target believes in tab!

Bonus: cliquez ici pour voir comment vous pouvez perdre une potentielle histoire d'amour si vous êtes fan de la barre d'espace et que votre cible est plutôt en mode tab!


Hope you liked it! J'espère que vous avez aimé!

To be continued in the next episode, Amélie X
La suite au prochain épisode, Amélie X

0 commentaires: