From dc231e91b2eceeeae516ff259db39006f190751c Mon Sep 17 00:00:00 2001 From: David Dias Date: Mon, 12 Jun 2023 19:38:01 -0400 Subject: [PATCH] feat: add image for feed --- public/rss/feed.json | 11 ++ public/rss/feed.xml | 46 +++++---- public/rss/fr/feed.json | 8 ++ public/rss/fr/feed.xml | 215 ++++++++++++++++++++++++++++++++++++++-- src/lib/generateRss.tsx | 10 +- 5 files changed, 265 insertions(+), 25 deletions(-) diff --git a/public/rss/feed.json b/public/rss/feed.json index def4698..382b112 100644 --- a/public/rss/feed.json +++ b/public/rss/feed.json @@ -63,6 +63,7 @@ "url": "https://thedaviddias.dev/articles/beyond-user-testing-leveraging-frontend-experience", "title": "Beyond User Testing: Leveraging Frontend Experience", "summary": "For over a decade, I've been collaborating with web designers, and it's clear that we sometimes have differing perspectives. 'User testing' often takes center stage in decision-making, with the rich insights of frontend experience taking a backseat. But here's the thing - collaboration is pivotal. Recognizing the value that frontend developers bring is crucial for any team aiming to succeed in our fast-paced digital age.", + "image": "https://thedaviddias.dev/images/articles/beyond-user-testing-leveraging-frontend-experience/table-computers.jpg", "date_modified": "2023-06-01T13:07:27.957Z", "author": { "name": "David Dias", @@ -75,6 +76,7 @@ "url": "https://thedaviddias.dev/articles/how-front-end-developers-ui-ux-could-better-collaborate-together", "title": "How Front-End Developers, Web and UX/UI Designers could better collaborate together?", "summary": "Collaboration between Developers and UX/UI Designers is essential to build a good product. With the right mindset, clear processes and an inclusive culture, everything is possible.", + "image": "https://thedaviddias.dev/images/articles/how-front-end-developers-web-and-ux-ui-designers-could-better-collaborate-together/featured.jpeg", "date_modified": "2021-06-13T22:27:03.206Z", "author": { "name": "David Dias", @@ -87,6 +89,7 @@ "url": "https://thedaviddias.dev/articles/9-best-practices-ux-for-two-factor-authentification", "title": "9 Best Practices & UX Improvements for the two-factor authentication (2FA)", "summary": "The best and recommended features for any website or company that takes the security of their users seriously.", + "image": "https://thedaviddias.dev/images/articles/9-best-practices-ux-for-two-factor-authentification/featured.jpg", "date_modified": "2021-02-25T00:01:00.000Z", "author": { "name": "David Dias", @@ -99,6 +102,7 @@ "url": "https://thedaviddias.dev/articles/how-to-deploy-your-nextjs-app-on-netlify-using-github-actions", "title": "How to deploy your Next.js app on Netlify using Github Actions", "summary": "Are you interested in Next.js and how to deploy your app to Netlify using Github Actions? Take a look at how Netlify allows you for free, to deploy your app with Server Side Rendering capabilities and more!.", + "image": "https://thedaviddias.dev/images/articles/how-to-deploy-your-nextjs-app-on-netlify-using-github-actions/featured.jpg", "date_modified": "2021-01-21T00:01:00.000Z", "author": { "name": "David Dias", @@ -111,6 +115,7 @@ "url": "https://thedaviddias.dev/articles/you-have-something-in-you-the-world-needs", "title": "You have something in YOU that the world needs", "summary": "Sometimes the only thing you need to remember is that you are not alone in this world.", + "image": "https://thedaviddias.dev/images/articles/you-have-something-in-you-the-world-needs/featured.jpeg", "date_modified": "2019-06-21T00:00:00.000Z", "author": { "name": "David Dias", @@ -123,6 +128,7 @@ "url": "https://thedaviddias.dev/articles/front-end-performance-checklist-speeds-up-web-developments", "title": "The Front-End Performance Checklist speeds up your web developments", "summary": "An exhaustive list of all the elements that will speed up your current web developments and offer the best user experience.", + "image": "https://thedaviddias.dev/images/articles/front-end-performance-checklist-speeds-up-web-developments/featured.jpeg", "date_modified": "2018-07-22T00:01:00.000Z", "author": { "name": "David Dias", @@ -135,6 +141,7 @@ "url": "https://thedaviddias.dev/articles/learned-presenting-side-project-europe", "title": "What I learned after presenting my side project in Europe", "summary": "An overview of what I learned presenting the Front-End Checklist during my vacations in Europe", + "image": "https://thedaviddias.dev/images/articles/learned-presenting-side-project-europe/front-end-checklist-presentation-wall.jpeg", "date_modified": "2018-05-22T00:00:00.000Z", "author": { "name": "David Dias", @@ -147,6 +154,7 @@ "url": "https://thedaviddias.dev/articles/choose-city-country-front-developer", "title": "Help me to choose the best city/country to be a Front-End Developer!", "summary": "Choosing a new city or country to leave is not an easy task. I'm sharing my process to choose the next city where I wanna live.", + "image": "https://thedaviddias.dev/images/articles/choose-city-country-front-developer/earth-rounded.jpeg", "date_modified": "2017-12-28T13:07:27.957Z", "author": { "name": "David Dias", @@ -159,6 +167,7 @@ "url": "https://thedaviddias.dev/articles/front-end-checklist-just-tool-everything-depends-on-you", "title": "The Front-End Checklist is just a tool… everything depends on you", "summary": "The steps you need to follow to efficiently use the application frontendchecklist.io", + "image": "https://thedaviddias.dev/images/articles/front-end-checklist-just-tool-everything-depends-on-you/featured.jpg", "date_modified": "2017-12-08T00:01:00.000Z", "author": { "name": "David Dias", @@ -171,6 +180,7 @@ "url": "https://thedaviddias.dev/articles/how-my-open-source-project-earned-6000-stars-on-github-in-just-5-days", "title": "How my open source project earned 6,000 stars on GitHub in just 5 days", "summary": "The Front-End Checklist is my first open-source project gaining so much attraction and visibility! In this article, I explain what happen the first 5 days my project got published.", + "image": "https://thedaviddias.dev/images/articles/how-my-open-source-project-earned-6000-stars-on-github-in-just-5-days/github-stars.jpeg", "date_modified": "2017-11-28T03:47:53.024Z", "author": { "name": "David Dias", @@ -183,6 +193,7 @@ "url": "https://thedaviddias.dev/articles/how-morning-routine-can-positively-change-your-life-forever", "title": "How a Morning Routine can positively change your life forever", "summary": "Having a Morning Routine can positively change your life in so many good ways. Through experimentation, I explore ways to improve my health and my mindset.", + "image": "https://thedaviddias.dev/images/articles/how-morning-routine-can-positively-change-your-life-forever/featured.jpeg", "date_modified": "2017-01-21T00:01:00.000Z", "author": { "name": "David Dias", diff --git a/public/rss/feed.xml b/public/rss/feed.xml index c874f89..740e225 100644 --- a/public/rss/feed.xml +++ b/public/rss/feed.xml @@ -4,16 +4,17 @@ The David Dias | Front-End Developer, podcaster & content creator https://thedaviddias.dev Hey, I'm David Dias! Front-End Developer based in Toronto/Canada. I love talking about code, technology, expatriation and life. - Mon, 12 Jun 2023 23:13:10 GMT + Mon, 12 Jun 2023 23:48:59 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed - en + en-US The David Dias | Front-End Developer, podcaster & content creator https://thedaviddias.dev/favicons/android-chrome-144x144.png https://thedaviddias.dev All rights reserved 2023, David Dias + Technology <![CDATA[Stop using the "<hr/>" tag to design a horizontal line!]]> https://thedaviddias.dev/notes/stop-using-thematic-break-to-design-horizontal-line @@ -36,7 +37,7 @@ The real purpose of the You generally don't want to have a single empty <span> or <div> element just to style it as a horizontal line. Often times, you can just use a bottom border on the element above it.

In terms of accessibility, using <hr> as a design element can confuse screen reader users, as it indicates a "thematic break".

Semantics are important, not only for accessibility but also for SEO. So, please, stop using the <hr> tag to design a horizontal line!

]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) <![CDATA[How to fix "set-output" when reading nvmrc from the GitHub Actions?]]> @@ -83,7 +84,7 @@ jobs: node-version: '${{ steps.nvmrc.outputs.NODE_VERSION }}'

And "voilà", the warning should have disappeared and you should see the number of the version right after Use Node.js XXXX in your workflow.

]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) <![CDATA[How to fix "postbuild" and "prebuild" not working with pnpm?]]> @@ -98,7 +99,7 @@ jobs: 
enable-pre-post-scripts=true

Now I can use pre/posts scripts and pnpm. I hope this could save you some time!

]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) <![CDATA[Finally received my Steam Deck confirmation email!]]> @@ -169,7 +170,7 @@ jobs: c51.398-130.047,184.869-203.22,317.483-183.603L295.204,180.593z">

Some more days to wait and I hope to get this new amazing piece of tech (it's a computer) in my own hands! Maybe I can find a nice skin on Dbrand in the meantime 😜?!

]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) <![CDATA[Beyond User Testing: Leveraging Frontend Experience]]> @@ -228,7 +229,8 @@ c59.905-109.171,178.724-165.463,295.204-151.033v145.035L512,253z"><
  • "The Benefits of Combining User Testing and UX Design" by UserTesting
  • "Why User Experience (UX) is Vital for Front-End Developers" by Echobind
    • ]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) +     <![CDATA[How Front-End Developers, Web and UX/UI Designers could better collaborate together?]]> @@ -309,7 +311,8 @@ We have more to share than just our “title”, we have more to give than just

    What about your experience? How do you like to work with others? What would you like to see happening more often within your team?

    ]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) +     <![CDATA[9 Best Practices & UX Improvements for the two-factor authentication (2FA)]]> @@ -399,7 +402,8 @@ LIST OF CODES

    Thanks for reading, I hope these suggestions would help you to have a better UX and improve your 2FA implementation.

    Feel free to ask me anything in the comments below!

    ]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) +     <![CDATA[How to deploy your Next.js app on Netlify using Github Actions]]> @@ -621,7 +625,8 @@ jobs:
  • Preview Mode for Next.js now fully supported on Netlify by Cassidy Williams
  • Announcing one-click install Next.js Build Plugin on Netlify by Cassidy Williams
    • ]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) +     <![CDATA[You have something in YOU that the world needs]]> @@ -658,7 +663,8 @@ We can battle a whole life and try to change our pasts, but you know and I know

    Right now, maybe a friend is waiting to receive a message from you. A signal to make him feel he is not alone. Have someone that can reassure him that his/her past will not define his/her tomorrow.

    …What are you really waiting for? 📲

    Disclaimer: I usually write articles about code, immigration, and tech, but a lot of my friends are lately facing the same issues, and even I try my best to help them, it’s also up to them to take action and choose the life they really want. This article is a way to hopefully help other people that may be facing the same issues in their lives. Let me a comment if you find this article relevant for your life!

    ]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) +     <![CDATA[The Front-End Performance Checklist speeds up your web developments]]> @@ -1366,7 +1372,8 @@ We can battle a whole life and try to change our pasts, but you know and I know
  • 🇯🇵 Japanese: GameWith/Front-End-Performance-Checklist
  • 🇵🇱 Polish: mbiesiad/Front-End-Performance-Checklist
    • ]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) +     <![CDATA[What I learned after presenting my side project in Europe]]> @@ -1735,7 +1742,8 @@ We can start with something really small, and that small thing can give us the o
  • Follow me on GitHub: https://github.com/thedaviddias
  • Follow me on Twitter: https://twitter.com/thedaviddias
    • ]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) +     <![CDATA[Help me to choose the best city/country to be a Front-End Developer!]]> @@ -2025,7 +2033,8 @@ c59.905-109.171,178.724-165.463,295.204-151.033v145.035L512,253z"><

    In January, my IELTS exam will give me more chances to complete some immigration forms.

    In February, I’ll start sending my resume to some companies I perceive I can fit and by chance, it’ll become easier to decide which country I should focus on more.

    In May/June, I hope to be in the country which will give me the chance to continue creating products and websites, managing young developers and working with an awesome team of experts who see the future of the web!

    ]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) +     <![CDATA[The Front-End Checklist is just a tool… everything depends on you]]> @@ -2063,7 +2072,8 @@ c59.905-109.171,178.724-165.463,295.204-151.033v145.035L512,253z"><

    Conclusion

    The success the Front-End Checklist received in such a short time reminded me that a lot of people are really interested in finding ways to improve their work. But just because the tool exists doesn’t directly help with that. You also need to commit to using it.

    In a time where AI is taking over many manual tasks, quality is a must-have. Even if automation takes over a lot of our tasks, some level of quality will remain impossible to automate, and us front-end developers still have many long days to enjoy our jobs.

    ]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) +     <![CDATA[How my open source project earned 6,000 stars on GitHub in just 5 days]]> @@ -2250,7 +2260,8 @@ Don’t hesitate, everything you do, related to coding and web, take time to pre

    By the time I wrote this article I was already working on a small open-source web app... Today, you can already access the Front-End Checklist App online!

    Due to many requests, I’m already working on an NPM module which will probably be used by a future website. It was not in my initial plans but when I saw so many people asking for, I couldn’t refuse.

    I have much more to share! I’m working on other lists that may be as good as the Front-End Checklist… Well, I hope! 😃

    ]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) +     <![CDATA[How a Morning Routine can positively change your life forever]]> @@ -2438,7 +2449,8 @@ c59.905-109.171,178.724-165.463,295.204-151.033v145.035L512,253z"><

    Tell me about your Daily or Morning Routine

    And you, do you have a daily or morning routine?

    What you do daily to improve your life, achieve your goals and take actions to build the life you want?

    ]]> - hello@thedaviddias.dev (David Dias) + thedaviddias@gmail.com (David Dias) +     \ No newline at end of file diff --git a/public/rss/fr/feed.json b/public/rss/fr/feed.json index 924e181..d4d1e62 100644 --- a/public/rss/fr/feed.json +++ b/public/rss/fr/feed.json @@ -12,9 +12,11 @@ "items": [ { "id": "https://thedaviddias.dev/fr/articles/astuces-dexpat-pour-faciliter-demarches-administratives", + "content_html": "

    \"La
    \nToute préparation à une possible expatriation passe par une phase inévitable: celle de rassembler tous les documents requis pour avoir la possibilité d’accomplir son rêve. C’est la phase que redoute toute personne qui ne souhaite pas se retrouver avec un refus de visa ou de permis de travail simplement à cause d’une « feuille de papier ». Pour vous faciliter cette phase et vous permettre de sereinement vous préparer, j’ai rassemblé toutes mes astuces et habitudes qui m’ont permis de vivre sereinement mes 3 expatriations: au Brésil, à l’Île Maurice et au Canada.

    \n

    Listez tous vos voyages sur un carnet de voyage / vol

    \n

    Un carnet de voyage ouvert et vide posé sur un vieux mappemonde marron. Entouré par une vieille loupe, de vieilles cartes postales, des lunettes et un appareil photo.\nPhoto by Dariusz Sankowski on Unsplash\nCe n’est que récemment que j’ai pris le temps de rassembler toutes les informations concernant mes précédents voyages, j’aurais préféré avoir pu le commencer avant. Aujourd’hui, pour beaucoup, les vols sont réservés en ligne: il est donc assez facile de retrouver la trace de ses voyages dans ses emails. Mais étant donné que dans mon cas, j’avais la volonté de lister tous mes voyages depuis 2003, et qu’à cette époque, la réservation en ligne n’était pas extrêmement courante, la tâche n’a pas été simple.

    \n

    \"Un
    Photo de Dariusz Sankowski sur Unsplash

    \n

    Heureusement pour moi, les photos (à l’aéroport ou de mon billet d’avion), les numérisation des pages de passeports (avec les tampons d’entrée et de sortie) m’ont permit de pouvoir lister les 22 vols en avion que j’ai effectués depuis 2003.

    \n

    Je vous partage d’ailleurs un simple modèle de feuilles de données Google que j’ai utilisé pour répertorier mes voyages (vous pouvez le dupliquer et l’enregistrer dans votre propre Google Drive). Avoir un carnet de voyage / vol est indispensable et vous sauvera de nombreuses heures de recherche lorsque votre futur pays d’expatriation vous demandera où vous êtes allez vous promener ces dernières années. Souvent, pour une demande de résidence, on peut aussi vous demander vos voyages sur les 10 dernières années (c’est le cas pour les USA). Je vous conseille de vous y préparer.

    \n

    Vous pouvez aussi trouver un modèle de journal de voyages sur le site du Canada, à imprimer si vous le souhaitez.

    \n

    Numérisez et sauvegardez en ligne vos documents importants

    \n

    \"La
    Photo de Nicole Harrington sur Unsplash

    \n

    Numériser ses documents régulièrement devrait être une habitude et une pratique enseignée à l’école! Depuis des années, j’ai l’habitude de numériser tous mes documents sur un espace de stockage en ligne comme Google Drive, totalement gratuit et simple à utiliser quel que soit votre âge. Vous pouvez de nos jours utiliser facilement votre téléphone pour la numérisation de n’importe quel document. Des applications gratuites comme Adobe Scan (que j’utilise), Microsoft Office Lens ou même Evernote Scannable uniquement pour iOS, vous permettent d’identifier le type de document et de le sauvegarder ou de le partager facilement.

    \n

    Passeports (toutes les pages écrites), carte d’identité (recto-verso), justificatifs de domicile, factures, notes du baccalauréat, diplômes, certificats de travail, fiches de paies, billets d’avions, feuilles d’impôts, les documents se trouvant dans votre portefeuille (en cas de vol, cela peut s’avérer pratique)… Tous ces documents sont importants, et je dirais que même si vous ne vous expatrier pas ou plus, prendre l’habitude de stocker ces documents peuvent vous faciliter beaucoup la tâche pour de futures démarches administratives.

    \n

    Si vous habitez en France et que vous avez un compte sur le site « Service-Public.fr » (si vous n’en avez pas, aller tout de suite en créer un!), vous avez une catégorie « Mes documents » vous permettant facilement de stocker des documents importants liés à votre état civil, un endroit en plus pour ne pas avoir à chercher ailleurs. Lors de votre l’enregistrement sur les Registres des Français établis hors de France, votre carte consulaire est automatiquement sauvegardée dans cette rubrique. Je pense que c’est le cas pour d’autres démarches également.

    \n

    ![Capture d'écran du site Service-Public.fr montrant la catégorie "Mes documents"](/images/articles/astuces-dexpat-pour-faciliter-demarches-administratives/service-public-capture.jpeg 'Capture d'écran du site Service-Public.fr montrant la catégorie "Mes documents"')

    \n

    Apprenez les bases de fonctionnement d’un éditeur de fichiers pdf

    \n

    Le format PDF est un format électronique permettant le partage assez simple de documents. Souvent vous avez aussi la possibilité de télécharger des documents aux formats JPEG, PNG qui sont des formats d’images. Mais il est toujours plus simple, surtout pour celui qui reçoit les documents de recevoir les fichiers au format PDF. S’il n’est pas déjà installé sur votre appareil, vous pouvez utiliser le logiciel gratuit Acrobat Reader ou trouver la panoplie d’autres logiciels gratuits qui vous permettent de convertir un format image en PDF, d’y insérer une image, d’écrire dans le document…

    \n

    Il m’arrive très souvent, au lieu d’imprimer des documents (et par faute d’imprimante), de les ouvrir dans un lecteur / éditeur de fichiers PDF et d’écrire sur les formulaires comme si je le faisais à la main. Une photo de ma signature importée dans ce document et me voilà avec un document entièrement rempli, que je peux facilement envoyer et sauvegarder sur mon ordinateur et en ligne.

    \n

    Les quelques astuces que vous pouvez apprendre comme remplir un formulaire (s’il n’est pas déjà prêt à être rempli) ou ajouter une image (votre signature par exemple) vous seront souvent utiles et pourront vous faire gagner un temps précieux (en plus de contribuer à protéger la planète en imprimant moins)

    \n

    Prenez-vous en photo tous les 3-4 mois

    \n

    \"Un
    Photo de [Kyle Glenn](https://unsplash.com/@kylejglenn?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) sur Unsplash

    \n

    Dans la majorité de vos démarches, il vous sera demandé une photo au format d’identité. Et quoi de plus embêtant que de vous apercevoir que vous n’en avez pas pris avant d’accidentellement vous raser un côté de la tête (ne rigolez pas, cela peut arriver à tout le monde). Si vous prenez l’habitude de prendre des photos au format identité (sans sourire et sans chapeau s’il vous plaît), cela vous permettra deux choses:

    \n\n

    Vous n’avez pas besoin d’aller à chaque fois chez le photographe (sauf pour une demande de résidence permanente), mais tâchez de respecter les consignes pour éviter de voir votre dossier refusé à cause d’une photo floue ou de dimensions incorrectes.

    \n

    Anticipez vos futures démarches

    \n

    Préparer tous vos documents pour une demande de permis de travail ou de visa étudiant c’est super! Mais pouvoir anticiper vos futures démarches c’est encore mieux. Et cela a été mon erreur très récemment: en plein processus de demande de résidence; j’ai la possibilité de faire valoir ma première année d’université et ainsi pouvoir peut-être avoir les points nécessaires pour une demande d’Entrée Express.

    \n

    Mais voilà, mon numéro d’étudiant est soigneusement rangé dans une pochette cartonnée en France et mes parents étant en vacances, ils n’ont donc pas la possibilité de m’envoyer mon identifiant. Je dois donc attendre pour pouvoir faire ma demande de relevé de notes, juste parce que je n’avais pas suffisamment anticipé ces démarches.

    \n

    Jeter un œil sur la liste des documents nécessaires pour de futures démarches peut s’avérer essentiel. Pour ceux qui ont habité dans d’autres pays comme moi, il faut considérer que certaines démarches prennent aussi plus de temps dans certains endroits. Par exemple, en France, faire une demande d’extrait judiciaire se fait en ligne, et vous recevez votre acte par la poste en moins de deux semaines (selon la destination bien sûr). A l’Île Maurice, cela peut prendre entre un à deux mois et vous devez avoir une personne sur place pour s’en occuper. Deux mois, c’est très long…

    \n

    Ne stressez pas, il y a souvent une solution à tout

    \n

    Il se peut que vous ayez beaucoup voyagé, ou que votre appartement ai pris feux un jour (je vous le souhaite pas) et que vous ayez perdu vos documents importants. Ne paniquez pas!

    \n

    Les démarches administratives font parties de tout processus d’immigration, et la majorité des personnes savent cela. Il vous manque un document? Voyez un moyen de pouvoir en récupérer une copie: il y a toujours en règle générale une alternative ou possibilité de récupérer ou avoir accès à un document important. Ne vous mettez pas davantage de pression inutile et essayer de suivre les astuces que je vous partage. Je vous assure que vos démarches n’en seront que moins stressantes et plus simples à affronter.

    ", "url": "https://thedaviddias.dev/fr/articles/astuces-dexpat-pour-faciliter-demarches-administratives", "title": "Mes astuces d'expat pour faciliter vos démarches administratives", "summary": "Toute préparation à une possible expatriation passe par une phase inévitable: celle de rassembler tous les documents requis pour avoir la possibilité d’accomplir son rêve. Pour vous faciliter cette phase et vous permettre de sereinement vous préparer, j’ai rassemblé toutes mes astuces et habitudes qui m’ont permis de vivre sereinement mes 3 expatriations.", + "image": "https://thedaviddias.dev/images/articles/astuces-dexpat-pour-faciliter-demarches-administratives/featured.jpg", "date_modified": "2019-06-21T00:01:00.000Z", "author": { "name": "David Dias", @@ -23,9 +25,11 @@ }, { "id": "https://thedaviddias.dev/fr/articles/9-reponses-questions-vous-vous-posez-toronto-canada", + "content_html": "

    Régulièrement, beaucoup de personnes me contactent pour me poser des questions sur le Canada et Toronto : parfois des jeunes qui souhaiterai s’expatrier pour la premiere fois, des couples qui souhaitent changer de vie. J’essaye autant que je peux de leur répondre avec ma petite expérience (bientôt un an) de vie dans la grande métropole.

    \n

    \"Une

    \n

    Que vous viviez en France ou dans un pays francophone, les questions que j’ai rassemblé dans cet article sont sûrement celles que vous vous posez. Il n’est pas toujours évident de pouvoir dénouer le vrai du faux en ligne, car les expériences sont toutes différentes. Il se peut même que mes réponses ne soient pas parfaites mais elles sont des pistes qui je l’espère vous permettront d’y voir plus clair.

    \n

    Quelles sont mes options pour venir m’installer au canada?

    \n

    C’est LA question que vous verrez le plus un peu partout, sur les forums, dans les groupes de discussions Facebook. Et la réponse ne tiendra jamais en quelques lignes tellement le Canada offrent des possibilités pour légalement venir habiter ou déménager sur le sol nord américain. Entre le Programme Vacances Travail, le programme mobilité francophone, le visa d’affaire, le parrainage… Un petit tour sur la rubrique « Autres visas et procédures » peut être un bon début si vous voulez en savoir plus.

    \n

    Quel que soit votre situation, vos compétences, il est presque certain qu’il existe un programme ou des démarches qui peuvent vous permettre de venir vous installer ici.

    \n

    Pour les plus jeunes, de manière générale, même s’il vous est possible de venir sans forcément avoir fait de longues études, j’ai de plus en plus tendance à fortement recommandé d’avoir un niveau Master, peu importe la filière (je vous recommande toutefois vous renseigner pour vous assurer que votre Master possède des équivalences au Canada). Le fait d’avoir un diplôme de niveau Master est un facteur qui vous favorisera toujours que ce soit pour habiter au Canada, aux États-Unis, en Nouvelle-Zélande…

    \n

    Si vous décidez de faire une demande de résidence permanente, beaucoup d’éléments sont pris en compte pour vous attribuez un certain nombre de points, avoir des études supérieures est un plus à ne pas négliger sur le long terme.

    \n

    Quelles sont mes options pour travailler à toronto?

    \n

    Beaucoup d’entreprises, notamment dans le secteurs des services ou de l’informatique, ont recours au sponsorship. Cela peut être coûteux et long pour une entreprise, mais certains ont compris l’avantage d’avoir des employés aux expériences et provenances diverses.

    \n

    Le programme mobilité francophone par lequel je suis venu au Canada est assez simple, peu coûteux et rapide (j’ai reçu mon visa de travail en 4 semaines environ). Travailler en étant sous visa du PVT est aussi une autre possibilité. J’entends parfois certaines personnes me dire que les employeurs n’aiment pas trop le PVT, je ne pourrais pas le confirmer ou le nier. Je pense simplement que si un employeur a besoin de main-d’oeuvre, il ne s’arrêtera pas à cela. C’est après à vous de le convaincre de vous embaucher.

    \n

    Changer d’emploi tous les 2 ans et demi est assez courant au Canada. Cela n’est pas forcément vu ou synonyme d’instabilité professionnelle comme cela l’est parfois en France. Votre futur employeur n’a en général aucun moyen de savoir si vous avez été licencié ou si vous êtes parti de vous même.

    \n

    Il faut aussi savoir que lorsqu’une entreprise établis votre contrat d’embauche, elle peut être amenée à vous demander le téléphone / contact de votre précédent responsable. Les vérifications existent, elles ne sont pas non plus trop poussées (ils ne demandent pas si vous êtes un gentil employé) mais simplement pour vérifier vos dires. Ne chercher donc pas à mentir à votre futur employeur, il y a de fortes chances qui le découvre.

    \n

    Comment trouver du travail au canada?

    \n

    LinkedIn. Ma première réponse est que quel que soit votre secteur, vous devez absolument avoir un profile sur LinkedIn (en anglais et actualisé). Comprendre comment les recruteurs utilisent les filtres de LinkedIn pour trouver de possible candidats est très important et vous permettra de vous différenciez.

    \n

    Mais ce n’est pas suffisant. Glassdoor, Indeed et Kijiji sont aussi des plate-formes que je vous recommande. Certaines entreprises ont souvent une rubrique sur leur site où elles postent leurs offres. Ne pas oublier aussi que les pages Facebook et comptes Twitter des entreprises qui vous intéressent peuvent aussi vous permettre de ne pas manquer une opportunité.

    \n

    Être visible est d’une importance primordiale, montrer ce que vous savez faire permet de rassurer un futur employeur. Et c’est quelque chose que vous devez mettre en place bien avant de venir au Canada. Si vous faites partie d’une association, voyez si un journal en ligne ne serait pas intéressé de vous interviewer, si vous êtes expert dans un domaine, n’hésitez pas à écrire sur un site ou votre propre articles, pensez aussi à lancer une chaîne Youtube… Il existe de nombreux moyens aujourd’hui qui peuvent vous permettre d’être visible et donner un aperçu de vos compétences à un employeur.

    \n

    JE N’AI PAS UN BON NIVEAU D’ANGLAIS, VAIS-JE POUVOIR ME DÉBROUILLER DANS LA PARTIE ANGLOPHONE DU CANADA?

    \n

    C’est certainement l’une des plus grandes craintes, et la raison pour laquelle beaucoup de français choisissent la région du Québec, plutôt que le reste du Canada. Et très honnêtement, bien que ce soit une appréhension normale, elle n’a pas forcément lieu d’être. Oui, vous serez certainement amené à beaucoup douter de vous et de votre choix lorsque pendant les premières semaines, vous n’arriverez pas forcément à vous exprimer et à tout comprendre. Mais c’est un processus temporaire et tout à fait normal: tout le monde passe par cela et s’en sort.

    \n

    Je ne peux que vous recommander de vous plonger dans la langue anglaise bien avant votre arrivée. Des années avant de venir habiter au Canada, je commençais déjà à visionner des séries en anglais (avec sous-titre d’abord en français puis après en anglais). Travaillant dans le web, tout le contenu que je suis amené à lire est le plus souvent en anglais. Aujourd’hui, avec Youtube et les podcasts, il ne manque pas de contenu en anglais pour pouvoir vous y plonger.

    \n

    Si vous souhaitez venir un mois à Toronto et pouvoir améliorer votre anglais, je ne peux qu’hautement vous recommander le cours de « English for effective communication » de l’Université de Toronto. Oui, le cours est assez cher, mais vous serez forcer de parler pendant toutes vos matinées pendant 4 semaines. Vous vous sentirez beaucoup plus à l’aise après cela et vous apprendrez énormément sur d’autres cultures.

    \n

    COMMENT EST LE SYSTÈME DE SANTÉ EN ONTARIO?

    \n

    Le système français est je pense l’un des meilleurs au monde. Et l’on s’en rends bien compte en venant ici. Le système n’est pas mauvais et mon expérience est assez limité dans le domaine, heureusement. Basé sur mon expérience personnelle: la difficulté réside surtout pour trouver un médecin de famille, obligatoire si vous souhaitez voir certains spécialistes. A ce jour, je n’en ai toujours pas.

    \n

    Par contre, ce qui est assez surprenant c’est que si vous avez une carte de santé appelé OHIP (qui est effective 3 mois après votre installation, à demander bien avant la fin des 3 premiers mois), vous sortez de chez le docteur sans rien payer. Dans mon cas, il m’est arrivé deux ou trois fois d’aller dans des walk-ing cliniques ouvertes quasiment tous les jours, et je n’ai jamais rien eu à régler. C’est un peu déroutant au début.

    \n

    Il est indispensable toutefois d’avoir une mutuelle, car certains frais peuvent vite vous coûter cher. Selon votre profession, vous pourriez avoir la chance d’avoir une bonne mutuelle. Certaines même vous allouent une somme de 1000 dollars par an pour l’utiliser à des fins médicales et couvrir certaines dépenses non pris en charge par la carte de santé ou le plan de base de votre mutuelle. Ne dépensez pas tout dans de nouvelles jolies paires de lunettes Channel!

    \n

    Combien coûte la location d’un appartement à toronto?

    \n

    Un appartement d’environ 35m2 dans le centre de Toronto peut coûter aux alentours de 2200 dollars canadien. Un appartement dans la périphérie (la GTA), plus spacieux peut vous coûter mensuellement aux alentours de 1800 dollars. Les prix peuvent varier, bien sûr, mais c’est une moyenne basé sur le témoignages des gens que je rencontre.

    \n

    Il ne faut pas commettre l’erreur de comparer avec les loyers en France (notamment Paris) ou même se dire qu’il est mieux de payer 1800 que 2200 car d’autres coûts doivent être pris en considération avant de faire son choix.

    \n

    Si vous êtes deux et que vous prenez un abonnement mensuel pour le TTC (Toronto Transit Commission société qui gère les transports de la ville), il faudra rajouter environ 150 dollars par personne, ce qui fait un total de 300 dollars par mois. Il faut aussi prendre en considération votre possible lieu de travail, les frais liés à la dépense d’eau, le chauffage etc… Dans certains condominiums, vous n’aurez à payer que l’électricité, pas la climatisation et l’eau. Il est donc important d’avoir une liste de tous les frais possibles afin de déterminer le loyer acceptable dans votre situation.

    \n

    Pour donner un exemple de mon cas personnel, pour ce qui est de l’électricité, je suis amené à payer aux alentours de 60 dollars, 100 pour l’abonnement internet et environ 150 pour deux abonnements cellulaires avec données. Avec aux alentours de 200–250 dollars de dépenses, toutes les deux semaines pour des courses au supermarché, vous avez ici un exemple de dépenses pour un couple vivant dans le centre de Toronto.

    \n

    Comment sont les torontais vis-à-vis des français? sont-ils mal / bien vus?

    \n

    Ce qui est formidable à Toronto, c’est qu’il est très difficile d’y vivre et d’y avoir des préjugés. Bien sûr, il existe des personnes qui en ont, mais le fait que la ville de Toronto soit cosmopolite rends difficile d’y vivre si on possédent des a-priori sur les personnes et les nationalités..

    \n

    J’ai récemment organisé une petite fête entre amis, où sur 20 personnes, 14 nationalités étaient représentées: de quoi vous donner une idée de la pluri-culturalité qu’il peut y avoir à Toronto.

    \n

    Comment décrire le niveau de vie?

    \n

    J’ai tendance à trouver que les prix sont plus ou moins comparables à ceux que vous pouvez trouver en France. Certaines enseignes affichent des prix un peu plus élevés que d’autres. Loblaws est considéré par certains comme étant le plus cher mais la viande et les fruits de mer y sont de qualité. Vous avez Walmart, Costco, Sobeys sont d’autres enseignes répandues au Canada.

    \n

    Bien sûr, le fromage, le vin et autres spécialités françaises restent plus chers qu’en France, mais c’est le cas de tous les pays importateurs de produits français. Oui souvent, lorsque l’ont passe des vacances France, nos familles et amis ne comprennent pas forcément pourquoi certains repas se résument à plusieurs fromages, du pain et une bonne bouteille de vin rouge… On peut pas leur en vouloir, mais n’espérer pas qu’ils comprennent.

    \n

    Qu’est est la plus grosse difficulté qu’on peut avoir en s’expatriant à toronto?

    \n

    L’expatriation en règle générale a son lot de haut et bas (voir le schéma ), des phases qui peuvent durer plus ou moins longtemps selon les personnes et les événements. A chaque expatriation, les phases sont les mêmes. Il ne faut pas faire l’erreur de croire que plus on vit d’expatriations plus cela est facile, ça ne l’est pas.

    \n

    Etant certainement dans la phase « acceptation » maintenant, il a fallu affronter des moments de doutes et de crise, personnelle et professionnelle. Pendant ces moments, le replis sur soi est souvent perçu comme une solution, mais je vous en décourage fortement. Le Canada étant un pays d’immigrants, vous pouvez être assuré qu’il existe juste à côté de vous une personne qui est passé par les mêmes phases et qui sera là pour vous aider.

    \n

    Le plus gros défi, que j’ai personnellement dû affronter récemment concerne la manière dont certains Canadiens (attention toujours à ne pas généraliser) ont pour communiquer lorsqu’il y a des problèmes. J’ai été surpris, dans le cadre professionnel, de passer du tout va très bien à tout va très mal, en l’espace simplement de quelques semaines. A ma grande surprise, tous les francophones, immigrés à Toronto que je connais, m’ont témoigné être passer par là, souvent durant leur première année au Canada. C’est rassurant de savoir que mon cas n’est pas isolé.

    \n

    Il existe un certain non-dit parfois, qui peut parfois être une bonne chose mais qui lorsque nous n’avons pas l’habitude peut aussi être déroutant. C’est quelque chose à avoir en tête, mais qui fait partie du jeu.

    ", "url": "https://thedaviddias.dev/fr/articles/9-reponses-questions-vous-vous-posez-toronto-canada", "title": "9 réponses aux questions que vous vous posez sur Toronto et le Canada", "summary": "Régulièrement, beaucoup de personnes me contactent pour me poser des questions sur le Canada et Toronto : parfois des jeunes qui souhaiterai s’expatrier pour la premiere fois, des couples qui souhaitent changer de vie. J’essaye autant que je peux de leur répondre avec ma petite expérience (bientôt un an) de vie dans la grande métropole. ", + "image": "https://thedaviddias.dev/images/articles/9-reponses-questions-vous-vous-posez-toronto-canada/featured.jpg", "date_modified": "2019-06-17T00:01:00.000Z", "author": { "name": "David Dias", @@ -34,9 +38,11 @@ }, { "id": "https://thedaviddias.dev/fr/articles/comment-canada-devenu-maison-4-ans-tentatives", + "content_html": "

    C’est en 2014 que je pose les pieds au Canada pour la première fois. Depuis cette année, j’ai tenté de tout mettre en œuvre pour que ce pays, et spécialement la ville de Toronto, devienne ma maison. En juin 2018, après deux tentatives de PVT, un déménagement de deux ans à l’Île Maurice, je pose enfin les pieds au Canada avec ma femme et mon permis de travail en poche. Ce n’est que le début de l’aventure!

    \n

    \"Un

    \n

    UN PARCOURS PAS COMME LES AUTRES

    \n

    Aucun parcours n’est jamais le même. Celui que j’ai eu au cours des dernières années n’a pas toujours été facile, faire face à l’inconnu de savoir si un jour je pourrais vivre au Canada… Mais je me suis toujours dis que si certains pouvaient y arriver, il n’y avais pas de raison que moi-même je ne puisse pas y arriver non plus.

    \n

    Tout a commencé à mon retour du Canada en 2014: j’ai passé beaucoup de temps à lire des articles, des livres et des témoignages de personnes en ligne ou même à discuter de l’expatriation au Canada avec des personnes que je rencontrais. Je souhaitais avoir les pour, les contre, tout ce qui pouvait m’aider à faire les choix qui me correspondent le plus. Malgré mes tentatives de PVT en 2015 et en 2016, je n’ai pas renoncé pour autant à trouver un moyen de commencer une nouvelle vie future au Canada.

    \n

    Étant développeur web (Front-End) depuis déjà plusieurs années, je n’étais pas sans ignorer que ma profession est en forte demande un peu partout dans le monde, le Canada ne dérogeais pas à la règle. Mais même avec cet avantage dans les mains, il faut parfois se rendre plus visible car au milieu de tous les potentiels candidats, il faut pouvoir savoir prouver sa valeur et montrer à son futur possible employeur l’avantage que l’on peut représenter face à un candidat Canadien.

    \n

    SOYEZ VISIBLE AVANT TOUT

    \n

    C’est notamment grâce à un de mes projets informatique open-source (dont la fameuse Front-End Checklist) que j’ai pu me faire connaître. Grâce à ces plus de 33 000 étoiles (l’équivalent des j’aimes de Facebook), j’ai eu la chance de gagner une visibilité internationale qui a certainement joué pour pouvoir alors décrocher des entretiens dans plusieurs startups de Toronto avant même de venir sur place.

    \n

    Après avoir passé beaucoup temps sur LinkedIn et Glassdoor, j’ai eu la chance de pouvoir passer plusieurs entretiens via Skype, à chaque fois avec différentes personnes. Les 3-4 entretiens pour une même entreprise étant assez courants au Canada. Il faut s’y préparer et être relax: tous les recruteurs que j’ai pu rencontrer ont vraiment été supers et transparents. Celles-ci ont été des expériences différentes de celles que j’avais pu avoir par le passé.

    \n

    LE PROGRAMME MOBILITÉ FRANCOPHONE

    \n

    C’est aussi en grande partie grâce à l’existence du programme mobilité francophone que j’ai pu assez facilement, ayant une proposition de travail, décrocher mon permis de travail et venir m’installer au Canada.

    \n

    Contrairement à un sponsorship, le programme mobilité francophone ne coûte qu’aux alentours de 230 dollars canadien pour l’employeur. Après avoir remplir un formulaire en ligne sur le portail de l’employeur canadien, il reçoit un numéro correspond au dossier et que vous aurez à indiquer dans les documents que vous devrez réunir et transmettre en ligne. Il faut noter que le Canada est vraiment exemplaire, de mon point de vue, en ce qui concerne leur le site officiel du gouvernement du Canada et tous les services à destination des futurs immigrés.

    \n

    TROUVER UN TRAVAIL N’EST PAS TOUJOURS LE PLUS COMPLIQUÉ

    \n

    Grâce à mon expatriation au Brésil de 2006 à 2009 et puis celle de l’Île Maurice entre 2015 et 2018, j’ai vécu mon expatriation au Canada de manière plus sereine. Cela n’empêche cependant pas les remises en questions et les manques de repères, ce qui au début est toujours une phase quelque peu déroutante. La clé pour moi et ma femme a certainement été de ne pas trop regarder en arrière mais plutôt en avant. Trouver des solutions aux problèmes qui pouvaient possiblement se manifester et accepter le choix que nous avions fait de venir au Canada.

    \n

    La recherche d’un logement a été beaucoup plus compliquée que nous l’avions anticipé. L’absence d’un historique de crédit (un document permettant de montrer que vous remboursez correctement vos crédits et dettes) rends plus difficile pour de nouveaux arrivants d’être accepté par les bailleurs. D’autant plus, que nous recherchions dans le centre-ville de Toronto, là où la demande est très élevée et les places rares.

    \n

    Grâce à l’aide d’une « broker » française: Nelly de Breze, après un mois et demi de Airbnb, nous avons finalement pu trouver un petit appartement (environ 35 mètres carrés) dans un condo à 15 minutes à pied de mon travail, et 5 minutes à pied du travail de ma femme. On ne pouvait vraiment pas rêver mieux.

    \n
    \n

    Un an s’est presque écoulé depuis notre arrivée au Canada. Il n’y a pas un jour qui se passe où nous regrettons notre choix. Nous commençons à nous préparer pour notre demande de résidence via l’Entrée express. Une autre étape confirmant notre volonté de faire partie de ce merveilleux pays qui nous permet de connaître de nouvelles personnes chaque jour, souvent eux aussi expatriés au Canada!

    ", "url": "https://thedaviddias.dev/fr/articles/comment-canada-devenu-maison-4-ans-tentatives", "title": "Comment le Canada est devenu ma maison après 4 ans de tentatives?", "summary": "C’est en 2014 que je pose les pieds au Canada pour la première fois. Depuis cette année, j’ai tenté de tout mettre en œuvre pour que ce pays, et spécialement la ville de Toronto, devienne ma maison. En juin 2018, après deux tentatives de PVT, un déménagement de deux ans à l’Île Maurice, je pose enfin les pieds au Canada avec ma femme et mon permis de travail en poche. Ce n’est que le début de l’aventure!", + "image": "https://thedaviddias.dev/images/articles/comment-canada-devenu-maison-4-ans-tentatives/featured.jpg", "date_modified": "2019-04-02T00:01:00.000Z", "author": { "name": "David Dias", @@ -45,9 +51,11 @@ }, { "id": "https://thedaviddias.dev/fr/articles/outils-astuces-rendre-accessible-performante-application-react", + "content_html": "

    L’accessibilité et la performance sont deux (vastes) sujets qui m’ont toujours passionné et qui sont devenus ces dernières années au centre de nombreux meetups et conférences auquels j’ai pu assister (petit clin d’oeil à A11yTO). Récemment expatrié au Canada, j’ai eu l’opportunité, dans ma nouvelle entreprise, de dédier mon temps à la refonte d’un project avec React et de devoir du coup, rendre cette application accessible et performante. (Youpi !)

    \n

    Que vous connaissiez React ou pas, que vous utilisiez un framework JavaScript ou que vous développiez un simple site web en HTML et CSS, les outils et astuces que j’ai rassemblé dans cet article vous permettront de mieux appréhender ces problématiques et d’y répondre correctement dans vos projets (présents et futurs).

    \n

    Tout le monde a besoin d’accessibilité

    \n

    L’accessibilité (aussi appelée a11y) est un sujet qui a toujours été présent depuis le début du web.

    \n

    Encore de nos jours, certaines entreprises et même développeurs continuent pourtant de penser que l’accessibilité est un sujet à part… tout comme certains pensaient il y a quelques années que l’UX (Expérience Utilisateur) n’était pas importante… Hum hum. Je vais prendre un exemple très simple pour vous démontrer l’importance de rendre un site internet ou une application web accessible.

    \n

    Imaginons que vous deviez en urgence acheter un billet d’avion ou de train de chez vous. Vous êtes sur votre PC, vous naviguez tranquillement sur le site d’achat quand soudain… votre souris fonctionnant sur batterie, n’a plus de jus (et non vous n’avez pas de piles de rechange ni même le câble USB pour la connecter à votre ordinateur, et votre iPhone 5s vient juste de s’éteindre). Imaginons donc que vous n’ayez plus que votre clavier pour finaliser votre achat. Et maintenant imaginez que le développeur n’ait absolument pas eu envie de tester la navigation par clavier. On peut même imaginer qu’il ait gentiment mis un outline: 0; parce que le client n’aimait pas voir ce contour bleu autour des liens et boutons.

    \n

    Je ne pense pas avoir besoin d’aller plus loin. J’ai beaucoup d’autre exemples aussi simple que celui-ci, qui ne mettent aucun doute sur le fait que l’accessibilité n’est pas une thématique limitée aux personnes avec des handicaps ou problèmes physiques. L’accessibilité est une thématique actuelle et universelle.

    \n

    La documentation de React consacre toute une page concernant l’accessibilité et vous y trouverez des éléments complémentaires au contenu de mon article.

    \n

    Mes outils de base pour « mesurer et analyser »

    \n

    Que vous veniez de commencer à développer votre application ou que vous deviez optimiser un projet existant, il y a certains outils que vous pouvez utiliser pour vous donner un aperçu du statut de votre projet.

    \n

    Lighthouse

    \n

    Que ce soit l’accessibilité, la performance, le SEO ou tout autre domaine front-end, il est important de pouvoir mesurer régulièrement l’état de votre application avant d’y apporter des améliorations ou corrections. L’un des outils que j’utilise quotidiennement et que vous connaissez peut-être est Lighthouse.

    \n

    \"\"
    Résultats d’analyse de Lighthouse sur 24joursdeweb.fr.

    \n

    Beaucoup mis en avant lors du dernier Google Dev Summit en novembre 2018, Lighthouse est l’outil que vous trouverez soit dans l’onglet « Audit » des outils de développement de Chrome, ou maintenant intégré dans la page résultat de Google PageSpeed Insights. Vous pouvez ainsi analyser n’importe quel site en utilisant n’importe quel navigateur.

    \n

    Webhint

    \n

    Webhint est aussi un outil (open-source) qui a été créé par deux connaissances travaillant chez Microsoft. La documentation présente sur leur site est une des plus complètes que j’ai vu à ce jour, je vous recommande d’y jeter un œil.

    \n

    Vous pouvez soit utiliser leur site ou analyser n’importe quel site utilisant la ligne de commande. Webhint vous génèrera un rapport en HTML que vous pourrez partager avec vos équipes ou votre client.

    \n

    … et les autres

    \n

    Dareboost (entreprise française) et Calibre sont d’autres services que j’utilise selon les projets et que vous pouvez tester gratuitement pour une durée ou un nombre de fois limité.

    \n

    Repérer les erreurs et optimiser l’accessibilité

    \n

    Au delà des outils précédents qui vous donnent un aperçu global de l’état de votre site internet ou de votre application web, il m’arrive de travailler avec des packages ou modules plus spécifiques que je couple avec mon workflow de travail. Mais avant de vous les présenter, voici par quoi vous devez commencer : activer l’inspecteur d’accessibilité.

    \n

    Dans Google Chrome:

    \n\n

    \"\"

    \n

    Dans Mozilla Firefox:

    \n

    Ouvrez la boîte à outils du développeur dans Firefox: depuis la version 63 de Firefox, vous devriez avoir un onglet « Accessibilité » comme sur la capture suivante. Il suffit de cliquer sur le bouton pour l’activer.\n

    \"\"

    \n

    ESLint-plugin-jsx-a11y

    \n

    Si vous travaillez avec JavaScript depuis quelques temps, vous devez certainement utiliser ESLint dans votre workflow (vous pouvez lire cet article pour une complète présentation d’ESLint). ESLint-plugin-jsx-a11y, qui fonctionne avec ESLint) est un simple plugin qui va vous alerter dans le cas où votre code présente une erreur en terme d’accessibilité. Un simple outil mais efficace pour détecteur une erreur pendant le développement ou au moment du build.

    \n

    stylelint-a11y

    \n

    Récemment sorti, stylelint-a11y, est à utiliser si bien sûr vous utiliser Stylelint de base. Le plugin vous alerte sur des possibles erreurs d’accessibilité dans votre CSS / Sass.\nSi par exemple, vous utilisez une taille de texte trop petite ou des display: none, stylelint-a11y vous le dira.

    \n

    Permettre à un utilisateur d’accéder au contenu de votre website ou application en prenant en compte tous ces facteurs est important. Addy Osmani, ingénieur chez Google, a récemment publié un article sur le « Coût du JavaScript » et présente les problématiques et les solutions pour améliorer les performances de son site ou application.

    \n

    react-a11y

    \n

    react-a11y est un autre module qui vous alerte de possibles problèmes d’accessibilité directement dans votre console.

    \n

    react-axe

    \n

    react-axe, similaire à react-a11y, mais est basé sur axe-core développé par Deque et qui permet aussi de prendre connaissance de possibles erreurs d’accessibilité. Vous pouvez aussi télécharger l’extension aXe qui rajoute un onglet à votre Google DevTools et vous donne la même chose que react-axe mais pour n’importe quel site.

    \n

    D’autres plugins à explorer

    \n

    Malheureusement, il serait trop long de vous parlez de tous les plugins que j’ai pu tester depuis le début de mon projet, et qui m’on permis de construire une application React plus accessible. Je vous partage toutefois une petite liste de plugins (régulièrement mis à jour) auxquels je vous recommande de jeter un œil :

    \n\n

    Rien ne vaut le test manuel

    \n

    Bien sûr, après avoir testé et optimiser votre code à l’aide de ces outils, le seul vrai moyen de tester votre application et d’inviter des personnes avec des difficultés d’accessibilité différentes à la tester manuellement. Ils pourront ainsi vous faire des retours utiles basés sur leurs expériences et leur manière de naviguer le web.

    \n

    \"\"

    \n

    Après avoir traiter assez rapidement certains outils et astuces pour davantage d’accessibilité, nous allons nous pencher sur la performance.

    \n

    Mais au fait, c’est quoi la performance ?

    \n

    Que vous viviez en France ou au Canada, de nos jours, les connexions internet sont ici et là extrêmement rapides. Mais Internet n’est pas limité à la France, ou même à l’Europe ou à l’Amérique. Internet est accessible de n’importe où dans le monde et à travers n’importe quel appareil (téléphone, smartphone, TV, montre, réfrigérateur, tableau blanc tactile…).

    \n

    Savoir détecter les problèmes de performance

    \n

    Améliorer les performances de son site ou plus particulièrement de son application React demande l’utilisation de certains outils que nous pouvons utiliser dès le début, au milieu ou même en fin de projet.

    \n

    Commencer par analyser vos bundles

    \n

    webpack-bundle-analyser n’est pas un outil spécifique à React : c’est un plugin qui permet de visualiser le poids de vos modules et fichiers JavaScript présents dans vos bundles générés par Webpack. C’est un bon moyen de découvrir un potentiel module qui serait trop lourd. Il est tout à fait possible de l’utiliser dès que vous commencer à importer des packages pour votre projet.

    \n

    Choisir une meilleure alternative

    \n

    Si webpack-bundle-analyser a mis un évidence certains modules qui pourraient impacter vos performances, vous pouvez alors utiliser Bundlephobia pour choisir d’autres modules équivalents (et plus léger). Un simple exemple avec la fameuse librairie Moment.js qui en général est utilisée à tort et à travers et qui pourrait très souvent être remplacée par d’autres librairies beaucoup plus petites.

    \n

    Avant de choisir d’utiliser quelqueconque plugin, n’hésitez pas à vous demander si celui que vous souhaitez utiliser est vraiment utile, s’il n’existe pas d’autres alternatives ou une alternative plus légère…

    \n

    Analyser vos props pour éviter le rendu inutile

    \n

    Le module why-did-you-update peut vous permettre de vous alerter lorsque vos props sont re-rendu inutilement.

    \n

    \"\"

    \n

    Il vous suffit d’installer le package dans votre projet et insérer ce bout de code dans votre app.js :

    \n
    import React from 'react'\n\nif (process.env.NODE_ENV !== 'production') {\n  const { whyDidYouUpdate } = require('why-did-you-update')\n  whyDidYouUpdate(React)\n}\n
    \n

    Astuces pour améliorer les performances de votre application react

    \n

    Utiliser le tree-shaking

    \n

    Le « tree-shaking » est une technique qui permet, à la création de votre bundle, de ne pas inclure du « code mort » dont vous n’avez pas besoin. Vous vous retrouvez donc avec un bundle plus léger.

    \n

    Pour cela, vous devez utiliser :

    \n\n

    Un exemple de bonne pratique à adopter :

    \n
    // Au lieu de\nimport * from 'package'\n\n// Préférer cela\nimport { module } from 'package'\n
    \n

    N’oubliez pas la mise en cache

    \n

    La mise en cache n’est pas forcément utile dans la phase de développement mais est indispensable pour une web application en production. Cela consiste tout simplement à rajouter un hash (série de chiffres et caractères) qui change à chaque fois que le contenu du fichier est modifié.

    \n

    Ce que beaucoup font consiste à créer au moins un bundle (à l’aide de Webpack) « main » avec votre propre code et un fichier « vendor » qui contiendrait tous les fichiers des libraries externes que vous seriez amener à utiliser. (en production, préférer l’utilisation de contenthash).

    \n

    Ce n’est qu’un début…

    \n

    Bien sûr dans cet article, je n’ai fait que gratter la surface (il y aurait beaucoup d’autres points à traiter), l’accessibilité et la performance web sont des spécialités à part entière qui demande beaucoup de pratique avant d’être appréhendé correctement. Mais aujourd’hui, plus que jamais, si vous n’en avez pas fait vos domaines d’expertises, ce sont définitivement des sujets qu’il est impossible d’ignorer. Le Web a toujours été un moyen de partage et de communication ouvert à tous, c’est à nous, architectes de faire en sorte que cela puisse continuer de la sorte.

    \n

    Je vous laisse quelques ressources complémentaires qui vous permettront d’approfondir un peu plus ces 2 thématiques !

    \n

    Accessibilité :

    \n\n

    Performance :

    \n\n

    Et bientôt, j’aurais le plaisir de publier la « Front-End Accessibility Checklist » sur GitHub, restez attentif !

    ", "url": "https://thedaviddias.dev/fr/articles/outils-astuces-rendre-accessible-performante-application-react", "title": "Outils et astuces pour rendre accessible et performante son application React", "summary": "L'accessibilité et la performance sont deux de mes sujets de prédilection. Je partage dans cet article mes astuces et conseils pour vous assurez une qualité minimum pour votre projet.", + "image": "https://thedaviddias.dev/images/articles/outils-astuces-rendre-accessible-performante-application-react/featured.jpg", "date_modified": "2018-12-24T02:34:11.000Z", "author": { "name": "David Dias", diff --git a/public/rss/fr/feed.xml b/public/rss/fr/feed.xml index 2ef5928..95ecbd5 100644 --- a/public/rss/fr/feed.xml +++ b/public/rss/fr/feed.xml @@ -1,10 +1,10 @@ - + The David Dias | Développeur Front-End, podcasteur & créateur de contenu https://thedaviddias.dev Salut toi! Je m'appele David Dias. Je suis développeur Front-End, podcasteur, créateur de contenu numérique passioné pour résoudre les problèmes digitaux et humains! J'aime rencontrer de nouvelles personnes, bâtir des communautées et parler de tech, d'expatriation et de web. - Mon, 12 Jun 2023 23:13:10 GMT + Mon, 12 Jun 2023 23:48:59 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed fr @@ -14,13 +14,50 @@ https://thedaviddias.dev Tous droits réservés 2023, David Dias + Technologie <![CDATA[Mes astuces d'expat pour faciliter vos démarches administratives]]> https://thedaviddias.dev/fr/articles/astuces-dexpat-pour-faciliter-demarches-administratives https://thedaviddias.dev/fr/articles/astuces-dexpat-pour-faciliter-demarches-administratives Fri, 21 Jun 2019 00:01:00 GMT - hello@thedaviddias.dev (David Dias) +
    La main d'un homme tenant une plume prêt à signer un document.
    +Toute préparation à une possible expatriation passe par une phase inévitable: celle de rassembler tous les documents requis pour avoir la possibilité d’accomplir son rêve. C’est la phase que redoute toute personne qui ne souhaite pas se retrouver avec un refus de visa ou de permis de travail simplement à cause d’une « feuille de papier ». Pour vous faciliter cette phase et vous permettre de sereinement vous préparer, j’ai rassemblé toutes mes astuces et habitudes qui m’ont permis de vivre sereinement mes 3 expatriations: au Brésil, à l’Île Maurice et au Canada.

    +

    Listez tous vos voyages sur un carnet de voyage / vol

    +

    Un carnet de voyage ouvert et vide posé sur un vieux mappemonde marron. Entouré par une vieille loupe, de vieilles cartes postales, des lunettes et un appareil photo. +Photo by Dariusz Sankowski on Unsplash +Ce n’est que récemment que j’ai pris le temps de rassembler toutes les informations concernant mes précédents voyages, j’aurais préféré avoir pu le commencer avant. Aujourd’hui, pour beaucoup, les vols sont réservés en ligne: il est donc assez facile de retrouver la trace de ses voyages dans ses emails. Mais étant donné que dans mon cas, j’avais la volonté de lister tous mes voyages depuis 2003, et qu’à cette époque, la réservation en ligne n’était pas extrêmement courante, la tâche n’a pas été simple.

    +

    Un carnet de voyage ouvert et vide posé sur un vieux mappemonde marron. Entouré par une vieille loupe, de vieilles cartes postales, des lunettes et un appareil photo.
    Photo de Dariusz Sankowski sur Unsplash

    +

    Heureusement pour moi, les photos (à l’aéroport ou de mon billet d’avion), les numérisation des pages de passeports (avec les tampons d’entrée et de sortie) m’ont permit de pouvoir lister les 22 vols en avion que j’ai effectués depuis 2003.

    +

    Je vous partage d’ailleurs un simple modèle de feuilles de données Google que j’ai utilisé pour répertorier mes voyages (vous pouvez le dupliquer et l’enregistrer dans votre propre Google Drive). Avoir un carnet de voyage / vol est indispensable et vous sauvera de nombreuses heures de recherche lorsque votre futur pays d’expatriation vous demandera où vous êtes allez vous promener ces dernières années. Souvent, pour une demande de résidence, on peut aussi vous demander vos voyages sur les 10 dernières années (c’est le cas pour les USA). Je vous conseille de vous y préparer.

    +

    Vous pouvez aussi trouver un modèle de journal de voyages sur le site du Canada, à imprimer si vous le souhaitez.

    +

    Numérisez et sauvegardez en ligne vos documents importants

    +

    La couverture d'un passeport américain ainsi qu'un billet d'avion.
    Photo de Nicole Harrington sur Unsplash

    +

    Numériser ses documents régulièrement devrait être une habitude et une pratique enseignée à l’école! Depuis des années, j’ai l’habitude de numériser tous mes documents sur un espace de stockage en ligne comme Google Drive, totalement gratuit et simple à utiliser quel que soit votre âge. Vous pouvez de nos jours utiliser facilement votre téléphone pour la numérisation de n’importe quel document. Des applications gratuites comme Adobe Scan (que j’utilise), Microsoft Office Lens ou même Evernote Scannable uniquement pour iOS, vous permettent d’identifier le type de document et de le sauvegarder ou de le partager facilement.

    +

    Passeports (toutes les pages écrites), carte d’identité (recto-verso), justificatifs de domicile, factures, notes du baccalauréat, diplômes, certificats de travail, fiches de paies, billets d’avions, feuilles d’impôts, les documents se trouvant dans votre portefeuille (en cas de vol, cela peut s’avérer pratique)… Tous ces documents sont importants, et je dirais que même si vous ne vous expatrier pas ou plus, prendre l’habitude de stocker ces documents peuvent vous faciliter beaucoup la tâche pour de futures démarches administratives.

    +

    Si vous habitez en France et que vous avez un compte sur le site « Service-Public.fr » (si vous n’en avez pas, aller tout de suite en créer un!), vous avez une catégorie « Mes documents » vous permettant facilement de stocker des documents importants liés à votre état civil, un endroit en plus pour ne pas avoir à chercher ailleurs. Lors de votre l’enregistrement sur les Registres des Français établis hors de France, votre carte consulaire est automatiquement sauvegardée dans cette rubrique. Je pense que c’est le cas pour d’autres démarches également.

    +

    ![Capture d'écran du site Service-Public.fr montrant la catégorie "Mes documents"](/images/articles/astuces-dexpat-pour-faciliter-demarches-administratives/service-public-capture.jpeg 'Capture d'écran du site Service-Public.fr montrant la catégorie "Mes documents"')

    +

    Apprenez les bases de fonctionnement d’un éditeur de fichiers pdf

    +

    Le format PDF est un format électronique permettant le partage assez simple de documents. Souvent vous avez aussi la possibilité de télécharger des documents aux formats JPEG, PNG qui sont des formats d’images. Mais il est toujours plus simple, surtout pour celui qui reçoit les documents de recevoir les fichiers au format PDF. S’il n’est pas déjà installé sur votre appareil, vous pouvez utiliser le logiciel gratuit Acrobat Reader ou trouver la panoplie d’autres logiciels gratuits qui vous permettent de convertir un format image en PDF, d’y insérer une image, d’écrire dans le document…

    +

    Il m’arrive très souvent, au lieu d’imprimer des documents (et par faute d’imprimante), de les ouvrir dans un lecteur / éditeur de fichiers PDF et d’écrire sur les formulaires comme si je le faisais à la main. Une photo de ma signature importée dans ce document et me voilà avec un document entièrement rempli, que je peux facilement envoyer et sauvegarder sur mon ordinateur et en ligne.

    +

    Les quelques astuces que vous pouvez apprendre comme remplir un formulaire (s’il n’est pas déjà prêt à être rempli) ou ajouter une image (votre signature par exemple) vous seront souvent utiles et pourront vous faire gagner un temps précieux (en plus de contribuer à protéger la planète en imprimant moins)

    +

    Prenez-vous en photo tous les 3-4 mois

    +

    Un homme montrant une photo d'identité qui cache son visage.
    Photo de [Kyle Glenn](https://unsplash.com/@kylejglenn?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) sur Unsplash

    +

    Dans la majorité de vos démarches, il vous sera demandé une photo au format d’identité. Et quoi de plus embêtant que de vous apercevoir que vous n’en avez pas pris avant d’accidentellement vous raser un côté de la tête (ne rigolez pas, cela peut arriver à tout le monde). Si vous prenez l’habitude de prendre des photos au format identité (sans sourire et sans chapeau s’il vous plaît), cela vous permettra deux choses:

    +
      +
    • en avoir une sous la main si vous en avez besoin,
      • +
    • pouvoir faire un joli montage sur plusieurs années de votre évolution physiologique. Oui, ça se fait beaucoup de nos jours…
      • +
    +

    Vous n’avez pas besoin d’aller à chaque fois chez le photographe (sauf pour une demande de résidence permanente), mais tâchez de respecter les consignes pour éviter de voir votre dossier refusé à cause d’une photo floue ou de dimensions incorrectes.

    +

    Anticipez vos futures démarches

    +

    Préparer tous vos documents pour une demande de permis de travail ou de visa étudiant c’est super! Mais pouvoir anticiper vos futures démarches c’est encore mieux. Et cela a été mon erreur très récemment: en plein processus de demande de résidence; j’ai la possibilité de faire valoir ma première année d’université et ainsi pouvoir peut-être avoir les points nécessaires pour une demande d’Entrée Express.

    +

    Mais voilà, mon numéro d’étudiant est soigneusement rangé dans une pochette cartonnée en France et mes parents étant en vacances, ils n’ont donc pas la possibilité de m’envoyer mon identifiant. Je dois donc attendre pour pouvoir faire ma demande de relevé de notes, juste parce que je n’avais pas suffisamment anticipé ces démarches.

    +

    Jeter un œil sur la liste des documents nécessaires pour de futures démarches peut s’avérer essentiel. Pour ceux qui ont habité dans d’autres pays comme moi, il faut considérer que certaines démarches prennent aussi plus de temps dans certains endroits. Par exemple, en France, faire une demande d’extrait judiciaire se fait en ligne, et vous recevez votre acte par la poste en moins de deux semaines (selon la destination bien sûr). A l’Île Maurice, cela peut prendre entre un à deux mois et vous devez avoir une personne sur place pour s’en occuper. Deux mois, c’est très long…

    +

    Ne stressez pas, il y a souvent une solution à tout

    +

    Il se peut que vous ayez beaucoup voyagé, ou que votre appartement ai pris feux un jour (je vous le souhaite pas) et que vous ayez perdu vos documents importants. Ne paniquez pas!

    +

    Les démarches administratives font parties de tout processus d’immigration, et la majorité des personnes savent cela. Il vous manque un document? Voyez un moyen de pouvoir en récupérer une copie: il y a toujours en règle générale une alternative ou possibilité de récupérer ou avoir accès à un document important. Ne vous mettez pas davantage de pression inutile et essayer de suivre les astuces que je vous partage. Je vous assure que vos démarches n’en seront que moins stressantes et plus simples à affronter.

    ]]>     + thedaviddias@gmail.com (David Dias) +     <![CDATA[9 réponses aux questions que vous vous posez sur Toronto et le Canada]]> @@ -28,7 +65,49 @@ https://thedaviddias.dev/fr/articles/9-reponses-questions-vous-vous-posez-toronto-canada Mon, 17 Jun 2019 00:01:00 GMT - hello@thedaviddias.dev (David Dias) + Régulièrement, beaucoup de personnes me contactent pour me poser des questions sur le Canada et Toronto : parfois des jeunes qui souhaiterai s’expatrier pour la premiere fois, des couples qui souhaitent changer de vie. J’essaye autant que je peux de leur répondre avec ma petite expérience (bientôt un an) de vie dans la grande métropole.

    +

    Une femme avec le doigt sur le menton et un point d'interrogation sur un mur blanc.

    +

    Que vous viviez en France ou dans un pays francophone, les questions que j’ai rassemblé dans cet article sont sûrement celles que vous vous posez. Il n’est pas toujours évident de pouvoir dénouer le vrai du faux en ligne, car les expériences sont toutes différentes. Il se peut même que mes réponses ne soient pas parfaites mais elles sont des pistes qui je l’espère vous permettront d’y voir plus clair.

    +

    Quelles sont mes options pour venir m’installer au canada?

    +

    C’est LA question que vous verrez le plus un peu partout, sur les forums, dans les groupes de discussions Facebook. Et la réponse ne tiendra jamais en quelques lignes tellement le Canada offrent des possibilités pour légalement venir habiter ou déménager sur le sol nord américain. Entre le Programme Vacances Travail, le programme mobilité francophone, le visa d’affaire, le parrainage… Un petit tour sur la rubrique « Autres visas et procédures » peut être un bon début si vous voulez en savoir plus.

    +

    Quel que soit votre situation, vos compétences, il est presque certain qu’il existe un programme ou des démarches qui peuvent vous permettre de venir vous installer ici.

    +

    Pour les plus jeunes, de manière générale, même s’il vous est possible de venir sans forcément avoir fait de longues études, j’ai de plus en plus tendance à fortement recommandé d’avoir un niveau Master, peu importe la filière (je vous recommande toutefois vous renseigner pour vous assurer que votre Master possède des équivalences au Canada). Le fait d’avoir un diplôme de niveau Master est un facteur qui vous favorisera toujours que ce soit pour habiter au Canada, aux États-Unis, en Nouvelle-Zélande…

    +

    Si vous décidez de faire une demande de résidence permanente, beaucoup d’éléments sont pris en compte pour vous attribuez un certain nombre de points, avoir des études supérieures est un plus à ne pas négliger sur le long terme.

    +

    Quelles sont mes options pour travailler à toronto?

    +

    Beaucoup d’entreprises, notamment dans le secteurs des services ou de l’informatique, ont recours au sponsorship. Cela peut être coûteux et long pour une entreprise, mais certains ont compris l’avantage d’avoir des employés aux expériences et provenances diverses.

    +

    Le programme mobilité francophone par lequel je suis venu au Canada est assez simple, peu coûteux et rapide (j’ai reçu mon visa de travail en 4 semaines environ). Travailler en étant sous visa du PVT est aussi une autre possibilité. J’entends parfois certaines personnes me dire que les employeurs n’aiment pas trop le PVT, je ne pourrais pas le confirmer ou le nier. Je pense simplement que si un employeur a besoin de main-d’oeuvre, il ne s’arrêtera pas à cela. C’est après à vous de le convaincre de vous embaucher.

    +

    Changer d’emploi tous les 2 ans et demi est assez courant au Canada. Cela n’est pas forcément vu ou synonyme d’instabilité professionnelle comme cela l’est parfois en France. Votre futur employeur n’a en général aucun moyen de savoir si vous avez été licencié ou si vous êtes parti de vous même.

    +

    Il faut aussi savoir que lorsqu’une entreprise établis votre contrat d’embauche, elle peut être amenée à vous demander le téléphone / contact de votre précédent responsable. Les vérifications existent, elles ne sont pas non plus trop poussées (ils ne demandent pas si vous êtes un gentil employé) mais simplement pour vérifier vos dires. Ne chercher donc pas à mentir à votre futur employeur, il y a de fortes chances qui le découvre.

    +

    Comment trouver du travail au canada?

    +

    LinkedIn. Ma première réponse est que quel que soit votre secteur, vous devez absolument avoir un profile sur LinkedIn (en anglais et actualisé). Comprendre comment les recruteurs utilisent les filtres de LinkedIn pour trouver de possible candidats est très important et vous permettra de vous différenciez.

    +

    Mais ce n’est pas suffisant. Glassdoor, Indeed et Kijiji sont aussi des plate-formes que je vous recommande. Certaines entreprises ont souvent une rubrique sur leur site où elles postent leurs offres. Ne pas oublier aussi que les pages Facebook et comptes Twitter des entreprises qui vous intéressent peuvent aussi vous permettre de ne pas manquer une opportunité.

    +

    Être visible est d’une importance primordiale, montrer ce que vous savez faire permet de rassurer un futur employeur. Et c’est quelque chose que vous devez mettre en place bien avant de venir au Canada. Si vous faites partie d’une association, voyez si un journal en ligne ne serait pas intéressé de vous interviewer, si vous êtes expert dans un domaine, n’hésitez pas à écrire sur un site ou votre propre articles, pensez aussi à lancer une chaîne Youtube… Il existe de nombreux moyens aujourd’hui qui peuvent vous permettre d’être visible et donner un aperçu de vos compétences à un employeur.

    +

    JE N’AI PAS UN BON NIVEAU D’ANGLAIS, VAIS-JE POUVOIR ME DÉBROUILLER DANS LA PARTIE ANGLOPHONE DU CANADA?

    +

    C’est certainement l’une des plus grandes craintes, et la raison pour laquelle beaucoup de français choisissent la région du Québec, plutôt que le reste du Canada. Et très honnêtement, bien que ce soit une appréhension normale, elle n’a pas forcément lieu d’être. Oui, vous serez certainement amené à beaucoup douter de vous et de votre choix lorsque pendant les premières semaines, vous n’arriverez pas forcément à vous exprimer et à tout comprendre. Mais c’est un processus temporaire et tout à fait normal: tout le monde passe par cela et s’en sort.

    +

    Je ne peux que vous recommander de vous plonger dans la langue anglaise bien avant votre arrivée. Des années avant de venir habiter au Canada, je commençais déjà à visionner des séries en anglais (avec sous-titre d’abord en français puis après en anglais). Travaillant dans le web, tout le contenu que je suis amené à lire est le plus souvent en anglais. Aujourd’hui, avec Youtube et les podcasts, il ne manque pas de contenu en anglais pour pouvoir vous y plonger.

    +

    Si vous souhaitez venir un mois à Toronto et pouvoir améliorer votre anglais, je ne peux qu’hautement vous recommander le cours de « English for effective communication » de l’Université de Toronto. Oui, le cours est assez cher, mais vous serez forcer de parler pendant toutes vos matinées pendant 4 semaines. Vous vous sentirez beaucoup plus à l’aise après cela et vous apprendrez énormément sur d’autres cultures.

    +

    COMMENT EST LE SYSTÈME DE SANTÉ EN ONTARIO?

    +

    Le système français est je pense l’un des meilleurs au monde. Et l’on s’en rends bien compte en venant ici. Le système n’est pas mauvais et mon expérience est assez limité dans le domaine, heureusement. Basé sur mon expérience personnelle: la difficulté réside surtout pour trouver un médecin de famille, obligatoire si vous souhaitez voir certains spécialistes. A ce jour, je n’en ai toujours pas.

    +

    Par contre, ce qui est assez surprenant c’est que si vous avez une carte de santé appelé OHIP (qui est effective 3 mois après votre installation, à demander bien avant la fin des 3 premiers mois), vous sortez de chez le docteur sans rien payer. Dans mon cas, il m’est arrivé deux ou trois fois d’aller dans des walk-ing cliniques ouvertes quasiment tous les jours, et je n’ai jamais rien eu à régler. C’est un peu déroutant au début.

    +

    Il est indispensable toutefois d’avoir une mutuelle, car certains frais peuvent vite vous coûter cher. Selon votre profession, vous pourriez avoir la chance d’avoir une bonne mutuelle. Certaines même vous allouent une somme de 1000 dollars par an pour l’utiliser à des fins médicales et couvrir certaines dépenses non pris en charge par la carte de santé ou le plan de base de votre mutuelle. Ne dépensez pas tout dans de nouvelles jolies paires de lunettes Channel!

    +

    Combien coûte la location d’un appartement à toronto?

    +

    Un appartement d’environ 35m2 dans le centre de Toronto peut coûter aux alentours de 2200 dollars canadien. Un appartement dans la périphérie (la GTA), plus spacieux peut vous coûter mensuellement aux alentours de 1800 dollars. Les prix peuvent varier, bien sûr, mais c’est une moyenne basé sur le témoignages des gens que je rencontre.

    +

    Il ne faut pas commettre l’erreur de comparer avec les loyers en France (notamment Paris) ou même se dire qu’il est mieux de payer 1800 que 2200 car d’autres coûts doivent être pris en considération avant de faire son choix.

    +

    Si vous êtes deux et que vous prenez un abonnement mensuel pour le TTC (Toronto Transit Commission société qui gère les transports de la ville), il faudra rajouter environ 150 dollars par personne, ce qui fait un total de 300 dollars par mois. Il faut aussi prendre en considération votre possible lieu de travail, les frais liés à la dépense d’eau, le chauffage etc… Dans certains condominiums, vous n’aurez à payer que l’électricité, pas la climatisation et l’eau. Il est donc important d’avoir une liste de tous les frais possibles afin de déterminer le loyer acceptable dans votre situation.

    +

    Pour donner un exemple de mon cas personnel, pour ce qui est de l’électricité, je suis amené à payer aux alentours de 60 dollars, 100 pour l’abonnement internet et environ 150 pour deux abonnements cellulaires avec données. Avec aux alentours de 200–250 dollars de dépenses, toutes les deux semaines pour des courses au supermarché, vous avez ici un exemple de dépenses pour un couple vivant dans le centre de Toronto.

    +

    Comment sont les torontais vis-à-vis des français? sont-ils mal / bien vus?

    +

    Ce qui est formidable à Toronto, c’est qu’il est très difficile d’y vivre et d’y avoir des préjugés. Bien sûr, il existe des personnes qui en ont, mais le fait que la ville de Toronto soit cosmopolite rends difficile d’y vivre si on possédent des a-priori sur les personnes et les nationalités..

    +

    J’ai récemment organisé une petite fête entre amis, où sur 20 personnes, 14 nationalités étaient représentées: de quoi vous donner une idée de la pluri-culturalité qu’il peut y avoir à Toronto.

    +

    Comment décrire le niveau de vie?

    +

    J’ai tendance à trouver que les prix sont plus ou moins comparables à ceux que vous pouvez trouver en France. Certaines enseignes affichent des prix un peu plus élevés que d’autres. Loblaws est considéré par certains comme étant le plus cher mais la viande et les fruits de mer y sont de qualité. Vous avez Walmart, Costco, Sobeys sont d’autres enseignes répandues au Canada.

    +

    Bien sûr, le fromage, le vin et autres spécialités françaises restent plus chers qu’en France, mais c’est le cas de tous les pays importateurs de produits français. Oui souvent, lorsque l’ont passe des vacances France, nos familles et amis ne comprennent pas forcément pourquoi certains repas se résument à plusieurs fromages, du pain et une bonne bouteille de vin rouge… On peut pas leur en vouloir, mais n’espérer pas qu’ils comprennent.

    +

    Qu’est est la plus grosse difficulté qu’on peut avoir en s’expatriant à toronto?

    +

    L’expatriation en règle générale a son lot de haut et bas (voir le schéma ), des phases qui peuvent durer plus ou moins longtemps selon les personnes et les événements. A chaque expatriation, les phases sont les mêmes. Il ne faut pas faire l’erreur de croire que plus on vit d’expatriations plus cela est facile, ça ne l’est pas.

    +

    Etant certainement dans la phase « acceptation » maintenant, il a fallu affronter des moments de doutes et de crise, personnelle et professionnelle. Pendant ces moments, le replis sur soi est souvent perçu comme une solution, mais je vous en décourage fortement. Le Canada étant un pays d’immigrants, vous pouvez être assuré qu’il existe juste à côté de vous une personne qui est passé par les mêmes phases et qui sera là pour vous aider.

    +

    Le plus gros défi, que j’ai personnellement dû affronter récemment concerne la manière dont certains Canadiens (attention toujours à ne pas généraliser) ont pour communiquer lorsqu’il y a des problèmes. J’ai été surpris, dans le cadre professionnel, de passer du tout va très bien à tout va très mal, en l’espace simplement de quelques semaines. A ma grande surprise, tous les francophones, immigrés à Toronto que je connais, m’ont témoigné être passer par là, souvent durant leur première année au Canada. C’est rassurant de savoir que mon cas n’est pas isolé.

    +

    Il existe un certain non-dit parfois, qui peut parfois être une bonne chose mais qui lorsque nous n’avons pas l’habitude peut aussi être déroutant. C’est quelque chose à avoir en tête, mais qui fait partie du jeu.

    ]]>     + thedaviddias@gmail.com (David Dias) +     <![CDATA[Comment le Canada est devenu ma maison après 4 ans de tentatives?]]> @@ -36,7 +115,26 @@ https://thedaviddias.dev/fr/articles/comment-canada-devenu-maison-4-ans-tentatives Tue, 02 Apr 2019 00:01:00 GMT - hello@thedaviddias.dev (David Dias) + C’est en 2014 que je pose les pieds au Canada pour la première fois. Depuis cette année, j’ai tenté de tout mettre en œuvre pour que ce pays, et spécialement la ville de Toronto, devienne ma maison. En juin 2018, après deux tentatives de PVT, un déménagement de deux ans à l’Île Maurice, je pose enfin les pieds au Canada avec ma femme et mon permis de travail en poche. Ce n’est que le début de l’aventure!

    +

    Un drapeau du Canada sur le dos d'un couple de dos regardant la tour CN de Toronto

    +

    UN PARCOURS PAS COMME LES AUTRES

    +

    Aucun parcours n’est jamais le même. Celui que j’ai eu au cours des dernières années n’a pas toujours été facile, faire face à l’inconnu de savoir si un jour je pourrais vivre au Canada… Mais je me suis toujours dis que si certains pouvaient y arriver, il n’y avais pas de raison que moi-même je ne puisse pas y arriver non plus.

    +

    Tout a commencé à mon retour du Canada en 2014: j’ai passé beaucoup de temps à lire des articles, des livres et des témoignages de personnes en ligne ou même à discuter de l’expatriation au Canada avec des personnes que je rencontrais. Je souhaitais avoir les pour, les contre, tout ce qui pouvait m’aider à faire les choix qui me correspondent le plus. Malgré mes tentatives de PVT en 2015 et en 2016, je n’ai pas renoncé pour autant à trouver un moyen de commencer une nouvelle vie future au Canada.

    +

    Étant développeur web (Front-End) depuis déjà plusieurs années, je n’étais pas sans ignorer que ma profession est en forte demande un peu partout dans le monde, le Canada ne dérogeais pas à la règle. Mais même avec cet avantage dans les mains, il faut parfois se rendre plus visible car au milieu de tous les potentiels candidats, il faut pouvoir savoir prouver sa valeur et montrer à son futur possible employeur l’avantage que l’on peut représenter face à un candidat Canadien.

    +

    SOYEZ VISIBLE AVANT TOUT

    +

    C’est notamment grâce à un de mes projets informatique open-source (dont la fameuse Front-End Checklist) que j’ai pu me faire connaître. Grâce à ces plus de 33 000 étoiles (l’équivalent des j’aimes de Facebook), j’ai eu la chance de gagner une visibilité internationale qui a certainement joué pour pouvoir alors décrocher des entretiens dans plusieurs startups de Toronto avant même de venir sur place.

    +

    Après avoir passé beaucoup temps sur LinkedIn et Glassdoor, j’ai eu la chance de pouvoir passer plusieurs entretiens via Skype, à chaque fois avec différentes personnes. Les 3-4 entretiens pour une même entreprise étant assez courants au Canada. Il faut s’y préparer et être relax: tous les recruteurs que j’ai pu rencontrer ont vraiment été supers et transparents. Celles-ci ont été des expériences différentes de celles que j’avais pu avoir par le passé.

    +

    LE PROGRAMME MOBILITÉ FRANCOPHONE

    +

    C’est aussi en grande partie grâce à l’existence du programme mobilité francophone que j’ai pu assez facilement, ayant une proposition de travail, décrocher mon permis de travail et venir m’installer au Canada.

    +

    Contrairement à un sponsorship, le programme mobilité francophone ne coûte qu’aux alentours de 230 dollars canadien pour l’employeur. Après avoir remplir un formulaire en ligne sur le portail de l’employeur canadien, il reçoit un numéro correspond au dossier et que vous aurez à indiquer dans les documents que vous devrez réunir et transmettre en ligne. Il faut noter que le Canada est vraiment exemplaire, de mon point de vue, en ce qui concerne leur le site officiel du gouvernement du Canada et tous les services à destination des futurs immigrés.

    +

    TROUVER UN TRAVAIL N’EST PAS TOUJOURS LE PLUS COMPLIQUÉ

    +

    Grâce à mon expatriation au Brésil de 2006 à 2009 et puis celle de l’Île Maurice entre 2015 et 2018, j’ai vécu mon expatriation au Canada de manière plus sereine. Cela n’empêche cependant pas les remises en questions et les manques de repères, ce qui au début est toujours une phase quelque peu déroutante. La clé pour moi et ma femme a certainement été de ne pas trop regarder en arrière mais plutôt en avant. Trouver des solutions aux problèmes qui pouvaient possiblement se manifester et accepter le choix que nous avions fait de venir au Canada.

    +

    La recherche d’un logement a été beaucoup plus compliquée que nous l’avions anticipé. L’absence d’un historique de crédit (un document permettant de montrer que vous remboursez correctement vos crédits et dettes) rends plus difficile pour de nouveaux arrivants d’être accepté par les bailleurs. D’autant plus, que nous recherchions dans le centre-ville de Toronto, là où la demande est très élevée et les places rares.

    +

    Grâce à l’aide d’une « broker » française: Nelly de Breze, après un mois et demi de Airbnb, nous avons finalement pu trouver un petit appartement (environ 35 mètres carrés) dans un condo à 15 minutes à pied de mon travail, et 5 minutes à pied du travail de ma femme. On ne pouvait vraiment pas rêver mieux.

    +
    +

    Un an s’est presque écoulé depuis notre arrivée au Canada. Il n’y a pas un jour qui se passe où nous regrettons notre choix. Nous commençons à nous préparer pour notre demande de résidence via l’Entrée express. Une autre étape confirmant notre volonté de faire partie de ce merveilleux pays qui nous permet de connaître de nouvelles personnes chaque jour, souvent eux aussi expatriés au Canada!

    ]]>     + thedaviddias@gmail.com (David Dias) +     <![CDATA[Outils et astuces pour rendre accessible et performante son application React]]> @@ -44,7 +142,112 @@ https://thedaviddias.dev/fr/articles/outils-astuces-rendre-accessible-performante-application-react Mon, 24 Dec 2018 02:34:11 GMT - hello@thedaviddias.dev (David Dias) + L’accessibilité et la performance sont deux (vastes) sujets qui m’ont toujours passionné et qui sont devenus ces dernières années au centre de nombreux meetups et conférences auquels j’ai pu assister (petit clin d’oeil à A11yTO). Récemment expatrié au Canada, j’ai eu l’opportunité, dans ma nouvelle entreprise, de dédier mon temps à la refonte d’un project avec React et de devoir du coup, rendre cette application accessible et performante. (Youpi !)

    +

    Que vous connaissiez React ou pas, que vous utilisiez un framework JavaScript ou que vous développiez un simple site web en HTML et CSS, les outils et astuces que j’ai rassemblé dans cet article vous permettront de mieux appréhender ces problématiques et d’y répondre correctement dans vos projets (présents et futurs).

    +

    Tout le monde a besoin d’accessibilité

    +

    L’accessibilité (aussi appelée a11y) est un sujet qui a toujours été présent depuis le début du web.

    +

    Encore de nos jours, certaines entreprises et même développeurs continuent pourtant de penser que l’accessibilité est un sujet à part… tout comme certains pensaient il y a quelques années que l’UX (Expérience Utilisateur) n’était pas importante… Hum hum. Je vais prendre un exemple très simple pour vous démontrer l’importance de rendre un site internet ou une application web accessible.

    +

    Imaginons que vous deviez en urgence acheter un billet d’avion ou de train de chez vous. Vous êtes sur votre PC, vous naviguez tranquillement sur le site d’achat quand soudain… votre souris fonctionnant sur batterie, n’a plus de jus (et non vous n’avez pas de piles de rechange ni même le câble USB pour la connecter à votre ordinateur, et votre iPhone 5s vient juste de s’éteindre). Imaginons donc que vous n’ayez plus que votre clavier pour finaliser votre achat. Et maintenant imaginez que le développeur n’ait absolument pas eu envie de tester la navigation par clavier. On peut même imaginer qu’il ait gentiment mis un outline: 0; parce que le client n’aimait pas voir ce contour bleu autour des liens et boutons.

    +

    Je ne pense pas avoir besoin d’aller plus loin. J’ai beaucoup d’autre exemples aussi simple que celui-ci, qui ne mettent aucun doute sur le fait que l’accessibilité n’est pas une thématique limitée aux personnes avec des handicaps ou problèmes physiques. L’accessibilité est une thématique actuelle et universelle.

    +

    La documentation de React consacre toute une page concernant l’accessibilité et vous y trouverez des éléments complémentaires au contenu de mon article.

    +

    Mes outils de base pour « mesurer et analyser »

    +

    Que vous veniez de commencer à développer votre application ou que vous deviez optimiser un projet existant, il y a certains outils que vous pouvez utiliser pour vous donner un aperçu du statut de votre projet.

    +

    Lighthouse

    +

    Que ce soit l’accessibilité, la performance, le SEO ou tout autre domaine front-end, il est important de pouvoir mesurer régulièrement l’état de votre application avant d’y apporter des améliorations ou corrections. L’un des outils que j’utilise quotidiennement et que vous connaissez peut-être est Lighthouse.

    +

    Résultats d’analyse de Lighthouse sur 24joursdeweb.fr.

    +

    Beaucoup mis en avant lors du dernier Google Dev Summit en novembre 2018, Lighthouse est l’outil que vous trouverez soit dans l’onglet « Audit » des outils de développement de Chrome, ou maintenant intégré dans la page résultat de Google PageSpeed Insights. Vous pouvez ainsi analyser n’importe quel site en utilisant n’importe quel navigateur.

    +

    Webhint

    +

    Webhint est aussi un outil (open-source) qui a été créé par deux connaissances travaillant chez Microsoft. La documentation présente sur leur site est une des plus complètes que j’ai vu à ce jour, je vous recommande d’y jeter un œil.

    +

    Vous pouvez soit utiliser leur site ou analyser n’importe quel site utilisant la ligne de commande. Webhint vous génèrera un rapport en HTML que vous pourrez partager avec vos équipes ou votre client.

    +

    … et les autres

    +

    Dareboost (entreprise française) et Calibre sont d’autres services que j’utilise selon les projets et que vous pouvez tester gratuitement pour une durée ou un nombre de fois limité.

    +

    Repérer les erreurs et optimiser l’accessibilité

    +

    Au delà des outils précédents qui vous donnent un aperçu global de l’état de votre site internet ou de votre application web, il m’arrive de travailler avec des packages ou modules plus spécifiques que je couple avec mon workflow de travail. Mais avant de vous les présenter, voici par quoi vous devez commencer : activer l’inspecteur d’accessibilité.

    +

    Dans Google Chrome:

    +
      +
    • Depuis certaines récentes versions de Chrome, vous pouvez maintenant trouver l’onglet accessibilité dans la partie « styles » de l’onglet « Éléments » des outils de développement de Chrome.
      • +
    +

    +

    Dans Mozilla Firefox:

    +

    Ouvrez la boîte à outils du développeur dans Firefox: depuis la version 63 de Firefox, vous devriez avoir un onglet « Accessibilité » comme sur la capture suivante. Il suffit de cliquer sur le bouton pour l’activer. +

    +

    ESLint-plugin-jsx-a11y

    +

    Si vous travaillez avec JavaScript depuis quelques temps, vous devez certainement utiliser ESLint dans votre workflow (vous pouvez lire cet article pour une complète présentation d’ESLint). ESLint-plugin-jsx-a11y, qui fonctionne avec ESLint) est un simple plugin qui va vous alerter dans le cas où votre code présente une erreur en terme d’accessibilité. Un simple outil mais efficace pour détecteur une erreur pendant le développement ou au moment du build.

    +

    stylelint-a11y

    +

    Récemment sorti, stylelint-a11y, est à utiliser si bien sûr vous utiliser Stylelint de base. Le plugin vous alerte sur des possibles erreurs d’accessibilité dans votre CSS / Sass. +Si par exemple, vous utilisez une taille de texte trop petite ou des display: none, stylelint-a11y vous le dira.

    +

    Permettre à un utilisateur d’accéder au contenu de votre website ou application en prenant en compte tous ces facteurs est important. Addy Osmani, ingénieur chez Google, a récemment publié un article sur le « Coût du JavaScript » et présente les problématiques et les solutions pour améliorer les performances de son site ou application.

    +

    react-a11y

    +

    react-a11y est un autre module qui vous alerte de possibles problèmes d’accessibilité directement dans votre console.

    +

    react-axe

    +

    react-axe, similaire à react-a11y, mais est basé sur axe-core développé par Deque et qui permet aussi de prendre connaissance de possibles erreurs d’accessibilité. Vous pouvez aussi télécharger l’extension aXe qui rajoute un onglet à votre Google DevTools et vous donne la même chose que react-axe mais pour n’importe quel site.

    +

    D’autres plugins à explorer

    +

    Malheureusement, il serait trop long de vous parlez de tous les plugins que j’ai pu tester depuis le début de mon projet, et qui m’on permis de construire une application React plus accessible. Je vous partage toutefois une petite liste de plugins (régulièrement mis à jour) auxquels je vous recommande de jeter un œil :

    + +

    Rien ne vaut le test manuel

    +

    Bien sûr, après avoir testé et optimiser votre code à l’aide de ces outils, le seul vrai moyen de tester votre application et d’inviter des personnes avec des difficultés d’accessibilité différentes à la tester manuellement. Ils pourront ainsi vous faire des retours utiles basés sur leurs expériences et leur manière de naviguer le web.

    +

    +

    Après avoir traiter assez rapidement certains outils et astuces pour davantage d’accessibilité, nous allons nous pencher sur la performance.

    +

    Mais au fait, c’est quoi la performance ?

    +

    Que vous viviez en France ou au Canada, de nos jours, les connexions internet sont ici et là extrêmement rapides. Mais Internet n’est pas limité à la France, ou même à l’Europe ou à l’Amérique. Internet est accessible de n’importe où dans le monde et à travers n’importe quel appareil (téléphone, smartphone, TV, montre, réfrigérateur, tableau blanc tactile…).

    +

    Savoir détecter les problèmes de performance

    +

    Améliorer les performances de son site ou plus particulièrement de son application React demande l’utilisation de certains outils que nous pouvons utiliser dès le début, au milieu ou même en fin de projet.

    +

    Commencer par analyser vos bundles

    +

    webpack-bundle-analyser n’est pas un outil spécifique à React : c’est un plugin qui permet de visualiser le poids de vos modules et fichiers JavaScript présents dans vos bundles générés par Webpack. C’est un bon moyen de découvrir un potentiel module qui serait trop lourd. Il est tout à fait possible de l’utiliser dès que vous commencer à importer des packages pour votre projet.

    +

    Choisir une meilleure alternative

    +

    Si webpack-bundle-analyser a mis un évidence certains modules qui pourraient impacter vos performances, vous pouvez alors utiliser Bundlephobia pour choisir d’autres modules équivalents (et plus léger). Un simple exemple avec la fameuse librairie Moment.js qui en général est utilisée à tort et à travers et qui pourrait très souvent être remplacée par d’autres librairies beaucoup plus petites.

    +

    Avant de choisir d’utiliser quelqueconque plugin, n’hésitez pas à vous demander si celui que vous souhaitez utiliser est vraiment utile, s’il n’existe pas d’autres alternatives ou une alternative plus légère…

    +

    Analyser vos props pour éviter le rendu inutile

    +

    Le module why-did-you-update peut vous permettre de vous alerter lorsque vos props sont re-rendu inutilement.

    +

    +

    Il vous suffit d’installer le package dans votre projet et insérer ce bout de code dans votre app.js :

    +
    import React from 'react'
+
+if (process.env.NODE_ENV !== 'production') {
+  const { whyDidYouUpdate } = require('why-did-you-update')
+  whyDidYouUpdate(React)
+}
+
    +

    Astuces pour améliorer les performances de votre application react

    +

    Utiliser le tree-shaking

    +

    Le « tree-shaking » est une technique qui permet, à la création de votre bundle, de ne pas inclure du « code mort » dont vous n’avez pas besoin. Vous vous retrouvez donc avec un bundle plus léger.

    +

    Pour cela, vous devez utiliser :

    +
      +
    • Les ES2015 Modules (import, export…)
      • +
    • Webpack 2 ou version supérieure
      • +
    • Un minifier qui supporte le tree-shaking (UglifyJS ou Babel)
      • +
    +

    Un exemple de bonne pratique à adopter :

    +
    // Au lieu de
+import * from 'package'
+
+// Préférer cela
+import { module } from 'package'
+
    +

    N’oubliez pas la mise en cache

    +

    La mise en cache n’est pas forcément utile dans la phase de développement mais est indispensable pour une web application en production. Cela consiste tout simplement à rajouter un hash (série de chiffres et caractères) qui change à chaque fois que le contenu du fichier est modifié.

    +

    Ce que beaucoup font consiste à créer au moins un bundle (à l’aide de Webpack) « main » avec votre propre code et un fichier « vendor » qui contiendrait tous les fichiers des libraries externes que vous seriez amener à utiliser. (en production, préférer l’utilisation de contenthash).

    +

    Ce n’est qu’un début…

    +

    Bien sûr dans cet article, je n’ai fait que gratter la surface (il y aurait beaucoup d’autres points à traiter), l’accessibilité et la performance web sont des spécialités à part entière qui demande beaucoup de pratique avant d’être appréhendé correctement. Mais aujourd’hui, plus que jamais, si vous n’en avez pas fait vos domaines d’expertises, ce sont définitivement des sujets qu’il est impossible d’ignorer. Le Web a toujours été un moyen de partage et de communication ouvert à tous, c’est à nous, architectes de faire en sorte que cela puisse continuer de la sorte.

    +

    Je vous laisse quelques ressources complémentaires qui vous permettront d’approfondir un peu plus ces 2 thématiques !

    +

    Accessibilité :

    +
      +
    • 24a11y: c’est comme 24 jours de web mais pour l’accessibilité.
      • +
    • Deque University: Deque est une entreprise de consulting qui offre des certifications et ressources sur l’accessibilité.
      • +
    • Accessibility sur Tuts+: une série d’articles sur l’accessibilité (en anglais)
      • +
    +

    Performance :

    +
      +
    • Front-End Performance Checklist: mon open-source checklist pour ce qui concerne la performance (vous y trouverez tous les liens possibles pour approndir le sujet).
      • +
    +

    Et bientôt, j’aurais le plaisir de publier la « Front-End Accessibility Checklist » sur GitHub, restez attentif !

    ]]>     + thedaviddias@gmail.com (David Dias) +     \ No newline at end of file diff --git a/src/lib/generateRss.tsx b/src/lib/generateRss.tsx index 291e9d1..02354b1 100644 --- a/src/lib/generateRss.tsx +++ b/src/lib/generateRss.tsx @@ -28,7 +28,7 @@ export default async function generateRssFeed() { const date = new Date() const author = { name: 'David Dias', - email: 'hello@thedaviddias.dev', + email: 'thedaviddias@gmail.com', link: 'https://twitter.com/thedaviddias', } @@ -38,7 +38,7 @@ export default async function generateRssFeed() { description: localeEN.home.seo.description, id: siteURL, link: siteURL, - language: 'en', + language: 'en-US', image: `${siteURL}/favicons/android-chrome-144x144.png`, favicon: `${siteURL}/favicons/android-chrome-144x144.png`, copyright: `All rights reserved ${date.getFullYear()}, David Dias`, @@ -50,6 +50,8 @@ export default async function generateRssFeed() { author, }) + feedEn.addCategory('Technology') + // Adding blogs to the rss feed for (const post of postsEn) { const url = `${siteURL}${post.permalink}` @@ -73,6 +75,7 @@ export default async function generateRssFeed() { author: [author], contributor: [author], date: new Date(post.frontMatter.date), + ...(post.frontMatter.preview && { image: `${siteURL}${post.frontMatter.preview.url}` }), }) } @@ -99,6 +102,8 @@ export default async function generateRssFeed() { author, }) + feedFr.addCategory('Technologie') + // Adding blogs to the rss feed for (const post of postsFr) { const url = `${siteURL}${post.permalink}` @@ -122,6 +127,7 @@ export default async function generateRssFeed() { author: [author], contributor: [author], date: new Date(post.frontMatter.date), + ...(post.frontMatter.preview && { image: `${siteURL}${post.frontMatter.preview.url}` }), }) }