# data[].attributes.attachment_link.readable_text
28 Octobre 2022
à L'embarcadère

*WordCamp :
Événement consacré à WordPress, organisé par une communauté locale

* WordCamp :
L'évènement WordPress pour tous

Evènement incontournable pour la communauté française, le WordCamp réunit chaque année des professionnels chevronnés ainsi que de simples utilisateurs de WordPress.

Intéressé(e) par la technique, le design, le contenu, ou le business ?
Venez échanger, apprendre, et être inspiré par la communauté française !

Devenez orateur/oratrice

Format 25 ou 45mn, venez partager vos connaissances de WordPress.

Devenez
Sponsor

La communauté a besoin de vous, alors soutenez cette nouvelle édition du WordCamp Lyon.

Informations
Pratiques

Pour éviter de ramer pour venir au WordCamp, retrouvez toutes les infos utiles !

Attention Mesdames et Messieurs, dans un instant, ça va commencer... Oui, bon, OK, c'est dans un peu plus qu'un instant mais quand même, le WordCamp Lyon 2022 arrive à grands pas ! Qui dit WordCamp, dit WordPress, conférences, toussa toussa mais aussi After Party ! 🥳 Alors qu'est-ce que c'est qui va s'passer et où [...]

Le 28 octobre prochain, aura lieu à Lyon le prochain WordCamp Lyon. Après deux années sans WordCamp en France, l'équipe organisatrice reprend du service en accueillant plus de 300 personnes pour une journée entière dédiée à WordPress.

Nous sommes heureux d'annoncer que WordCamp Lyon est officiellement sur le calendrier ! Il aura lieu le 28 octobre 2022 à l'Embarcadère, et accueillera près de 300 personnes parmi lesquelles des professionnels, des agences et des passionnés.

Nos sponsors

Global

Platine

Or

Argent

Bronze

Micro

Sponsors Afterparty

Photocall

Avec le soutien de

Reserver votre billet en ligne

Nouvelle édition de l'événement
WordPress ‎incontournable à Lyon
le vendredi 28 Octobre 2022.

Développé avec ❤️ sur WordPress

# data[].attributes.attachment_link.description
WordCamp : Événement consacré à WordPress, organisé par une communauté locale Evènement incontournable pour la communauté française, le WordCamp réunit chaque année des professionnels chevronnés ainsi que de simples utilisateurs de WordPress. Intéressé(e) par la technique, le design, le contenu, ou le business ? Venez échanger, apprendre, et être inspiré par la communauté française !

# data[].attributes.attachment_link.keywords[]
design ui interface ux web mobile sketch illustrator vector dessin tuto "design thinking" "ui design" "ui ux design" ui/ux "ux designer" "ux design" proto pr...

# data[].attributes.attachment_link.description
Ux Ui Design * Motion * Tuto * Vulgarisation Ici on parle de Design d'interface sur un ton léger. L'idée de Basti Ui est de regrouper des passionnés autour des sujets du Web de l'Ux et de L'Ui.

# data[].attributes.attachment_link.keywords[]
"ui design" "graphic design" "adobe xd" ux ui "ux design" "user interface" "adobe xd tutorial" "adobe xd prototype" "speed art" "design inspiration" "ui/ux i...

# data[].attributes.attachment_link.description
Welcome to NAM Design, here we post awesome UI/UX videos every Monday & Thursday on everything UI/UX Design. Subscribe to our channel for videos on Freebies, Speed Art, UI Design, Mobile App, Web design, Figma, Adobe XD Tutorial & Flutter. I hope you get inspired & learn something from this channel.

# data[].attributes.body
https://www.jobibou.com/recherche/developpeur-web

# data[].attributes.attachment_link.title
Offres d'emploi Développeur web | Jobibou

# data[].attributes.attachment_link.description
267 offres d'emplois de Développeur web disponibles sur jobibou. Postulez sans plus attendre et trouver le poste de Développeur web de vos rêves.

# data[].attributes.attachment_link.description
Remote jobs for Python, SQL, WordPress, JavaScript, Design, 34 other technologies. All jobs are 30 days old or newer. NO inactive jobs that only waste your time.

# data[].attributes.attachment_link.title
The Largest Remote Tech Jobs Aggregator: ~50,000 Up-to-date Vacancies

# data[].attributes.attachment_link.description
Remote-proven selection of job posts from popular job boards & 150,000+ companies' career webpages. Filter vacancies by stack, title and even geo-restrictions [powered by AI]. Or enjoy the magic: paste the link to your Linkedin profile and get the list of perfectly matched jobs.

# data[].attributes.attachment_link.readable_text
Hire the top 1% of 1M+ software developers using Turing's Intelligent Talent Cloud. Get Silicon Valley-caliber engineers with a 100% risk-free two-week trial.

Looking for jobs instead? Apply for jobs

# data[].attributes.attachment_link.title
Turing - Hire Remote Developers | Top 1% of 1 Million+ software engineers

# data[].attributes.attachment_link.description
Hire the top 1% of 1M+ software developers using Turing's Intelligent Talent Cloud. Get Silicon Valley-caliber engineers with a 100% risk-free two-week trial. Looking for jobs instead? Apply for jobs

# data[].attributes.attachment_link.description
Remote jobs for digital working nomads. Start your telecommuting career and work remotely from home or places around the world.

# data[].attributes.attachment_link.readable_text
🇮🇴 British Indian Ocean Territory

🇨🇫 Central African Republic

🇹🇫 French Southern Territories

🇲🇵 Northern Mariana Islands

🇵🇲 Saint Pierre and Miquelon

🇹🇨 Turks and Caicos Islands

🇺🇲 USA Minor Outlying Islands

🇻🇬 British Virgin Islands

🇻🇮 United States Virgin Islands

🇼🇫 Wallis and Futuna Islands

Content Writer verified

ProWriterSites

Non Tech

Writing

Content Writing

ProWriterSites is a highly-rated professional portfolio design and hosting service catering to freelancers. Our mission is to make professional portfolio websites easy and affordable to all freelancers. We are looking for a creative and skilled copywriter who will take the time to truly understand our brand and overarching messaging, and then communicate this in a compelling way that resonates with our target audience.

Will you help us help thousands of freelancers elevate their careers and online presence?
About the Role:
As a content writer, you'll play a pivotal role in shaping the voice and messaging across our platform and marketing channels. Your words will inspire freelancers to dream big and trust in our service to showcase their talents. This role is ideal for someone who thrives in a creative, fast-paced environment and is passionate about storytelling, branding, and the freelance lifestyle.
Key Responsibilities:
- Develop, write, and edit content for website pages, blog posts, email campaigns, and social media that resonates with our target audience of freelance professionals.

- Collaborate with the marketing and design teams to craft compelling narratives that enhance our branding and drive user engagement.

- Conduct market research to stay on top of industry trends and ensure our content is fresh, relevant, and impactful.

- Assist in developing content strategies that align with our business goals and increase our market presence.

- Provide creative input on visual and text-based campaigns.

- Edit and proofread content with a keen eye for detail, ensuring high-quality and consistency across all platforms.
Preferred Experience:
- Strong portfolio of written work showcasing versatility across various digital platforms.

- Excellent command of the English language, including grammar, spelling, and stylistic flair.

- Familiarity with the freelance industry and its challenges and opportunities.
What We Offer:
- A fully remote role with flexible working hours to suit your lifestyle.

- Competitive salary and performance-based bonuses.

- Opportunities for professional growth and creative freedom.

- A supportive and collaborative work environment that values new ideas and innovation.

- Regular team meet-ups and creative brainstorming sessions online.
Compensation:
We would like to engage with a skilled content writer on a per-project or hourly basis of $35-40 per hour, however, our ultimate goal is to bring on a full-time copywriter for a $75K to $100K annual salaried role.
How to Apply:
To apply for this position, please visit our application link.

We may only follow up with applicants who we are strongly considering for this position.

Please mention the word EXCEED when applying to show you read the job post completely (#RMjYwMDoxZjE4OjEwMGQ6OWYxMTpmOTU1OjNkMzM6ODhlOTpmMDJm). This is a feature to avoid fake spam applicants. Companies can search these words to find applicants that read this and instantly see they're human.

$70,000 - $100,000/year

Senior Software Engineer Golang

Voltron Data

Remote - We are looking for a highly motivated Open Source Golang Engineer to join Voltron Data's Open Source Engineering team. On the team, you'll have the opportunity to help support and grow several open source projects used by hundreds of companies worldwide. You will wo... \n\n#Salary and compensation\n No salary data published by company so we estimated salary based on similar jobs related to Golang, Senior, Golang and Engineer jobs that are similar:\n\n $60,000 - $110,000/year\n
\n\n#Benefits\n 💰 401(k)\n\n🌎 Distributed team\n\n⏰ Async\n\n🤓 Vision insurance\n\n🦷 Dental insurance\n\n🚑 Medical insurance\n\n🏖 Unlimited vacation\n\n🏖 Paid time off\n\n📆 4 day workweek\n\n💰 401k matching\n\n🏔 Company retreats\n\n🏬 Coworking budget\n\n📚 Learning budget\n\n💪 Free gym membership\n\n🧘 Mental wellness budget\n\n🖥 Home office budget\n\n🥧 Pay in crypto\n\n🥸 Pseudonymous\n\n💰 Profit sharing\n\n💰 Equity compensation\n\n⬜️ No whiteboard interview\n\n👀 No monitoring system\n\n🚫 No politics at work\n\n🎅 We hire old (and young)\n\n

Backend Engineer Community

Whatnot

Nest JS Developer 🎈 verified

Mindworks

## About us
We are an API aggregator company specializing in game-tech and fintech solutions. Our platform offers seamless headless integration, enabling clients to access a diverse range of games and financial services through a single, unified API. We are committed to providing innovative, secure, and scalable solutions that empower businesses to expand their offerings and enhance user experiences. Our mission is to simplify complex integrations and drive growth for our clients in the digital landscape.

## Business requirements
https://doug-martin.github.io/nestjs-query/

To implement MikroORM support on @nestjs-query with the following considerations:

- The implementation must be fully typed
- The implementation must work with @nestjs-query/graphql package
- The implementation must be a package by itself (like @nestjs/query/sequelize)

## Our tech stacks and backend toolings:
🍒 NX monorepo
🍒 Nest.js / Express
🍒 GraphQL Yoga Server / Apollo Playground
🍒 MikroORM

## We are looking for a backend developer with solid experience in the following:
- Be skilled with database relations and SQL.
- Have experience with Nest.js, dynamic module provider and Node.js ORM.
- Understand the principles of API design and development.
- Be familiar with GraphQL and its implementation in a Nest.js environment.

## Your proposal:
Submit a detailed technical proposal plan for the implementation of MikroORM support on NestJS-Query, emphasizing type safety, GraphQL support, and scalability. Additionally, describing your experience with MikroORM and NestJS-Query, including specific challenges you've addressed and how those experiences inform your approach to this project, would be highly valuable.

👉 You must post a proposal for how you will implement the requirements mentioned above.
👉 Your proposal should include a technical explanation of the changes you will make. You are not required to submit the final solution or code along with your proposal.
👉 Your proposal will be reviewed.
👉 If your proposal is accepted, you should post the proposal on Upwork and you will be hired for the job.
👉 AFTER your proposal is accepted on Upwork and you have accepted the offer, access to GitHub will be granted and you may begin the work. You will create a pull request in our repository to merge your code into our codebase. Include screenshots and confirmation that you have tested the pull request. Our engineers will review the code, and approve and merge when the code meets our requirements.

Please mention the word WHOLEHEARTEDLY when applying to show you read the job post completely (#RMjYwMDoxZjE4OjEwMGQ6OWYxMTpmOTU1OjNkMzM6ODhlOTpmMDJm). This is a feature to avoid fake spam applicants. Companies can search these words to find applicants that read this and instantly see they're human.

$20,000 - $40,000/year

We are genuinely excited about your interest in Nest JS contract-based projects at Mindworks and are eager to get to know you better. To kick off this exciting journey, we kindly invite you to contact me by filling out the application form at https://tally.so/r/wkyKMe.

You may kindly fill out the form with your best effort since all of our development team members will gladly review your application in detail and I'll contact you soon once you've submitted it. Cheers!

Apply for this job

Business Development

Partisia Blockchain Applications

System

Support

Lead

Sales

VueJS Dev

Partisia Blockchain Applications

\nWho We Are:\n\nOur mission is to scale decentralized networks by significantly reducing the costs of zero-knowledge proofs. Founded in 2019, Horizen Labs is dedicated to building a more secure and equitable digital world at the heart of the decentralization revolution. Dedicated to elevating blockchain technology to unprecedented efficiency, we significantly reduce costs for proof verification without compromising security. Focusing on building next-gen, modular architecture, enhanced with composable zero-knowledge proofs, we are not just advancing the field - we are setting new benchmarks for performance, security and cost-effectiveness. At Horizen Labs, our people are our greatest asset, and we are creating a culture of empowered individuals who are eager to bring their ideas to life. We are looking for creative individuals to join our team of the best and brightest minds in the blockchain space. You will experience the exhilaration of joining a fast-growing and innovation-focused company. We believe diversity drives the innovation and engagement necessary to build a truly remarkable product. We operate on a hybrid model with a distributed global workforce who works in partnership with our satellite offices in New York City, NY and Milan, Italy. This allows us the flexibility to go to where the talent is. Are you ready to help us change the future with the next cutting-edge blockchain technology? Join us!\n\nWe're looking for an experienced and highly enthusiastic Senior DevOps Engineer to join the team. At Horizen Labs, our DevOps Engineers are responsible for building and maintaining automation, orchestration, installation, and configuration procedures, tailored for several Public Cloud platforms, as well as for dedicated servers. Moreover, they work hand-in-hand with our Software Engineers to architect and construct streamlined software development pipelines and environments.\nKey Responsibilities\n\n\n* Design and implement scalable automation and orchestration pipelines to ensure systems are robust and maintainable.\n\n* Design and maintain internal tools for the team.\n\n* Build and update installation and configuration procedures for all our Providers.\n\n* Manage and deploy Infrastructure through Terraform, Ansible, shell scripts, Github Actions and Travis-CI.\n\n* Secure and protect production environments and secrets against attacks in the challenging Blockchain space.\n\n* Create and maintain documentation for infrastructure, configurations, and processes.\n\n* Collaborate with Software Engineers to design and construct efficient software development pipelines and environments.\n\n* Conduct research, test and apply new techniques and tools that improve the DevOps process and performance.\n\n* Cost monitoring and infrastructure optimization.\n\n\n\nQualifications and Experience\n\n\n* 3+ years of practical experience as DevOps, ideally combined with previous experience as Backend Developer.\n\n* Familiarity with Infrastructure as Code concepts and tools like Terraform and Ansible for orchestration/configuration management.\n\n* Experience working with:\n\n\n\n* Linux/Unix System Administration (e.g. Debian, Ubuntu, Alpine).\n\n* Intermediate knowledge of a scripting language like Bash or Python.\n\n* Software Version Control tools like GIT, GitHub, Subversion (SVN).\n\n* Creating customized Dockerfiles following Docker best practices.\n\n* Cloud providers, preferably AWS.\n\n\n\n* Familiarity with DevOps Methodologies with a focus on CI (Continuous Integration), CD (Continuous Delivery) and IaC (Infrastructure as Code).\n\n* Working proficiency and communication skills in verbal and written English.\n\n* You are passionate about the promise of blockchain technology.\n\n* You aren't afraid of working in a fast-paced environment, understanding when to ask for help or when to pull up your sleeves to get stuff done.\n\n* Self-motivated and results-oriented.\n\n\n\nNice to have\n\n\n* Experience bringing large-scale projects to production and maintaining high-quality of service.\n\n* Experience working in Agile teams.\n\n* Knowledge of blockchain architecture and internals. \n\n\n\n\n \n\nIn compliance with New York City's Pay Transparency Act, the annual base salary range for this position should the applicant be based in NYC is USD 170,000 to USD 200,000. The range displayed reflects the minimum and maximum target for new hire salaries for the position should it be based in NYC. Our salary ranges are determined by numerous factors, including, but not limited to, role, level, experience, and location.\n\n\nHorizen Labs is an equal opportunity employer\n\nHorizen Labs is committed to providing reasonable accommodations to individuals with disabilities. If you need a reasonable accommodation for any part of the employment process, please send an email to [email protected] and let us know the nature of your request and your contact information.\n\n\n \n \n\n#Salary and compensation\n No salary data published by company so we estimated salary based on similar jobs related to Design, Docker, DevOps, Cloud, Senior, Engineer and Backend jobs that are similar:\n\n $70,000 - $110,000/year\n
\n\n#Benefits\n 💰 401(k)\n\n🌎 Distributed team\n\n⏰ Async\n\n🤓 Vision insurance\n\n🦷 Dental insurance\n\n🚑 Medical insurance\n\n🏖 Unlimited vacation\n\n🏖 Paid time off\n\n📆 4 day workweek\n\n💰 401k matching\n\n🏔 Company retreats\n\n🏬 Coworking budget\n\n📚 Learning budget\n\n💪 Free gym membership\n\n🧘 Mental wellness budget\n\n🖥 Home office budget\n\n🥧 Pay in crypto\n\n🥸 Pseudonymous\n\n💰 Profit sharing\n\n💰 Equity compensation\n\n⬜️ No whiteboard interview\n\n👀 No monitoring system\n\n🚫 No politics at work\n\n🎅 We hire old (and young)\n\n
\n\n#Location\nRemote - Global

\n\n\n\nAbout the company:\n* Company Size - < 10 People \n* Approx. Funding - $20M \n* Company Stage - Series A\n* Industry - Blockchain, Crypto, Ethereum\n* Founding year - 2022\n* Tech Stack/Technologies: Rust, Typescript, EVM, Solidify, AWS, Docker, Kubernetes, Terraform\n\n\n\nWe're looking for a Lead Backend Engineer to:\n* Build & innovate on the backend and infra of a cutting edge Ethereum smart contract platform with brilliant PhDs and leaders in the space.\n* Work on groundbreaking tech that has the potential to be a key piece of infrastructure for the crypto industry.\n* Work with the latest technologies to; build & design performant systems, and contribute to the backend & ZK proof libraries.\n* Impact early-stage technical decisions that will shape the technical infrastructure for hypergrowth.\n\n\n\nWhat you'll need:\n* A Bachelor's degree in Computer Science, Engineering, or related field.\n* 6+ years of professional software engineering experience.\n* Fluency in Rust, C++, or other highly performant languages.\n* Experience deploying & working on production applications in AWS using orchestration and containerization (Docker, Terraform, Kubernetes).\n* Passion for working on challenging software projects and a keen eye for performance. \n* Startup or founding experience within a high-performance engineering environment is preferable.\n* Experience with the low-level details of Ethereum would be an asset.\n\n\n\n\nWhat you'll get:\n* Competitive Salary with significant equity. \n* Comprehensive health benefits.\n* A front row seat in ZK, one of the most exciting fields within crypto.\n* Unprecedented career progression opportunities.\n\n\n\n\n$150,000 - $240,000 a yearCompensation is salary + meaningful equity in an early stage venture backed startup commensurate with experience.\n \n\n#Salary and compensation\n No salary data published by company so we estimated salary based on similar jobs related to Design, Crypto, Engineer and Backend jobs that are similar:\n\n $80,000 - $117,500/year\n
\n\n#Benefits\n 💰 401(k)\n\n🌎 Distributed team\n\n⏰ Async\n\n🤓 Vision insurance\n\n🦷 Dental insurance\n\n🚑 Medical insurance\n\n🏖 Unlimited vacation\n\n🏖 Paid time off\n\n📆 4 day workweek\n\n💰 401k matching\n\n🏔 Company retreats\n\n🏬 Coworking budget\n\n📚 Learning budget\n\n💪 Free gym membership\n\n🧘 Mental wellness budget\n\n🖥 Home office budget\n\n🥧 Pay in crypto\n\n🥸 Pseudonymous\n\n💰 Profit sharing\n\n💰 Equity compensation\n\n⬜️ No whiteboard interview\n\n👀 No monitoring system\n\n🚫 No politics at work\n\n🎅 We hire old (and young)\n\n

# data[].attributes.attachment_link.title
Remote Jobs in Programming, Design, Sales and more #OpenSalaries

# data[].attributes.attachment_link.description
Looking for a remote job? Remote OK® is the #1 Remote Job Board and has 762,053+ remote jobs as a Developer, Designer, Copywriter, Customer Support Rep, Sales Professional, Project Manager and more! Find a career where you can work remotely from anywhere.

# data[].attributes.attachment_link.description
Discover Remote Jobs from around the world. Give up the commute, work remotely and do what you love, daily, from anywhere. Find your perfect remote development, design, sales or marketing job today.

# data[].attributes.attachment_link.description
Remote.co is the definitive remote work job board for online job seekers and companies hiring. Start your remote job search here!

# data[].attributes.attachment_link.title
Hired - Plateforme de recrutement. Recherche d'emploi simplifiée !

# data[].attributes.attachment_link.description
Avec Hired, votre recherche d'emploi n'a jamais été aussi simple ! Créez votre profil et laissez les entreprises vous contacter personnellement avec des informations précises notamment sur le salaire et les stock-options proposés

# data[].attributes.attachment_link.description
750 million+ members | Manage your professional identity. Build and engage with your professional network. Access knowledge, insights and opportunities.

# data[].attributes.attachment_link.title
Besoin d’urgence: Growth hacker à Lyon offres d’emploi (salaire indiqué!) - 2021 - Jooble

# data[].attributes.attachment_link.description
Emploi : Growth hacker à Lyon • Recherche parmi 871.000+ offres d’emploi en cours • Rapide & Gratuit • Temps plein, temporaire et à temps partiel • Meilleurs employeurs à Lyon • Emploi: Growth hacker - facile à trouver !

# data[].attributes.attachment_link.readable_text
filtre(s) de plus Effacer tous les filtres

Recevoir les dernières offres par mail En cliquant sur Je crée mon alerte, vous acceptez les CGU ainsi que notre politique de confidentialité décrivant la finalité des traitements de vos données personnelles.

Recevoir les nouvelles offres d'emploi par mail En cliquant sur OK, vous acceptez les CGU ainsi que notre politique de confidentialité décrivant la finalité des traitements de vos données personnelles.

# data[].attributes.attachment_link.title
▷ Offres Emploi Chef de projet web Rhône (69) | RhoneAlpesJob

# data[].attributes.attachment_link.description
filtre(s) de plus Effacer tous les filtres Recevoir les dernières offres par mail En cliquant sur Je crée mon alerte, vous acceptez les CGU ainsi que notre politique de confidentialité décrivant la finalité des traitements de vos données personnelles.

# data[].attributes.body
22€ - Réservations jusqu'au 04/04

# data[].attributes.attachment_link.readable_text
Bienvenue au WordCamp Paris 2020

Nous sommes heureux de vous annoncer que le WordCamp Paris se tiendra au printemps 2020, le 17 avril précisément. Comme pour l'édition 2019, nous aurons la chance de nous réunir au sein du campus Malesherbes, un des sites de la prestigieuse université de Paris-Sorbonne. Situé dans le 17 e arrondissement, à deux pas du Parc Monceau, le campus est très facile d'accès et doté de magnifiques installations.
Ouvert à tou·te·s, notre rassemblement pourra ainsi accueillir le plus grand nombre !

Dans les semaines à venir...

Réunir jusqu'à 400 participant·e·s nécessite d'abord de réussir tous ensemble la préparation de ce WordCamp. Nous avons donc besoin de votre contribution et nous vous solliciterons très prochainement grâce à différents appels dont le premier sera l'appel à organisateur·rice·s pour renforcer notre équipe initiale. Viendront ensuite l'appel à orateur·rice·s, l'appel à ateliers, l'appel à sponsors, le programme des conférences, l'ouverture de la billetterie et bien plus encore !

Et d'ici le mois d'avril, l'association WP Paris, qui fédère les utilisateurs de WordPress de la région Ile-de-France, organise tous les deux mois un Meetup chez Malt dans le IX e : une autre bonne occasion de se rencontrer et d'échanger 😉

J'me présente je m'appelle Titi. J' voudrais bien Chuis l'môme à Marcel, le wapuu français, mais tu savais pas ? En plus beau hein, je dis pas de mal du pater, m'enfin l'beret, toussa... 😉 TiTi, le wapuu du WordCamp Paris

# data[].attributes.attachment_link.description
Nous sommes heureux de vous annoncer que le WordCamp Paris se tiendra au printemps 2020, le 17 avril précisément. Comme pour l'édition 2019, nous aurons la chance de nous réunir au sein du campus Malesherbes, un des sites de la prestigieuse université de Paris-Sorbonne.

# data[].attributes.body
Salon E-marketing Paris - Optimiser un site en continu

# data[].attributes.attachment_link.readable_text
Le salon E-marketing revient du 31 mars au 2 avril 2020 à la porte de Versailles (Paris). Comme chaque année, les professionnels du marketing se donnent rendez-vous pour échanger au sujet des dernières tendances marketing, rencontrer de nouveaux partenaires et prestataires et bien plus ! Cette année la communication durable et l'impact sur l'environnement seront mis en avant notamment via le purpose driven marketing...
Cliquez ici pour vous inscrire gratuitement au salon Emarketing
Un mot de Ghislaine de Chambine, Directrice du salon E-marketing
" À l'heure d'un (r)éveil des consommateurs qui veulent des produits et services plus responsables, écologiques, durables, les marques prennent conscience qu'elles sont évaluées selon leur impact sur l'environnement, le bien vivre, l'équité sociale, le bien commun, l'inclusion... Plus elles se préoccupent de la planète, de la qualité de vie, plus elles augmentent l'engagement de leurs clients et attirent l'attention de leurs prospects. Le Purpose driven marketing illustré par plusieurs initiatives d'annonceurs, indique que le développement durable est partie intégrante de la stratégie marketing et communication, pas seulement un ajout. "
Le programme des conférences du salon E-marketing

Au-delà du purpose marketing qui sera la thématique de la plénière, différents sujets pourront vous intéresser, nous avons noté par exemple :

1. Comment réussir ses projets digitaux avec les freelances ;

2. Et si l'engagement était la meilleure stratégie d'influence ;

3. Google Bert : les best practices SEO / content ;

4. Qu'est ce que l'intelligence artificielle et comment l'utiliser dès maintenant sur vos données ;

5. Email marketing : 5 mécaniques à succès pour sortir de l'ombre.

Les conférences ne manquent pas, comme d'habitude tout le monde trouvera des choses intéressantes en fonction de ses problématiques marketing du moment.

Et du coté des exposants ?

Quasiment une centaine d'exposants seront au rendez-vous. Cela sera l'occasion, pour vous, d'échanger avec eux pour avancer dans votre stratégie e-marketing. Parmi eux : Adobe, Avis vérifié, Cision, CyberCité, Dolist, Full Performance, Meltwater, Plezi...

En pratique

Le salon e-marketing se déroulera du 31 mars au 2 avril 2020, de 9h00 à 18h00 pour le premier jour, de 9h00 à 20h00 le deuxième et de 9h00 à 17H00 le dernier jour à Paris Porte de Versailles.

Pour vous y rendre vous avez la ligne 12 (Porte de Versailles), les bus 39 et 80 (Porte de Versailles / Parc des expositions) ou encore les tramway T2 et T3 (Porte de Versailles / Parc des expositions).
L'inscription est 100% gratuite, aucune raison de s'en priver 🙂 Cliquez ici pour demander votre entrée

# data[].attributes.attachment_link.title
Salon E-marketing Paris 2020 : pensez à demander votre badge gratuit

# data[].attributes.attachment_link.description
Le salon E-marketing revient du 31 mars au 2 avril 2020 à la porte de Versailles (Paris). Comme chaque année, les professionnels du marketing se donnent rendez-vous pour échanger au sujet des dernières tendances marketing, rencontrer de nouveaux partenaires et prestataires et bien plus !

# data[].attributes.body
Prévoir 5€ PAF - Réservation

# data[].attributes.attachment_link.readable_text
Nouvelle conférence des Designers Lyonnais ! Cette fois-ci, nous avons un invité de marque qui nous vient directement de Suisse !

⏲️
Portes: 19:00
Talk & Q/A: 19:30

📆
Au cours de ce talk, Stéph Cruchon présentera pour la première fois en France le "Design Sprint Quarter", la stratégie d'innovation sur trois mois qu'ils ont développé au sein de Design Sprint Ltd.

🎙️
"Nous pensons que c'est à l'heure actuelle la meilleure façon d'intégrer le Design Sprint au sein d'une grande entreprise et de garantir la rapidité d'execution d'un minimum viable product (MVP)."

Le Design Sprint Quarter, est en quelque sorte le chaînon manquant entre le démarrage d'un projet d'innovation en Design Sprint et la réalisation d'une première version d'un produit (MVP) en mode agile.

🎙️
"Au fil des années nous avons mené des Design Sprints dans des contextes et des entreprises très variés. Le but de ce Meetup et de vous donner des conseils utiles et une stratégie pour lancer un premier MVP en 3 mois."

📆
Nous discuterons de comment:

- Mener à bien le premier Design Sprint
- Récolter et valoriser le feedback des utilisateur
- Conserver l'énergie post Sprint (Momentum)
- Obtenir le financement du MVP
- Intégrer les équipes techniques au projet
- Faciliter la transition vers Scrum
- Accélérer l'Innovation au sein des grands groupes

🌱
- A propos de Stéphane Cruchon -

Steph Cruchon est un designer et expert en innovation suisse basé à Lausanne et le fondateur de Design Sprint Ltd www.design-sprint.com, avec plus de 15 ans d'expérience dans le design de produits et services.

Pionnier en Europe des workshops de Design Sprint en 5 jours, selon la méthode de Google Ventures, il aide les startups et grandes entreprises à repenser leurs habitudes de travail et à transformer leurs idées prometteuses en produits et services innovants.

🤙
- Information sur la soirée -

🏠
Pour assurer les frais de l'espace, SOFFFA, il est nécessaire de prévoir 5€ par participants 👉 Cela permet d'assurer les charges ET de faire "vivre le lieu par ses évènements".

🍕
Profitons d'un buffet participatif ! Chacun peut ramener ce qu'il souhaite (préférence pour le bon et de qualité) pour accompagner la convivialité de cette soirée !

☎️
Si vous avez des questions ou des remarques, n'hésitez pas à contacter Fabrice Liut, même par sms ou téléphone au[masked]

Au plaisir de passer cette soirée ensemble !

# data[].attributes.attachment_link.title
Conférence #1 - Le Design Sprint Quarter par Stéphane Cruchon.

# data[].attributes.attachment_link.description
Nouvelle conférence des Designers Lyonnais ! Cette fois-ci, nous avons un invité de marque qui nous vient directement de Suisse ! ⏲️Portes: 19:00Talk & Q/A: 19:30 📆Au cours de ce talk, Stéph Cruchon présentera pour la première fois en France le "Design Sprint Quarter", la stratégie d'innovation sur trois mois qu'ils ont développé au sein de Design Sprint Ltd.

# data[].attributes.attachment_link.readable_text
Hello à tous,

Pour cette édition de mars, nous vous proposons un meetup WordPress spécial images. Bien optimiser ses images dans WordPress est primordial pour notamment votre SEO.

Plus de 20% du trafic organique de Google provient de recherches d'images. Pour ne pas perdre cette opportunité d'augmenter son trafic organique sur son site grâce aux images, quels sont les différents points auxquels vous devez prêter attention pour le référencement de vos images ?
On y parlera performance, texte alternatif, réseaux sociaux, fonctionnement de la base de données de WordPress, et bien d'autres choses! Et comme nous ne devons pas l'oublier, est-ce que Gutenberg peut nous aider dans ce processus ?

Avec quelques plugins et techniques, vous obtiendrez rapidement de vrais résultats et c'est ce que nos deux experts viennent vous présenter :
- Jean-Baptiste de WP Media, commencera par vous expliquer comment réduire le poids des images sous WordPress
- Thomas de ImageSEO, continuera avec comprendre et gérer le SEO des images avec WordPress

Tous les profils sont les bienvenus que vous soyez agence, freelance, développeur/euse, utilisateur, SEO, marketing, graphiste, etc ;)

Et comme à chaque fois, échanges et bonne humeur.

Attention : nouveau lieu. Nous sommes désormais accueillis à l'Ecole ESD - 181 Avenue Jean Jaurès · Lyon

# data[].attributes.attachment_link.title
Apprendre à bien optimiser ses images dans WordPress

# data[].attributes.attachment_link.description
Hello à tous, Pour cette édition de mars, nous vous proposons un meetup WordPress spécial images. Bien optimiser ses images dans WordPress est primordial pour notamment votre SEO. Plus de 20% du trafic organique de Google provient de recherches d'images.

# data[].attributes.body
Un ebook Etapes gratuit toutes les 48h !

# data[].attributes.attachment_link.title
Livres de étapes: éditions sur Google Play

# data[].attributes.attachment_link.description
Profitez de millions d'applications Android récentes, de jeux, de titres musicaux, de films, de séries, de livres, de magazines, et plus encore. À tout moment, où que vous soyez, sur tous vos appareils.

# data[].attributes.body
23 juillet 2020

# data[].attributes.attachment_link.keywords[]
[webinar] design-moi un dashboard ! data & design : le combo parfait

# data[].attributes.attachment_link.keywords[]
[webinar] design-moi un dashboard ! data & design : le combo parfait tickets

# data[].attributes.attachment_link.title
[Webinar] Design-moi un Dashboard ! Data & Design : le combo parfait

# data[].attributes.attachment_link.description
Eventbrite - Mydral présente [Webinar] Design-moi un Dashboard ! Data & Design : le combo parfait - Jeudi 23 juillet 2020 - Trouver des informations sur l'événement et les billets.

# data[].attributes.attachment_link.readable_text
La sortie de la prochaine version de WordPress est prévue le 11 août 2020.

Découvrez les nouvelles fonctionnalités proposées par WordPress dans la prochaine version de son CMS. © StockSnap - Pixabay

Pour cette seconde mise à jour majeure de WordPress cette année, la version 5.5 apporte de nombreuses fonctionnalités et des améliorations de l'interface utilisateur, notamment au niveau de l'éditeur de blocs Gutenberg, pour vous aider à élaborer votre site.
Comment installer WordPress : le guide complet, étape par étape
Une mise en page facilitée grâce à un nouveau répertoire de blocs

Un nouveau répertoire permet de trouver et d'installer de nouveaux blocs à partir de l'éditeur. Il s'agit de plugins WordPress qu'il suffit d'ajouter pour obtenir ces nouveaux blocs, en effectuant une recherche dans la barre prévue à cet effet. Si vous ne trouvez pas de bloc correspondant à vos besoins, vous pouvez aussi faire une recherche à partir d'un nom de fonctionnalité : vous obtiendrez des résultats issus de ce nouveau répertoire de blocs.

De nouveaux modèles de blocs mis à jour

Avec WordPress 5.5, vous avez également accès à de nouveaux modèles de blocs, qui sont prêts à l'emploi grâce aux paramètres les plus couramment utilisés, pour les ajouter rapidement à vos mises en page. De nouveaux modèles de blocs viendront enrichir au fur et à mesure la liste actuellement disponible.

Des améliorations pour déplacer ou modifier les blocs

Si vous devez revoir votre mise en page, ces nouveautés devraient vous satisfaire. WordPress 5.5 apporte une série de nouvelles fonctionnalités dans l'éditeur pour faciliter le déplacement ou la modification des blocs :

La possibilité de copier et de déplacer facilement des blocs,

Une mise en page à sélection multiple, qui permet de modifier plusieurs blocs en même temps,

La sélection du bloc parent dans les blocs imbriqués, comme les blocs de groupes ou de colonnes.

L'optimisation des images avec l'intégration du lazy-loading par défaut

Annoncé lors de la mise à jour de WordPress 5.4, l'attribut HTML " lazy " sera activé par défaut dans les balises des images dans la prochaine version du CMS. Il s'agit d'une technique permettant de différer le chargement des images pendant la navigation pour afficher uniquement celles qui apparaissent à l'écran, au moment où son affichage est nécessaire. Le lazy-loading améliore significativement la vitesse de chargement et les performances d'un site.

Cela économise de la bande passante pour tout le monde (utilisateurs, hôtes, FAI), facilite la navigation sur le web pour ceux qui ont des vitesses de connexion Internet plus lentes, économise de l'électricité, etc., explique Jake Spurlock, Technical Account Engineer pour Automattic.

WordPress note que le lazy-loading est désormais pris en charge par tous les navigateurs web, à l'exception de Safari.

L'édition des images en ligne simplifiée

La prochaine mise à jour de WordPress va aussi aider les utilisateurs à faire des retouches d'image assez basiques. Dans la bibliothèque médias, vous pourrez recadrer, redimensionner ou effectuer une rotation sur un visuel. Sur vos pages, ces options seront disponibles pour pouvoir apporter des modifications rapides à vos images, sans quitter l'éditeur. Un menu vous proposera, par exemple, différentes tailles (16:9, 4:3, 3:2...), en fonction du format de votre visuel, en paysage ou en portrait.

Les sitemaps XML inclus dans WordPress

Le fichier sitemap d'un site permet de répertorier l'ensemble de ses publications. Il aide les moteurs de recherche à découvrir et indexer facilement le contenu pour améliorer votre référencement. La prochaine mise à jour inclut les sitemaps et les active par défaut au sein de WordPress. Concrètement, le CMS intégrera la page d'accueil, les publications, les pages, mais aussi les taxonomies (catégories, balises et taxonomies personnalisées) ou encore les archives des auteurs.

Cette version proposée par WordPress fournira les fonctionnalités de base requises par le protocole XML Sitemap. Si vous utilisez déjà un plugin WordPress pour votre référencement, comme Yoast SEO ou All in One SEO Pack, vous n'avez rien à faire. Ces extensions sont fournies avec leurs propres plans de site XML et offrent des fonctionnalités de personnalisation avancées, qui vous apportent une meilleure visibilité sur les moteurs de recherche.

La mise à jour automatique des plugins et des thèmes

Il est recommandé d'utiliser les dernières versions des plugins et des thèmes sur WordPress pour sécuriser votre site ou votre blog professionnel. Si le CMS s'appuie sur un système de gestion des mises à jour efficace, WordPress 5.5 va vous permettre d' activer des mises à jour automatiques pour ces différents éléments à partir du tableau de bord. Il suffira d'accéder à la page des plugins et de cliquer sur le bouton Activer la mise à jour automatique pour les extensions que vous souhaitez. Vous aurez ainsi un meilleur contrôle sur vos plugins et vous serez assuré d'utiliser la dernière version à jour pour vote site. Pour les thèmes, vous devrez vous rendre dans Apparence > Thèmes, puis il faudra cliquer sur le bouton de mise à jour automatique proposé.

Comment tester WordPress 5.5 ?

Si sa sortie officielle a été annoncée pour le 11 août 2020, la version WordPress 5.5 est actuellement en cours de développement. Il n'est pas recommandé de l'utiliser sur un site en production. Si vous souhaitez néanmoins essayer les nouvelles fonctionnalités proposées par la nouvelle version du CMS, nous vous conseillons de le configurer sur un site de test.

Pour accéder à la version WordPress 5.5 bêta 2, vous pouvez :

Depuis la sortie de la précédente version, WordPress 5.5 bêta 1, le CMS annonce avoir résolu 48 bugs, dont une grande partie impactaient le bon fonctionnement de l'éditeur de blocs. Parmi les autres actions apportées à la nouvelle bêta 2 : la police de l'icône Dashicons a été mise à jour et des corrections ont été apportées sur des widgets cassés.

Recevez par email toute l'actualité du digital

# data[].attributes.attachment_link.title
WordPress 5.5 : les nouveautés de la mise à jour d'août 2020 - BDM

# data[].attributes.attachment_link.description
La sortie de la prochaine version de WordPress est prévue le 11 août 2020. Découvrez les nouvelles fonctionnalités proposées par WordPress dans la prochaine version de son CMS. © StockSnap - Pixabay Pour cette seconde mise à jour majeure de WordPress cette année, la version 5.5 apporte de nombreuses fonctionnalités et des améliorations de l'interface utilisateur, notamment au niveau de l'éditeur de blocs Gutenberg, pour vous aider à élaborer votre site.

# data[].attributes.body
France Design Week 1er-15 septembre à Lyon

# data[].attributes.attachment_link.description
Événement national en France dont l'objectif est de promouvoir le design auprès des professionnels et à sensibiliser le grand public à sa pratique.

# data[].attributes.attachment_link.description
La responsabilité ne concerne pas seulement les designers, mais toute la stratégie des entreprises. En insufflant une réflexion éthique dans la conception, la transformation concerne également les modèles économiques et stratégiques. Le design associé à une vision économique vertueuse peut s'avérer être un puissant levier pour une transformation tournée vers un avenir socialement et écologiquent soutenable.

# data[].attributes.attachment_link.readable_text
Aller au contenu

Quelle que soit votre spécialité, de la communication au marketing en passant par le SEO, le développement ou le design, nous référençons ici tous les événements web. Les conférences pour les professionnels du web sont rassemblés : que vous soyez à Paris, à Lyon, à Lille, à Rennes ou à Marseille, vous accédez à la liste des événements web organisés dans votre région. Nous présentons les thèmes abordés, le prix, le programme et les intervenants quand la liste est disponible. Certains événements sont incontournables, comme le Web2day à Nantes, le HUBFORUM à Paris ou le Blend Web Mix à Lyon. Cette liste des événements du digital est mise jour régulièrement. Vous trouverez à la fois de grands salons comme E-Marketing Paris, des festivals comme Futur en Seine et des journées très spécialisées comme Teknseo à Genève, pour tout savoir sur le référencement. Vous souhaitez assister à l'une de ces conférences ? N'hésitez pas, vous pouvez exporter chaque événement web sur Google Agenda ou tout autre calendrier.

# data[].attributes.attachment_link.description
Quelle que soit votre spécialité, de la communication au marketing en passant par le SEO, le développement ou le design, nous référençons ici tous les événements web. Les conférences pour les professionnels du web sont rassemblés : que vous soyez à Paris, à Lyon, à Lille, à Rennes ou à Marseille, vous accédez à la liste des événements web organisés dans votre région.

# data[].attributes.body
Juin 2019 Versailles
http://www.graphitec.com/

# data[].attributes.attachment_link.readable_text
Jury vote eliminated
Sites are sent to a minimum of 16 Design Jury members, the two scores furthest from the average will be automatically eliminated by our system. SOTD will then be sent to the Developer Jury to be evaluated following the Developer Guidelines, find more info .

# data[].attributes.attachment_link.description
Jury vote eliminated Sites are sent to a minimum of 16 Design Jury members, the two scores furthest from the average will be automatically eliminated by our system. SOTD will then be sent to the Developer Jury to be evaluated following the Developer Guidelines , find more info .

# data[].attributes.attachment_link.title
Reflection - Une expérience de l’Opéra de Lyon

# data[].attributes.attachment_link.description
Découvrez sous un autre angle la saison 2020-21 de l’Opéra de Lyon !

# data[].attributes.headline
Outil gratuit pour aider à créer un brief

# data[].attributes.subject
Outil gratuit pour aider à créer un brief

# data[].attributes.attachment_link.readable_text
Pitchez votre entreprise

L'agence que vous interrogez ne connaît pas nécessairement votre entreprise, votre historique, votre positionnement, votre environnement et vos valeurs. Il est indispensable de partager avec lui quelques éléments de votre personnalité de marque et de votre périmètre d'intervention : secteur d'activité, chiffres clés, ADN de marque, cible et valeurs, offre, prix, concurrents, perception...

Orientez le brief

Vous avez des idées, vous savez ce que vous aimez ou au contraire savez ce que vous ne voudriez surtout pas pour votre entreprise. Même s'il est préférable de ne pas trop brider l'agence, il peut s'avérer utile d'orienter la créativité de l'équipe en leur indiquant vos contraintes (budgétaire, calendaire...). Votre brief pose les bases sur lesquelles votre partenaire pourra s'appuyer pour développer votre projet. N'hésitez pas à fournir des exemples, même dans d'autres secteurs d'activités, de ce que vous considérez comme efficace, ou à éviter à tout prix, tout en expliquant pourquoi.

Exprimez vos cibles

Pour mener à bien sa mission, votre prestataire doit savoir précisément à qui il va s'adresser et connaître les principales caractéristiques de votre cible, mais aussi les raisons du choix de cette cible. Ces précisions sont décisives pour pouvoir optimiser le message et le ton à adopter.

Accompagnez votre brief de documents

Un état des lieux de la communication et de ce qui a déjà été fait, brand book, charte graphique ou éditoriale, anciennes campagnes, exemples de supports, moodboard, note d'intention, inspirations précises... sont autant de documents que vous pouvez transmettre au moment d'un brief pour que votre prestataire puisse s'imprégner au maximum de votre société.

Soyez précis, concis et pertinent.

Lors de votre brief, soyez concis et pertinent dans le choix de vos mots. Mieux que personne, vous connaissez votre projet et tout ce qui gravite autour : votre concurrence, votre clientèle, vos objectifs, le positionnement souhaité, les freins et opportunités... Vous maitrisez votre business plan et votre stratégie commerciale. Plus vous serez précis, plus la stratégie que vous aurez défini deviendra évidente pour l'agence. Considérez votre interlocuteur comme un client.

Contextualisez votre demande

Contextualiser permet de cadrer le projet et d'assurer une réponse adaptée aux objectifs de l'entreprise. Le message ou l'action que vous souhaitez s'inscrivent-ils dans la continuité de vos projets ou sont-ils en rupture ? S'agit-il d'un lancement, d'une demande associée à un moment précis ou encore à une ambition de l'entreprise ?

Définissez vos objectifs

Il est primordial de définir le but de l'action exprimant simplement l'objectif principal (et éventuellement un objectif secondaire) ainsi que les indicateurs par lesquels seront mesurés l'efficacité du dispositif (KPI) ?

Soigner son message

C'est le moment d'identifier et d'exprimer ce que vous souhaitez apporter à votre cible, la promesse que vous leur faites. Quel est le message à lui adresser ? C'est aussi le moment de clarifier les arguments et avantages concurrentiels qui soutiennent votre promesse. Qu'est-ce qui fait que votre consommateur peut être séduit et vous faire confiance ?

Préparez une boite à outils

Enfin, il convient de transmettre à votre contact la boite à outils et le matériel qui lui sera nécessaire pour concevoir sa réponse : visuels en bonne définition, logo, dossier prêt à l'emploi. Le contenu doit être validé et de bonne qualité pour éviter les allers-retours inutiles et gagner un temps précieux.

# data[].attributes.attachment_link.title
Creabrief par Proposr - Générateur de brief gratuit

# data[].attributes.attachment_link.description
L'agence que vous interrogez ne connaît pas nécessairement votre entreprise, votre historique, votre positionnement, votre environnement et vos valeurs. Il est indispensable de partager avec lui quelques éléments de votre personnalité de marque et de votre périmètre d'intervention : secteur d'activité, chiffres clés, ADN de marque, cible et valeurs, offre, prix, concurrents, perception...

# data[].attributes.body
Pearson

# data[].attributes.body
Cours gratuits sur l'art Centre Pompidou

# data[].attributes.attachment_link.keywords[]
mooc culturels - fondation orange: se connecter sur le site

# data[].attributes.attachment_link.title
MOOC culturels - Fondation Orange: Se connecter sur le site

# data[].attributes.attachment_link.description
Depuis 2014, pour permettre à tous d'accéder facilement à la culture et aux savoirs, la Fondation Orange propose des MOOC en partenariat avec des institutions culturelles. Avec ces différents MOOC, nous offrons à tous la possibilité de bénéficier d'un enseignement à la fois rigoureux et convivial basé sur des contenus de qualité.

# data[].attributes.attachment_link.readable_text
Ce cours reprend certains contenus des MOOC de la collection C2i " Internet, les autres et moi " et " Le meilleur du Web " joués en 2014, 2015 et 2016 et réalisés par un collectif d'enseignants et de correspondants C2i : Nathalie Denos (Université de Grenoble Alpes), Isabelle Duchatelle (Université de Caen basse Normandie), Julien Morice, Christophe Declercq, Laure Kalhem (Université d'Orléans), Isabelle Ramade (Université Paris-Sud), Joanne Mercher-Guene et Krassimira Lacoustete (Université de Pau et des Pays de l'Adour), Éric Panassier (Université Claude Bernard Lyon 1).

Cette nouvelle version est conçue et réalisée par le service d'ingénierie pédagogique de l'Université de Cergy-Pontoise dans le prolongement de la version 2017 de " Usages du Web ".

Prérequis

Ce cours a pour ambition d'enrichir la culture numérique de chacun(e).
Il ne demande aucun prérequis autre que la possibilité de travailler sur un ordinateur relié à internet.
Pour les participant(e)s n'ayant que peu d'expérience avec les outils numériques, le travail hebdomadaire pourra facilement dépasser la durée moyenne estimée de 2 à 3 h en fonction du niveau ciblés.

Plan du cours

Le cours s'étend sur 6 semaines.

Semaine 1 : Chercher et exploiter de l'information

Semaine 2 : Communiquer sur le Web

Semaine 3 : Contribuer au Web

Semaine 4 : S'insérer dans le monde numérique

Semaine 5 : Produire un document à plusieurs

Semaine 6 : Appréhender les enjeux du Numérique

Évaluation

Le travail sera évalué chaque semaine, soit par un quiz (semaines 1, 2, 4 et 5) soit par la production d'un document qui fera l'objet d'une évaluation par les pairs (semaines 3 et 6)

Une attestation de suivi avec succès sera délivrée aux participants ayant obtenu 10/20 (50%) de réussite sur l'ensemble des six modules.
Partenaires
Les MOOC de la collection " Compétences numériques pour tous " sont soutenus financièrement par le Ministère de l'Enseignement supérieur, de la Recherche et de l'Innovation.

Lien avec la certification Pix

Qu'est-ce que Pix ?

Pix est un service public en ligne d'évaluation, de développement et de certification des compétences numériques. Il s'adresse à tous et permet de définir pour chacun un score et un profil de compétences à partir d'un référentiel européen.
La certification Pix est appelée à remplacer le C2i (Certificat informatique et internet) Niveau 1 à la rentrée 2019.
Pour en savoir plus : pix.fr

Suivre les MOOC de la collection " Compétences numériques pour tous " permet-il d'obtenir la certification Pix ?

Non, pas directement.
Nous vous inviterons régulièrement à évaluer vos compétences sur pix.fr. Ce travail en autonomie vous permettra d'obtenir un score et de définir votre profil. Mais pour obtenir la certification, il faudra passer ensuite un examen.
Tout au long de ce Mooc, nous vous donnerons des compléments d'informations sur le fonctionnement de cette certification.

La certification Pix est-elle gratuite ?

Dans le cadre de l'enseignement scolaire ou de l'enseignement supérieur, la certification Pix est gratuite. Elle est par contre payante dans un cadre de formation continue. Reconnue au RNCP, elle peut cependant donner lieu à un financement dans certains cas.

Conditions d'utilisation

Conditions d'utilisation du contenu du cours
Licence Ouverte
Vous êtes libre de réutiliser, reproduire, adapter, modifier et diffuser le contenu du cours sous réserve de mentionner la source.
Conditions d'utilisation des contenus produits par les participants

Attribution - Pas d'Utilisation Commerciale - Partage dans les Mêmes Conditions
Cette licence vous permet de remixer, arranger, et adapter le contenu à des fins non commerciales sous réserve de mentionner la source et de diffuser les nouvelles Suvres selon les mêmes conditions.

Lien avec la certification Pix

Qu'est-ce que Pix ?

Pix est un service public en ligne d'évaluation, de développement et de certification des compétences numériques. Il s'adresse à tous et permet de définir pour chacun un score et un profil de compétences à partir d'un référentiel européen.
La certification Pix est appelée à remplacer le C2i (Certificat informatique et internet) Niveau 1 à la rentrée 2019.
Pour en savoir plus : pix.fr

Suivre les MOOC de la collection " Compétences numériques pour tous " permet-il d'obtenir la certification Pix ?

Non, pas directement.
Nous vous inviterons régulièrement à évaluer vos compétences sur pix.fr. Ce travail en autonomie vous permettra d'obtenir un score et de définir votre profil. Mais pour obtenir la certification, il faudra passer ensuite un examen.
Tout au long de ce Mooc, nous vous donnerons des compléments d'informations sur le fonctionnement de cette certification.

La certification Pix est-elle gratuite ?

Dans le cadre de l'enseignement scolaire ou de l'enseignement supérieur, la certification Pix est gratuite. Elle est par contre payante dans un cadre de formation continue. Reconnue au RNCP, elle peut cependant donner lieu à un financement dans certains cas.

Conditions d'utilisation

Conditions d'utilisation du contenu du cours
Licence Ouverte
Vous êtes libre de réutiliser, reproduire, adapter, modifier et diffuser le contenu du cours sous réserve de mentionner la source.
Conditions d'utilisation des contenus produits par les participants

Attribution - Pas d'Utilisation Commerciale - Partage dans les Mêmes Conditions
Cette licence vous permet de remixer, arranger, et adapter le contenu à des fins non commerciales sous réserve de mentionner la source et de diffuser les nouvelles Suvres selon les mêmes conditions.

# data[].attributes.attachment_link.description
Ce cours reprend certains contenus des MOOC de la collection C2i " Internet, les autres et moi " et " Le meilleur du Web " joués en 2014, 2015 et 2016 et réalisés par un collectif d'enseignants et de correspondants C2i : Nathalie Denos (Université de Grenoble Alpes), Isabelle Duchatelle (Université de Caen basse Normandie), Julien Morice, Christophe Declercq, Laure Kalhem (Université d'Orléans), Isabelle Ramade (Université Paris-Sud), Joanne Mercher-Guene et Krassimira Lacoustete (Université de Pau et des Pays de l'Adour), Éric Panassier (Université Claude Bernard Lyon 1).

# data[].attributes.attachment_link.readable_text
Myriam Chopin

Myriam Chopin est enseignante-chercheuse en histoire à l'Université de Haute-Alsace. Elle poursuit ses recherches sur les rébellions urbaines en Italie et en France à la fin du Moyen Age. Elle a publié un ouvrage sur la théâtralisation de l'espace urbain, en mars 2018. Myriam Chopin a été Présidente de l'association et du festival interculturel Strasbourg-Méditerranée de 2010 à 2018 dont elle est actuellement Vice-Présidente. Elle a co-écrit avec Olivier Faron un ouvrage sur la styliste Agnès b, Les années Agnès b.

Olivier Faron

Professeur d'histoire contemporaine à Sorbonne Université, Olivier Faron a mené des recherches sur la démographie italienne, les pupilles de la nation de la première guerre mondiale et les chantiers de jeunesse de la seconde. Il est aujourd'hui administrateur général du Conservatoire National des Arts et Métiers. Il a écrit avec Myriam Chopin, Les années Agnès b., publié en 2018.

Nicole Foucher

Après une agrégation de lettres classiques et une thèse sur les génériques de films, Nicole Foucher oriente ses recherches sur les liens de la mode et du cinéma, participant régulièrement à des festivals et catalogues d'exposition. Consultante à ESMOD Paris, elle collabore à des programmes d'innovation avec le Cnam.

Attribution - Pas d'Utilisation Commerciale - Pas de Modification

Cette licence est la plus restrictive des six licences principales, n'autorisant les autres qu'à télécharger vos œuvres et à les partager tant qu'on vous crédite en citant votre nom, mais on ne peut les modifier de quelque façon que ce soit ni les utiliser à des fins commerciales.

Conditions d'utilisation des contenus produits par les participants

Droits réservés

Licence restrictive : la production relève de la propriété intellectuelle de son auteur et ne peut donc pas être réutilisée.

# data[].attributes.attachment_link.description
Myriam Chopin est enseignante-chercheuse en histoire à l'Université de Haute-Alsace. Elle poursuit ses recherches sur les rébellions urbaines en Italie et en France à la fin du Moyen Age. Elle a publié un ouvrage sur la théâtralisation de l'espace urbain, en mars 2018.

# data[].attributes.body
Tutos et ressources

# data[].attributes.attachment_link.readable_text
Pour apprendre les métiers du numérique

Des tutoriels très graphiques

Le Collectif Team8 c'est avant tout une bande de potes passionnés d' informatique et de jeux vidéos. Depuis 2012, nous partageons notre savoir-faire à l'aide d' outils pédagogiques. Ces derniers se présentent sous la forme de tutoriels vidéos dédiés aux métiers du numérique et des arts graphiques.

Afin de répondre au mieux à vos attentes en matière d'apprentissage, nous proposons une large gamme de tuto sur l'utilisation des logiciels créatifs de la suite Adobe. Acquérez dès maintenant de nouvelles compétences en graphisme avec nos tuto Photoshop et nos tuto Illustrator, en Motion Design avec nos tuto After Effects, en Web Design, intégration de site Internet et en développement Web avec les langages de programmation HTML5 & CSS3, PHP, sans oublier les frameworks et CMS Bootstrap et Wordpress.

Les compétences liées aux métiers des arts graphiques sont de plus en plus recherchées par les entreprises. C'est pourquoi il est important d'avoir plusieurs cordes à son arc afin de de se démarquer.

Graphisme et Motion Design

Amis graphistes, motion designers, infographistes, photographes, étudiants... vous êtes ici pour apprendre et devenir meilleur en graphisme, web et motion design. Laissez-vous guider par nos dizaines de didacticiels. Formez-vous à votre rythme sur les meilleurs tuto Photoshop, Illustrator, HTML5, CSS3 et After Effects.

Les tuto Photoshop vous permettront d'apprendre des astuces et techniques en détourage, retouche photo, photomontage, composition numérique, création de CV, templates web...

Les tuto Illustrator vous permettront d'apprendre les bases du dessin vectoriel. Vous pourrez alors créer facilement des logos, cartes de visite, illustrations, iconographies...

Les tuto After Effects @t d'apprendre les bases de l'animation pour créer des vidéos dynamiques en Motion Design, animer des logos et créer des compositing vidéos.

Pour apprendre les métiers du numérique

Des tutoriels très graphiques

Le Collectif Team8 c'est avant tout une bande de potes passionnés d' informatique et de jeux vidéos. Depuis 2012, nous partageons notre savoir-faire à l'aide d' outils pédagogiques. Ces derniers se présentent sous la forme de tutoriels vidéos dédiés aux métiers du numérique et des arts graphiques.

Afin de répondre au mieux à vos attentes en matière d'apprentissage, nous proposons une large gamme de tuto sur l'utilisation des logiciels créatifs de la suite Adobe. Acquérez dès maintenant de nouvelles compétences en graphisme avec nos tuto Photoshop et nos tuto Illustrator, en Motion Design avec nos tuto After Effects, en Web Design, intégration de site Internet et en développement Web avec les langages de programmation HTML5 & CSS3, PHP, sans oublier les frameworks et CMS Bootstrap et Wordpress.

Les compétences liées aux métiers des arts graphiques sont de plus en plus recherchées par les entreprises. C'est pourquoi il est important d'avoir plusieurs cordes à son arc afin de de se démarquer.

Graphisme et Motion Design

Amis graphistes, motion designers, infographistes, photographes, étudiants... vous êtes ici pour apprendre et devenir meilleur en graphisme, web et motion design. Laissez-vous guider par nos dizaines de didacticiels. Formez-vous à votre rythme sur les meilleurs tuto Photoshop, Illustrator, HTML5, CSS3 et After Effects.

Les tuto Photoshop vous permettront d'apprendre des astuces et techniques en détourage, retouche photo, photomontage, composition numérique, création de CV, templates web...

Les tuto Illustrator vous permettront d'apprendre les bases du dessin vectoriel. Vous pourrez alors créer facilement des logos, cartes de visite, illustrations, iconographies...

Les tuto After Effects @t d'apprendre les bases de l'animation pour créer des vidéos dynamiques en Motion Design, animer des logos et créer des compositing vidéos.

# data[].attributes.attachment_link.title
Team8 - Tuto en graphisme, Web et Motion Design

# data[].attributes.attachment_link.description
Le Collectif Team8 c'est avant tout une bande de potes passionnés d' informatique et de jeux vidéos. Depuis 2012, nous partageons notre savoir-faire à l'aide d' outils pédagogiques. Ces derniers se présentent sous la forme de tutoriels vidéos dédiés aux métiers du numérique et des arts graphiques.

# data[].attributes.body
31/01 St-Etienne

# data[].attributes.attachment_link.readable_text
Lorsque l'on pense site web, interface, application, on imagine tout de suite la phase de design, la couche graphique qui va donner au projet son identité ! Pourtant avant cette phase de création graphique il est primordial de réfléchir au projet sous l'angle de l'expérience utilisateur, l'UX.
Nous nous intéresserons, lors de cet atelier, à cette méthode orientée utilisateur et basée sur une conception participative : ateliers de créativité, brainstorming, zoning fonctionnel... mais aussi à une technologie se basant sur l'observation des mouvements des yeux des utilisateurs : l'eyetracking. Ce outil nous apporte des réponses précises sur l'utilisabilité d'une interface, les comportements, les erreurs et les attentes des utilisateurs.

Intervenant : Adista

En cas d'empêchement, nous vous invitons à vous désinscrire sur Meetup pour laisser l'opportunité à une autre personne de participer à nos événements.

------------------------------------------------------------------------------------------------------

Vous pouvez également bénéficier d'une séance de conseils personnalisés d'1h avec un coach Google à l'Atelier Numérique : réservez un créneau à l'avance sur le site Internet : g.co/ateliersaintetienne ou obtenez directement un rendez-vous sur place en fonction des disponibilités.

# data[].attributes.attachment_link.title
Watch the look...l'eyetracking au service de l'UX et du design

# data[].attributes.attachment_link.description
Lorsque l'on pense site web, interface, application, on imagine tout de suite la phase de design, la couche graphique qui va donner au projet son identité ! Pourtant avant cette phase de création graphique il est primordial de réfléchir au projet sous l'angle de l'expérience utilisateur, l'UX.Nous nous intéresserons, lors de cet atelier, à cette méthode orientée utilisateur et basée sur une conception participative : ateliers de créativité, brainstorming, zoning fonctionnel...

# data[].attributes.attachment_link.readable_text
The benefits you'll get with SEO Analyzer

Free SEO Report

Get a detailed report on your website. See what you have done correctly and where your pages are lacking.

Find SEO Issues

Easily find SEO related issues on your website and get actionable data to fix them before they become a problem.

Fix Issues for FREE

Overhaul your website and get rid of all SEO issues. Ensure your website's SEO issues are fixed with the free SEO audit.

Your FREE SEO audit report is ready!

You can download the PDF and start making changes. Or, share it with your SEO so they can work on the report.

Rank Math SEO Suite

Take full control of your entire website SEO with the help of our elite Rank Math SEO Suite and watch your rankings climb to the top.

Download Rank Math Suite

# data[].attributes.attachment_link.title
[NEW!] SEO Analyzer - Generate a Free SEO Report of Your Website

# data[].attributes.attachment_link.description
Get a detailed report on your website. See what you have done correctly and where your pages are lacking. Easily find SEO related issues on your website and get actionable data to fix them before they become a problem. Overhaul your website and get rid of all SEO issues.

# data[].attributes.attachment_link.readable_text
Qu'est-ce que React ?

React est une bibliothèque / framework JavaScript qui permet de créer des interfaces dynamiques pour le devant des sites. Elle a été crée par Facebook, et est très populaire. C'est même LA bibliothèque la plus populaire pour créer des interfaces. Elle bénéficie d'une excellente documentation, d'un très bon support ( Facebook, quoi) et d'un écosystème d'extensions énorme.

Pour schématiser un peu, c'est un outil très puissant qui permet de déclarer des données dynamiques et de les lier à des éléments de la page. Dés que les données changent, les éléments HTML sont rafraîchis et réaffichés avec leur nouvelle valeur. Donc, dés que vous allez interagir avec un élément, comme un bouton par exemple, cela va déclencher une action qui va mettre à jour ou modifier une donnée, qui va donc déclencher une nouvelle mise à jour de tous les éléments concernés par cette action ou utilisant la donnée. Vu que toutes vos données sont gérée en un seul endroit, tout est synchronisé.

C'est quoi le rapport avec WordPress ?

Si je vous parle de React, c'est parce que notre nouvel éditeur (celui depuis la 5.0) est en réalité une application React intégrée à WordPress. Une couche supplémentaire d'abstraction a été développée pour permettre l'intégration du nouvel éditeur mais Gutenberg est " juste " une grosse appli React.

Gutenberg est juste une grosse appli React, intégrée à WordPress.

Et ce qui est cool, c'est que tous les outils et abstractions créés pour le nouvel éditeur sont donc disponibles dans le coeur de WordPress ! En gros, React est dans le coeur de WordPress, tout comme jQuery !

Intégrer React sur le devant du site

La bibliothèque React est donc disponible dans WordPress, et on peut l'utiliser sur le devant du site ou dans l'administration. Cela dit, il y a quelques ajustements à faire et précautions à prendre par rapport au développement d'une application React plus classique, et c'est ce qu'on va voir.

Pour l'exemple, on va simplement intégrer la mini application de liste des tâches qui est donnée en exemple sur la page d'accueil de la documentation de React. Le but du jeu n'est pas d'apprendre React mais juste d'apprendre à tout mettre en place correctement. Apprendre React est un sujet pour un autre article. Ou dix.

Créons une petite extension, que l'on va appeler react-example. Dans votre dossier des extensions, créez donc un dossier react-example et un fichier PHP react-example.php dans ce dossier, avec l'entête qui va bien pour pouvoir activer l'extension.

<?php /** * Plugin Name: React Example */ defined( 'ABSPATH' ) || die();

Vous devriez pouvoir activer votre extension.

L'extension est disponible.

Dans cette extension, on va juste créer un code court qui va permettre de placer un placeholder pour notre application. Dans une application React, tout est géré en JavaScript, même le balisage. Donc tout ce qu'on a à faire en PHP, c'est de créer un conteneur pour notre application.

<?php // In main plugin file add_shortcode( 'example_react_app', 'example_react_app' ); /** * Registers a shortcode that simply displays a placeholder for our React App. */ function example_react_app( $atts = array(), $content = null , $tag = 'example_react_app' ){ ob_start(); ?> <div id="app">App goes here</div> <?php return ob_get_clean(); }

Puis créez une page contenant ce code court. Vous devriez obtenir ceci sur le devant du site.

Notre conteneur est prêt

Installer wp-scripts

React est mis à disposition dans la bibliothèque wp-element. Il suffit donc de charger notre script correctement dans notre code court avec wp_enqueue_script() et de déclarer wp-element comme dépendance.

<?php // in main plugin file function example_react_app( $atts = array(), $content = null , $tag = 'example_react_app' ){ ob_start(); ?> <div id="app">App goes here</div> <?php wp_enqueue_script( 'example-app', plugins_url( 'build/index.js', __FILE__ ), array( 'wp-element' ), time(), true ); ?> <?php return ob_get_clean(); }

Ici, je charge un fichier index.js situé dans un dossier build. Je lui déclare simplement wp-element comme dépendance. Aussi, je mets time() comme numéro de version pour être sûr d'avoir une nouvelle version fraîche de mon script à chaque rafraîchissement de page. Utile pour le développement, mais à éviter en production !

Pas de panique, vous allez comprendre dans quelques minutes pourquoi le fichier s'appelle index.js, et pourquoi il est dans un dossier build. Pour le moment, créez simplement ce dossier et fichier, et ajoutez-y un bête console.log(wp.element), pour pouvoir voir si tout est bien en place.

wp-element est bien chargé et logué.

Une application React est une application JavaScript. Ok. Le souci, c'est que souvent, elle est composée de plusieurs fichiers, dans des formats différents.

Avec React, tout est composant. Les applications sont composées de multiples composants nichés les uns dans les autres. Aussi, quasiment toutes les applications React sont écrites en utilisant la syntaxe JSX, qui signifie JavaScript and XML. En gros, c'est de l'HTML augmenté. On n'est pas obligé d'utiliser JSX pour écrire une appli React, mais faire sans c'est un peu l'enfer. Vraiment.

Le souci, c'est que ces formats ne sont pas reconnus par le navigateur, et qu'importer les fichiers modules avec nos composants en utilisant des balises <script>, c'est très pénible, surtout si notre application fait 200 fichiers.

Donc dans 99,99% des cas, les développeurs React vont utiliser un outil de type bundler qui va empaqueter toute l'application dans un seul fichier JavaScript.

Le plus connus de ces outils est Webpack.

Depuis le fichier JavaScript racine de notre application, cet outil va lire tous les import, va créer un arbre de dépendance, va tout rassembler, et à l'aide de Babel il va transpiler tout le JSX en React et JavaScript standards compris par tous les navigateurs. On obtient un seul package qui contient tout notre code à lier dans notre document. Plutôt cool.

On ne va pas apprendre à utiliser Webpack dans cet article. D'ailleurs, beaucoup de développeurs ne s'embêtent pas trop, et utilise create-react-app pour démarrer un projet. Cet outil permet d'échafauder un projet rapidement, et inclut une configuration par défaut de Webpack, optimisée pour les applications React indépendantes. C'est un super outil.

Sauf que nous, dans notre WordPress, on ne peut pas vraiment utiliser create-react-app, car on ne veut pas importer React complètement, mais utiliser la version du coeur de WordPress. Heureusement, l'équipe de développement du nouvel éditeur à mis à notre disposition un outil qui permet de faire plus ou moins la même chose : @wordpress/scripts

Cet outil va nous permettre de bundler notre code en faisant référence à wp-element plutôt qu'en important et bundlant React. Il utilise Webpack et contient une configuration de base très utile. En gros, c'est la version WordPress de create-react-app.

Il faut donc l'installer dans notre extension. Ouvrez un terminal à la racine de notre extension, et initialisez un fichier package.json à l'aide de la commande suivante :

Il faudra au préalable installer Node si ce n'est pas déjà fait. Vous pourrez le faire simplement en téléchargeant un installeur sur le site.

Ensuite, on va installer wp-scripts.

npm install @wordpress/scripts --save-dev

Cela va télécharger les dépendances dont wp-scripts a besoin pour bundler notre code, et les installer dans le dossier node_modules. Une fois installé, on peut utiliser wp-scripts. Le plus simple est de créer deux scripts-raccourci dans le fichier package.json

Votre fichier package.json devrait ressembler à ça :

// package.json { "name": "react-example", "version": "1.0.0", "description": "Example of React integration in a plugin", "main": "index.js", "author": "Vincent Dubroeucq", "scripts": { "build": "wp-scripts build", "start": "wp-scripts start" }, "license": "ISC", "devDependencies": { "@wordpress/scripts": "^6.1.1" } }

La commande npm start va permettre de démarrer le watcher, qui va surveiller nos fichiers à partir de src/index.js, puis de les compiler dans build/index.js dés qu'il y aura des changements. La commande npm run build va faire la même chose, mais en minifiant le fichier JavaScript obtenu pour la production. Les noms et chemins des dossiers et fichiers correspondent simplement aux paramètres par défaut utilisés par Webpack. En utilisant cette structure, il n'y a pas besoin de toucher aux fichiers de configuration. Il est cependant possible de personnaliser les sources et destinations.

Créez donc un dossier src/ avec un fichier index.js, et ajoutez simplement un console.log('index.js is bundled properly') pour voir si tout fonctionne. Vérifiez bien que dans notre code court, c'est le script contenu dans le dossier build/ qui est chargé, puis dans le terminal, utilisez la commande :

Nos outils de bundling sont en place.

Intégrer notre application

Tout est en place. wp-scripts est installé et prêt à packager notre code depuis src/index.js vers build/index.js, et on s'est assuré de charger le script du dossier build/.

Maintenant, il reste à code notre application, depuis le fichier racine src/index.js ! Pour l'exemple, je vais copier-coller la todo app donnée en exemple sur la page d'accueil de la documentation de React, mais il faut faire quelques ajustements !

// in src/index.js // Added lines to use wp.element instead of importing React const { Component, render } = wp.element; class TodoApp extends Component { // instead of: ...extends React.Component constructor(props) { super(props); this.state = { items: [], text: '' }; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } render() { return ( <div> <h3>À faire</h3> <TodoList items={this.state.items} /> <form onSubmit={this.handleSubmit}> <label htmlFor="new-todo"> Que faut-il faire ? </label> <input id="new-todo" onChange={this.handleChange} value={this.state.text} /> <button> Ajouter #{this.state.items.length + 1} </button> </form> </div> ); } handleChange(e) { this.setState({ text: e.target.value }); } handleSubmit(e) { e.preventDefault(); if (!this.state.text.length) { return; } const newItem = { text: this.state.text, id: Date.now() }; this.setState(state => ({ items: state.items.concat(newItem), text: '' })); } } class TodoList extends Component { render() { return ( <ul> {this.props.items.map(item => ( <li key={item.id}>{item.text}</li> ))} </ul> ); } } // Render the app inside our shortcode's #app div render( <TodoApp />, document.getElementById('app') );

Je ne vais pas vous expliquer le code propre à React. Par contre, vous remarquerez que tout en haut, on extrait la classe Component et la fonction render de wp.element (précédemment chargé et donc disponible globalement) au lieu d'importer React et de les extraire depuis React. Puis en bas, on utilise render() pour injecter notre application dans la <div id="app"> crée par notre code court.

En sauvegardant, le code est automatiquement re-compilé, et build/index.js mis à jour. Rafraîchissez donc la page du navigateur pour tester.

Notre mini application React fonctionne correctement !

Préparer le code pour la production

Pour préparer un bundle optimisé pour la production, arrêtez le script npm start en appyant sur CTRL+C, puis entrez la commande :

npm run build

L'application sera ré-générée et minifiée. C'est ce script qu'il faut livrer et charger en production. Par contre, en production, pas besoin du dossier node_modules/ , car il contient uniquement les dépendances dont on a besoin pour bundler notre code lors du développement.

Si on y réfléchit bien, notre extension n'est composée que de deux fichiers : notre fichier bootstrap PHP et un seul et unique fichier JavaScript !

Voilà ! Vous savez utiliser React dans une extension WordPress ! Dans un thème, le procédé est exactement le même. Les fonctions utilisées pour charger le script vont être différentes, c'est tout.

Maintenant que React est dans le coeur de WordPress, la prochaine étape, c'est d'apprendre React ! La documentation officiel est un très bon point de départ !

Go !

# data[].attributes.attachment_link.title
Utiliser React dans un thème ou une extension WordPress | Vincent Dubroeucq

# data[].attributes.attachment_link.description
Dans cet article, je vous explique comment utiliser React dans WordPress, en utilisant la version incluse dans le coeur de WordPress.

# data[].attributes.attachment_link.readable_text
Lançons 2020 en nous retrouvant pour échanger sur le Design en lui-même, notre pratique à chacun & notre responsabilité en tant que Designer dans l'écriture du réel de demain...

Oui cette rencontre sera sous la lumière philosophique, parce qu'il faut aussi penser notre démarche en la pratiquant.

📆 Comment ça se passe ?

🥝 Chacun ramène un quelque chose (sympa & bon) à boire et à manger.

🎙️ Le sujet Philosophie & Design sera introduit par quelques personnes et vous serez ensuite tous invités à participer, certainement en format tables de discussions.

🧁 Vous repartirez avec une vision plus large de votre pratique du Design & des copains avec lesquels penser le métier, la posture, la démarche...

👉 C'est une rencontre pour tous les Designers, mais également ceux qui ne se disent pas designers mais qui pensent la démarche Design autrement.

🚀 En bonus, on vous annoncera que le Design a un lieu de rassemblement ouvert maintenant à Lyon... Stay tuned !

# data[].attributes.attachment_link.description
Lançons 2020 en nous retrouvant pour échanger sur le Design en lui-même, notre pratique à chacun & notre responsabilité en tant que Designer dans l'écriture du réel de demain... Oui cette rencontre sera sous la lumière philosophique, parce qu'il faut aussi penser notre démarche en la pratiquant. 📆 Comment ça se passe ?

# data[].attributes.attachment_link.readable_text
Un ouvrage pratique sur l'intégration HTML pour l'e-mail

L'intégration HTML d'un e-mail est la méthode par laquelle un intégrateur va transformer une création graphique en e-mail au format HTML qui sera ensuite envoyé par une solution de gestion de campagne emailing.

Cet ouvrage a pour but d'explorer les balises et attributs HTML et les propriétés CSS les plus courants dans une intégration HTML des e-mails. Différentes techniques seront abordées pour obtenir le meilleur affichage possible sur mobile, tout en soulignant les problèmes spécifiques aux divers clients de messagerie.

Quelles sont les étapes de la chaîne de production d'une campagne e-mail marketing ? Comment intégrer un emailing en HTML ? Comment gérer l'affichage des e-mails sur mobiles ? Quels sont les contenus à ne pas utiliser ? Que faut-il savoir sur les principaux clients de messagerie fixes (Outlook et ses différentes versions), mobiles (Gmail App, Apple Mail) et web (Yahoo! Mail, Gmail, Outlook.com) ? Comment optimiser les performances d'une campagne ? Ce sont autant de questions auxquelles ce livre apportera des réponses claires et pratiques.

À qui s'adresse cet ouvrage ?

Aux développeurs, intégrateurs, chefs de projet et responsables marketing qui souhaitent réaliser des campagnes emailing pertinentes et performantes.

À toutes les personnes qui souhaitent découvrir l'emailing et acquérir des connaissances concrètes sur le sujet.

# data[].attributes.attachment_link.title
Emailing : développement et intégration - Thomas Defossez ,... - Librairie Eyrolles

# data[].attributes.attachment_link.description
Un ouvrage pratique sur l'intégration HTML pour l'e-mail L'intégration HTML d'un e-mail est la méthode par laquelle un intégrateur va transformer une création graphique en e-mail au format HTML qui sera ensuite envoyé par une solution de gestion de campagne emailing.

# data[].attributes.attachment_link.readable_text
C'est l'article à lire si vous ne voulez pas avoir l'air ringard en 2020, en parlant de flat design ou d'illustration vectorielle 😉

Illustrations, images, couleurs, typographies, animations... comme en 2018, nous avons passé en revue magazines, affiches, supports de communication, sites web et j'en oublie, pour préparer un panorama complet de ce qu'il faut savoir pour faire les bons choix visuels en 2020.

En voici un extrait, avec une tendance par rubrique. Vous êtes chargé(e) de communication ou Dir. Com. et voulez en savoir plus ? Nous pouvons vous envoyer l'article complet, ou venir vous présenter toutes les tendances : il suffit de nous contacter 🙂

1. Tendance en illustration
.

* Plus d'originalité
On en parlait déjà il y a deux ans et ça se confirme : l'illustration est toujours d'actualité. Permettant d'exprimer toutes les idées, même les concepts les plus complexes, facile à faire produire, et moins coûteuse qu'un shooting, elle tient tête à la photo.

Le style ﬂat en aplats colorés et formes simples continue de perdre du terrain au proﬁt d'illustrations uniques et singulières. On mise sur le dessin fait main, avec une vraie patte, un peu arty qui permet de se distinguer des autres et d'exprimer son essence, voire pour certains limite trash. Le nombre croissant de revues dessinées ou publiant des illustrateurs de talent (coucou Kiblind et Le Cercle) n'y est sans doute pas pour rien ! Le regard du public s'éduque petit à petit.

Certaines grandes marques l'ont compris et se dotent d'illustrations uniques et singulières + trash, + marginales, + arty.

.

Casper par Red Antler :

02 * Tendance en typographie

* Kinetic type (ou typographie cinétique)
Quand le motion design gagne la typographie...
La typographie cinétique est une technique de motion design alliant mouvement et texte dans la vidéo. En animant les polices de caractère, les designers rendent les textes des vidéos quasi-hypnotiques.

La typo devient un objet en 3D : elle se plie, se répète, tourbillonne et se déforme pour une expérience immersive inédite. Elle permet une interprétation expérimentale de l'espace et de la forme. Les textes deviennent des champs de créativité à part entière.

Attention les yeux, vous risquez de ne plus en décoller !

Andrei Robu :

Gimmick Studio :

Wolffolins pour Uber :

03 * Tendance en mise en page

* Déstructurer la grille
On se libère de la grille : typographie, photo, illustration on coupe, on tourne, on superpose.
Les éléments (typo, photo, illustration) se chevauchent, s'entremêlent, s'empilent ou se coupent. La mise en page est plus libre et ouverte, plus asymétrique. Elle occupe aussi plus d'espace sur la page ou l'écran, avec des blocs de texte qui vont à la limite de la coupe.

In the pool, Manège de Reims :
Classmate Studio :

rezo-zero.com :

white-elephant.fr par Pamstudio :

* Bold color
Les couleurs vives ont le vent en poupe depuis 2 ans, et le retour des années 80. On a beaucoup vu les dégradés, alors on utilise de préférence de grands à-plats, très forts avec des lettrages noirs.
On n'hésite pas à associer plusieurs couleurs riches et denses qu'on n'aurait pas forcément utilisées ensembles auparavant. On y associe parfois une teinte pastel, pas plus.
Riches, lumineuses et vibrantes, ces couleurs donnent de l'impact aux supports.

Mercedes Bazen :
Kinoto Studio :
05 * Tendance en design responsable

* Minimalisme
Totalement à l'opposé de la tendance précédente avec les couleurs fortes, en tout cas en print, le minimalisme est un principe de base dans l'éco-conception. Il est plus que jamais d'actualité, tout particulièrement auprès des marques et des designers sensibles à la transition écologique et à la préservation des ressources.
Ici, on abandonne tout ce qui n'est pas essentiel dans la conception visuelle. Cela ne veut pas dire que la création soit synonyme de pauvreté visuelle : quelques détails précis sont finement travaillés. Le dépouillement visuel qui en résulte fait partie de l'objectif recherché : exprimer des valeur d'écologie, de fonctionnalité et de sobriété.
Nomo Creative pour A SCENT : Atipus pour L'OM :
Vous en voulez encore ?
Toutes les tendances que nous avons identifiées pour 2020 ne sont pas listées ici, cet article n'en présente qu'un extrait.
Contactez-nous si vous avez envie de tout savoir !

# data[].attributes.attachment_link.title
Tendances graphiques 2020 | Pollen Studio

# data[].attributes.attachment_link.description
C'est l'article à lire si vous ne voulez pas avoir l'air ringard en 2020, en parlant de flat design ou d'illustration vectorielle 😉 Illustrations, images, couleurs, typographies, animations... comme en 2018, nous avons passé en revue magazines, affiches, supports de communication, sites web et j'en oublie, pour préparer un panorama complet de ce qu'il faut savoir pour faire les bons choix visuels en 2020.

# data[].attributes.attachment_link.readable_text
Liste non exhaustive des métiers du numérique, de nouvelles opportunités d'emploi.

Les métiers en entreprises TPE/PME

Référent Digital - Gère les supports web et crée une stratégie globale digitale

Gestionnaire de la sécurité des données, des réseaux et des systèmes

AMOA Conseil, recueil et traduction du besoin, étude de faisabilité...

Les métiers liés à l'e-commerce

Responsable Webmarketing : gère la stratégie d'acquisition et de notoriété d'une entreprise sur internet.

Directeur de la stratégie digitale (CDO - Chief Digital Officer) gère la conversion digitale de son entreprise.

Product Manager : gère la qualité des produits numériques d'une entreprise

Entrepreneur/ Startuper : créateur d'un changement, d'une innovation dans un marché

Digital account manager : a pour mission de se créer son portefeuille de clients et de les conseiller dans la digitalisation de leurs business

Trafic manager (chargé d'acquisition) : gère l'acquisition et les optimisations d'un site

Digital planner

E-reputation manager

E-marketeur : analyse la fréquentation du site

Ingénieur commercial web : en charge de la vente des produits web

Développeur PrestaShop

Les métiers liés à la Data, l'éditorial et au SEO

Veilleur stratégique : spécialiste du renseignement, de la Business Intelligence qui recherche et analyse les données utiles au développement et à la croissance de son employeur.

Data designer

Data Scientiste

Data Analyste

SEO Manager

Consultant SEO

Consultant SEO on site : gère la structure technique et éditoriale

Consultant SEO éditorial : élabore des contenus adaptés aux besoins

Consultant Netlinking

Consultant SXO : conçoit des stratégies pour générer un trafic qualifié qui permet d'optimiser le taux de conversion

Rédacteur web : écrit selon la stratégie éditoriale définie pour un site, rédige des newsletters...

UX Writer : rédaction de contenus optimisés pour les interfaces digitales

Intégrateur elearning

Intégrateur web

Intégrateur Emailing

Social Manager

Les métiers liés au développement en ESN (Entreprise de Services du Numérique)

Chef de projet Digital

Chef de projet technique CTO

Ingénieur Intelligence Artificielle

Analyste programmeur

Lead Dev .NET/Angular

Lead Dev C#

Data Engineer Python

Chef de projet Data

Développeur Laravel

Développeur Ruby on Rails

Développeur Symfony

Développeur Python

Développeur Java, C++

Développeur Java EE

Développeur Backbone.JS

Développeur Ember.JS

Développeur Android

Développeur Ios

Développeur Node.JS Vue.JS

Développeur NodeJS Angular

Développeur web : conçoit et participe à la réalisation de sites internet utilisés en entreprise.

Développeur mobile : développe des applications mobiles natives ou hybrides

Développeur sécurité

Développeur concepteur d'applications CDA

Développeur front-end

Développeur front-end React

Développeur WordPress PHP

Intégrateur WordPress, APIs

Développeur Front-end full-stack JS React

Consultant DevOps Infrastructures

Développeur LMS Moodle

Webmaster WordPress

Les métiers liés au design, l'UX et UI

Les métiers de la formation et de l'enseignement

Professeur en TIM - Technologies de l'informatique et du multimédia / Informatique / Communication

Digital Learning Manager

Concepteur Pédagogique multimédia

# data[].attributes.attachment_link.description
Liste non exhaustive des métiers du numérique, de nouvelles opportunités d'emploi. Référent Digital - Gère les supports web et crée une stratégie globale digitale Gestionnaire de la sécurité des données, des réseaux et des systèmes AMOA Conseil, recueil et traduction du besoin, étude de faisabilité...

# data[].attributes.attachment_link.title
Glossaire lexique UI / UX du Webdesigner

# data[].attributes.attachment_link.description
Termes à connaître en Webdesign UX UI. Lexiques pour débutants et experts designer web, les nouveaux termes techniques du design graphique et de l'intégration web.

# data[].attributes.attachment_link.description
A game where you need to pick the design that is most correct. Test your attention to details!

# data[].attributes.attachment_link.readable_text
Qu'est-ce que l'Ui ? Quelles sont les éléments qui distinguent l'Ui de l'Ux ? Pourquoi travailler l'Ui de votre site internet est forcément une bonne idée ?
D'ici 3 minutes, à peu près le temps que vous mettrez pour arriver au pied de cet article, vous aurez les réponses à ces questions qui vous ont mené ici !

Qu'est-ce que l'Ui ?

Après SEO, Ux, CM, CR et autre CRM, voilà un nouvel acronyme à utiliser sans modération afin d'être considéré comme un expert du digital : Ui. U pour user et I pour interface. On en déduit assez simplement qu'en ouvrant la porte de l'Ui, on découvre l'univers de l'interface utilisateur.

Concrètement, qu'est-ce qu'une interface utilisateur ?

C'est l'ensemble des outils qui vont vous permettre de dialoguer avec la machine. Au premier niveau de cette interface, on retrouve les éléments indispensables afin de transcrire ce que vous voulez faire, dire ou ordonner à l'ordinateur en signe qu'il pourra comprendre : souris, clavier ou encore écran en sont les éléments de base. Comprendre cela, c'est accepter une vérité universelle : la machine ne parle pas le même language que nous. (enfin en vrai maintenant si ! Siri, Alexa... Nous verrons cela dans un autre article.)

De son côté, elle utilise aussi une langue que le commun des mortels ne comprend pas. Bien évidemment, les développeurs ne sont pas comptés parmi les quidams lambdas, ayant la capacité de dialoguer avec les machines dans la langue qu'elles parlent : le code. De quoi vous faire changer d'avis sur les geeks...

Partons du principe que nous ne sommes pas développeurs. Toutes les opérations que la machine effectue sont restituées dans un langage que nous sommes à même de comprendre. Textes, visuels, pages internet représentent autant d'interfaces mettant tout le monde sur un pied d'égalité.
Si l'on prend l'exemple de cette page de blog, du point de vue du device que vous utilisez pour la consulter, elle n'est qu'une série de code et de balises html, converties grâce à votre navigateur web, illustrée par une interface graphique que nous avons définie.
Vous l'aurez compris, l'Ui regroupe ainsi tous les éléments qui composent le design de l'interface, qui font l'aspect des pages ou des applications que vous consultez.
Les éléments qui composent l'Ui

L'identité visuelle : En tant qu'interface, l'aspect visuel d'un site internet est sa première signature et le reflet immédiat de ce qu'est la marque. En reprenant la charte graphique, l'Ui va se nourrir des logos, couleurs, typographies ou pictogrammes qui ont été voulu comme étant différenciant et marqueur d'identité.

Le Web Design : c'est ici une des raisons pour lesquelles la frontière entre Ui et Ux est si ténue : l'Ui s'intéresse à l'interface Web, ce que fait également l'Ux. Mais ici, on appelle Ui ce qui touche à la construction et l'agencement des pages : mise en forme du menu, alignement des contenus, présentation des pages...

La charte éditoriale : si l'identité visuelle permet en un coup d'œil d'identifier l'univers d'une marque, la charte éditoriale est également un marquer fort. Quelques mots lus sur une pub de biscuit au ton résolument décalé et vous ne tardez pas à comprendre qu'il s'agit de Michel & Augustin. Par exemple.

L'ensemble de ces éléments représentent la réflexion Ui, et sont donc partie intégrante de l'Ux car constituante de celle-ci, dans sa dimension visuelle et éditoriale. Les réflexions qui découlent de la mise en place de ces éléments sur une page web sont quant à elle du domaine de l'Ux.

Qui est l'Ui designer

Qui est donc l'expert qui se cache derrière ce travail de design ? Si l'expert de l'Ux s'appelle l'Ux designer, l'expert de l'Ui s'appelle ainsi ... L'Ui designer. Bingo.

Il va être en charge de la conception de l'interface qui lie l'utilisateur au produit. Ça, vous l'avez compris. Mais n'étant pas possible de sacrifier l'efficace sur l'autel du beau, il se doit de travailler en étroite collaboration avec l'Ux designer qui possède une vision plus globale de l'expérience utilisateur. Cette proximité dans le travail et cette coordination dans la livraison des projets fait que l'Ui designer se doit d'être un fin diplomate. Et oui car comme nombre de créatifs qui officient dans le digital, il ne comprend pas toujours les modifications demandées à la suite des allers retours entre le client final et les différents experts.

Mais l'Ux designer n'aura aucun mal à lui rappeler que l'esthétisme doit être un outil au service de la création d'une émotion chez l'utilisateur, émotion rendue possible par une conception fine et astucieuse du parcours. Si on devait résumer le tout en équation mathématique, il en résulterait que Ux designer > Ui designer dans la balance décisionnelle. C'est la vie, on ne choisit pas toujours ses combats ...

Fin diplomate donc, mais également créatif. Difficile de prendre en charge la création d'une identité visuelle sans être au courant des dernières tendances créatives pour faire mouche à chaque fois.

Vous ne connaissez pas le semi-flat design, le low design ou l'ombre portée ? Alors avant de vous lancer dans la conception de votre site en autodidacte, vous devriez surement faire appel à un Ui Designer. Oui, nous sommes désolés de le répéter ici, le skyblog est mort et il faut vraiment passer à autre chose pour solliciter le versant émotionnel de vos utilisateurs ...

Les missions principales de l'Ui designer

Comme on vous l'a dit, l'Ui et l'Ux ont pour habitude de fonctionner ensemble. De cette collaboration doivent naître des éléments solides pour créer un livrable intéressant pour vos utilisateurs. Mais cet intérêt ne se décrétant pas, des process permettent d'étayer la réflexion.

Identifier les principaux enjeux de l'applicatif : le design est fortement lié à la vocation future de l'outil. La mise en place d'un site e-commerce ne génèrera pas les mêmes modes d'usages et de navigation de la part de vos utilisateurs qu'un site d'information en ligne. Taux de rebond, rétention, temps passé par page, durée moyenne de la visite ... Tous ces paramètres sont des traductions de la navigation effective et de réelles pistes de travail pour votre team Ux/Ui. Sur votre site de e-commerce, le taux de rebond est très élevé ? Alors les deux experts doivent trouver le moyen de capter l'attention de l'utilisateur pour qu'il reste plus de temps sur votre site. Et qui dit plus de temps passé sur le site, dit plus d'opportunité de dépenser de l'argent chez vous ... De même pour un site d'information sur lequel le temps passé par page serait extrêmement faible.

Études qualitatives et quantitatives auprès de vos utilisateurs : vouloir améliorer les choses c'est bien, mais le faire sans consulter vos utilisateurs c'est moins bien. Ce sont eux les utilisateurs numéro 1 de votre plateforme, et c'est à eux qu'elle doit plaire. Votre team Ux/Ui prendra donc le pouls directement auprès d'un panel test pour être sûr que les améliorations proposées vont dans le sens des attentes de votre audience cible.

Définition d'un buyer persona : prenez le petit calepin où vous notez tous les anglicismes que vous croisez et ajoutez-y celui-ci. C'est le nerf de la guerre digitale. Concrètement, il s'agit d'écrire l'histoire d'un utilisateur type de votre plateforme en dépassant le cadre de l'utilisation de votre applicatif. Vous devez comprendre qui sont vos utilisateurs type afin d'en dresser un portrait et ainsi découvrir les opportunités qui s'offrent à vous. En identifiant leurs attentes, vous vous offrez la possibilité d'identifier de nouveaux canaux sur lesquels ils seront présents.
Sauf que cet exercice n'est pas des plus aisés lorsqu'on n'est pas rompu à l'exercice. La team Ux/Ui, elle, l'est...

Création d'un storytelling en conformité avec l'image de la marque : l'objectif, depuis le début de cet article, est de créer de l'émotion chez votre utilisateur. Et l'émotion nait de la cohérence entre le discours porté, l'image véhiculé, et la capacité à plonger l'utilisateur dans votre univers à chaque instant du contact entre lui et vous. Il faut que l'expérience soit totale pour qu'elle fonctionne. Donc le tout doit être le fruit d'une réflexion globale. Et devinez qui peut, et doit, vous aider à la mener ? Vous commencez à prendre les bons réflexes c'est bien...

Procéder à des phases d'A/B testing : allez hop hop on ajoute le mot sur le calepin. L'A/B testing est la traduction de l'approche customer centric. L'idée est de proposer à des échantillons définis de votre cible, des variantes d'un même objet. Ainsi, une partie de vos utilisateurs devra cliquer sur un bouton rouge pour passer à l'étape d'après, quand une autre devra cliquer sur un bouton vert. A la fin de la période de testing, vous étudiez les KPIs et vous tranchez en faveur de la couleur la plus efficace, ou alors vous décidez que ni le rouge ni le vert n'obtient des résultats assez significatif été testez le bouton bleu. Encore un outil à disposition des Ui designers...

On l'aura compris, l'UI est un véritable bras armé de l'équipe de l'Ux designer et c'est de manière conjointe que les réflexions doivent se mener afin de proposer une expérience totale et différenciante à vos utilisateurs.

Vous avez des projets nécessitant l'intervention d'un Ui designer ? Ça tombe plutôt bien : Nos équipes conçoivent l'ergonomie, réalisent des prototypes fonctionnels et testent le design de vos interfaces web et logiciel tout en s'adaptant aux environnements techniques, avec l'exigence et le souci du détail.
Le résultat : des interfaces intuitives au design soigné où les animations amènent de la modernité et donnent vie à vos projets.
Pour continuer à en apprendre sur le sujet :

- L'Ux Design, l'élément indispensable de l'expérience utilisateur

- UX, UI Design et prototypes

- 6 outils indispensables pour votre workflow

# data[].attributes.attachment_link.title
L'UI Designer, ce trait d'union entre l'homme et la machine | Blog Limpide

# data[].attributes.attachment_link.description
Qu'est-ce que l'Ui ? Quelles sont les éléments qui distinguent l'Ui de l'Ux ? Pourquoi travailler l'Ui de votre site internet est forcément une bonne idée ? Nous avons mis toutes les réponses à ces questions d'un un article à lire sur notre blog !

# data[].attributes.attachment_link.readable_text
En moyenne, il est conseillé de revoir son site web au minimum tous les trois ou quatre ans.
Ce qui lui permet d'être toujours adapté à l'évolution des technologies, mais aussi à celle des tendances.

Ce qui nous offre l'occasion de faire un point sur ce que vous pourrez implanter dans votre webdesign en 2020.
Sans surprise, certaines idées issues de 2019 se confirment, et d'autres prennent de l'ampleur.

1. Les sites web prennent la parole

Les chatbox continuent à interagir avec les internautes. Le développement de l'intelligence artificielle permet de plus en plus de messages utiles. Et, surtout, les robots ont appris pour avoir déjà été utilisés l'an dernier.

Les internautes aiment que ces petites boîtes aient du répondant 24 h/24 et 7 jours/7. Par ailleurs, les chatbox facilitent l'adaptabilité du site pour les personnes présentant des handicaps, ce qui les rend encore plus utiles.

2. Les backgrounds s'animent

La vidéo a fait l'objet de nombreux articles sur notre blog, et dernièrement nous avions évoqué l'utilisation de ce media en arrière-plan des sites internet.

Si vous vous baladez sur le web, vous remarquerez que le contenu vidéo a réellement envahi nos écrans et qu'il se place de plus en plus en background.

Aujourd'hui la vidéo ne sert plus seulement à divertir l'utilisateur et/ou à diversifier le contenu d'une page web.

L'objectif est de fournir visuellement des informations pertinentes aux internautes qui ne prennent plus le temps de lire les textes d'un site, et de capter leur attention.

De plus, cette tendance va de paire avec l'envie de plonger les utilisateurs dans une expérience de contenu immersive.

3. Toujours plus de relief

La 3D prend de plus en plus de place sur les écrans. Et donc, très logiquement, y compris sur les sites internet. Là où cela devient vraiment novateur, c'est que la tendance 2020 en webdesign va vers la 3D interactive.

Vous ne vous contenterez plus de montrer vos produits sous tous les angles et en situation, afin de les rendre plus réels.Vous permettrez aux internautes d'agir avec ce qu'ils voient, en modifiant l'éclairage, l'angle, la couleur, dans le but de leur offrir une véritable expérience.

Ils passeront ainsi plus de temps sur votre site, ce qui est bon autant pour votre référencement que pour créer un lien avec eux.

4. Les AMPs évoluent avec les AMPs Stories

Comme vous le savez, pour qu'un site soit bien référencé, il doit être responsive. Mais sur mobile, il doit également posséder un temps de chargement très rapide.

Les Accelerated Mobile Pages (AMP) ont justement été créées dans le but de fournir aux mobinautes du contenu très rapidement grâce à un codage qui permet aux sites de se charger plus vite sur les smartphones.

La plupart des CMS proposent leurs plugins, mais il est fortement conseillé de personnaliser ses pages AMPs pour un rendu plus professionnel. La personnalisation ira d'ailleurs plus loin en 2019 grâce à l' apparition des AMPs Stories.

À l'instar des réseaux sociaux, Google vous permet d'ajouter des images, des vidéos et des animations sur vos AMPs pour plonger les mobinautes au coeur d'un storytelling captivant.

5. Les menus changent de forme

Les sites vont encore plus loin que le responsive design. Ils sont maintenant pensés directement pour une utilisation sur écran mobile.

C'est ainsi que les menus, traditionnellement en haut des écrans d'ordinateur, se déplacent vers le bas. Ils répondent ainsi à l'utilisation habituelle des smartphones : c'est en bas que l'on pose son doigt pour naviguer !

Encore inconcevable il y quelques années, l'une des tendances qui bouscule le très célèbre menu hamburger est le scroll horizontal pour les menus, notamment sur le mobile.

Importé depuis les applications mobiles, ce concept prend peu à peu sa place sur le web.

See the Pen Responsive horizontal scroll multi-level menu by Ricard (@ricardpanades) on CodePen.dark

6. Une attention particulière pour les textures

En cherchant à aller vers toujours plus de réel dans le monde virtuel, le webdesign 2020 va de plus en plus mettre l'accent sur les textures.

Les visuels seront ainsi ancrés dans la réalité, presque solides. Il sera possible de voir le grain du bois, les plis du tissu, que ce soit pour les fonds de pages, pour les bandeaux, ou pour les photos des produits.
Si ceux qui consultent votre site internet ont envie de tendre la main pour le toucher, c'est que vous êtes sur la bonne voie !

7. Les polices oublient les régimes et prennent du gras

Le choix d'une typographie impacte la lecture d'un texte. En optant de plus en plus souvent pour des polices de caractère en gras, il sera plus facile de guider les lecteurs.

Vous remarquerez d'ailleurs que ce sont souvent les titres principaux qui sont mis en gras afin de délivrer plus rapidement l'information. Les sous-titres quant à eux se veulent plus lights.

Vous pourrez même y ajouter un peu de couleurs pour encore plus les souligner.Il faudra cependant être attentif à ne pas surcharger la page de mots ainsi mis en évidence !

8. Du Material Design dans tous les sens

Le Flat design a été très (trop ?) présent ces dernières années. Il flattait nos envies de simplicité, avec une iconographie simple et des couleurs uniformes.

Le Material Design, initié par Google (hé oui !) ne s'écarte pas trop du Flat Design mais il y ajoute de la perspective, des ombres, des formes géométriques et même du mouvement. Il y a de la vie dans le Material Design.

Et comme la firme de Moutain View met tout à disposition pour que chacun puisse intégrer ce type de design dans ses pages, il va très certainement continuer à faire des petites pages en 2019.

Je vous propose de jeter un oeil à cet article qui regroupe 30 ressources pour le material design.

9. À la croisée de la photo et de l'illustration

S'il est bien une tendance sur laquelle vous ne pourrez faire l'impasse en 2020, c'est la rencontre entre les prises de vue réelles et les dessins.

Qu'il s'agisse d'entourer une personne de traits dessinés, avec un peu plus d'élégance que ceux qui ajoutent une moustache sur une photo, ou de délimiter un portrait avec des zones illustrées, le but est d'apporter une dimension plus ludique aux clichés.

Cette tendance est très versatile, elle s'adapte à tous les secteurs et à tous les publics, raison de plus pour vous l'approprier.

10. Les animations toujours plus présentes

Si le material design permet de gagner en temps de téléchargement, avec une iconographie simple, les interactions renforcent le lien avec l'internaute.

Les boutons animés, grâce à l'effet " hover " (qui changent de couleur au passage de la souris, par exemple) ou les menus " hamburger " qui se transforment pour inciter à cliquer ne sont pas prêts de disparaître. Ces animations, grâce au CSS et au JavaScript, sont maintenant compatibles avec tous les navigateurs. Pratique, non ?

Les barres latérales défilantes de partages sur les réseaux sociaux font également partie de ces micro-interactions de plus en plus bienvenues.

11. De la place pour le vide

Les stars du rangement sont aussi passées par le webdesign. Les sites surchargés sont définitivement oubliés : en 2020, le webdesign se veut épuré. Vous utiliserez plus d'espaces blancs (ou monochromes) afin de mettre en avant vos messages et vos produits. Même les illustrations se mettent à la diète, le line art gagnant en force.

Une autre manière d'appliquer cette tendance consiste à opter pour du split content : un écran partagé sur lequel image et contenu textuel se répartissent harmonieusement.

12. Les micro-interactions prennent le pouvoir

C'est une tendance forte en web design, et donc pour le graphisme d'un site ou d'une application. Aujourd'hui, il faut montrer à l'utilisateur qu'il est en train d'agir, qu'il n'est pas juste un témoin face à un écran inerte.

Multiplier les micro-interactions sur les sites améliore l'engagement de leurs utilisateurs. D'autant qu'ils induisent une réactivité de la page, et donc, à nouveau, une rapidité qui est maintenant attendue partout.

Quand il glisse son doigt dessus, quand il coche un bouton, les couleurs changent, des fenêtres s'ouvrent... Quelque chose doit se passer dès qu'une action est effectuée.

Dans quelques mois ou années, les sites qui n'intégreront pas de micro-interactions sembleront dépassés aux internautes. Et ce n'est certainement pas votre but.

13. La réalité augmentée s'installe

D'abord très utilisée dans les jeux vidéos, de nombreuses marques e-commerce se sont emparées de cette nouvelle technologie pour proposer à leurs utilisateurs une expérience unique.

En effet, la réalité augmentée peut facilement être mise en place car son utilisation est possible sur tout appareil disposant d'une caméra. Vous pouvez donc proposer aux internautes de tester en direct une paire de lunette, un chapeau, etc.

Ikea a par exemple créé son application Place pour vous permettre de visualiser exactement le rendu d'un produit chez vous.

En 2020, ces tendances en webdesign seront des valeurs sûres. Attention cependant : s'appuyer sur des tendances ne signifie pas brider votre créativité, bien au contraire. Le split content peut être déstructuré, par exemple. Soyez vous-même dans ces cadres !

Si vous souhaitez déléguer ce travail à un professionnel, pensez à Graphiste.com et trouvez un freelance disponible pour vous accompagner dans vos projets web.

Avant de partir... Ne manquez pas les tendances graphiques 2020 pour cette nouvelle année.

# data[].attributes.attachment_link.title
Web design : 13 tendances 2020 à adopter

# data[].attributes.attachment_link.description
En moyenne, il est conseillé de revoir son site web au minimum tous les trois ou quatre ans. Ce qui lui permet d'être toujours adapté à l'évolution des technologies, mais aussi à celle des tendances. Ce qui nous offre l'occasion de faire un point sur ce que vous pourrez implanter dans votre webdesign en 2020.

# data[].attributes.attachment_link.readable_text
By applying motion to illustrations we might really make our designs stand out and bring them to the life - adding extra details and personality.

#2 Microinteractions

Microinteractions are the perfect proof that details and attention to them might greatly improve the overall user experience of your digital products and place them on the next/higher level.

#3 3D Graphics in web and mobile interfaces

New web browser capabilities have opened the door for 3D graphic allowing us as designers to create and implement amazing 3D graphics into modern web and mobile interfaces.

#4 Virtual Reality

Gaming industry very often brings innovation and new technologies into digital product design.

#5 Augmented Reality

There are endlessopportunities to innovate and create brand new and exciting experiences in AR space. UI design for AR will be one of the major trends in 2020, so as designers we should be prepared and eager to learn new tools, principles when creating AR experiences.

#6 Neumorphism

The grow of VR/AR technology and latest design trends shown on the most popular design platforms might make skeuomorphic design comeback in 2020 - but this time with a lot modern fashion.

#7 Asymmetrical Layouts

There is a lot of room for creativity as the number of options and opportunities when creating asymmetrical layouts are endless. Although, creating successful asymmetrical layouts requires some practice and time.

#8 Storytelling

Storytelling is all about transferring data to the users in the best possible informative and creative way. Storytelling is also great and efficient marketing tool that might greatly increase the sales of your products/services.

# data[].attributes.attachment_link.description
By applying motion to illustrations we might really make our designs stand out and bring them to the life - adding extra details and personality. Microinteractions are the perfect proof that details and attention to them might greatly improve the overall user experience of your digital products and place them on the next/higher level.

# data[].attributes.attachment_link.readable_text
Après nous être intéressé au SEO, au social media ou encore à l'agilité, nous vous proposons de découvrir l'éclairage de 5 professionnels du design et de l'UI/UX sur les évolutions à prévoir dans ce secteur en 2020. De quoi offrir des points de vue éclairants mais aussi ouvrir le débat autour du design interactif, du motion design ou encore des évolutions typographiques à venir.

Des illustrations fortement présentes et des typographies assumées. Par Emmanuelle Martin, webdesigner à HelloWork

Les graphismes feront toujours la part belle aux illustrations. Si en 2019 on a vu beaucoup d'illustrations avec des aplats de couleurs et des formes arrondies, en 2020 les styles devraient se diversifier : ajout de textures, style crayonné, mais aussi, et surtout, le grand retour de la 3D.

Les typographies seront de plus en plus présentes et assumées. Elles s'intégreront au design en tant qu'élément graphique à part entière. En 2019, nous avons vu l'émergence de typos sans serif rondes et grasses, en 2020, tout comme pour l'illustration, les fonts devraient varier : avec serif, script, jeux de couleurs, etc.

Marques et motion designers, voilà un nouveau terrain de jeu : la typographie cinétique. Par Laurence Schultz, Fondatrice et directrice de Pollen Studio

Produite par l'association de la typo et du mouvement dans des vidéos, la typo cinétique est totalement hypnotique ... et c'est pour ça qu'on l'aime ! Comme un lapin devant les phares d'une voiture, on ne peut s'empêcher de rester plusieurs secondes absorbé par la répétition d'un mouvement typographique.

Le message porté par le lettrage est renforcé par le mouvement. La typo devient un objet en 3D qui interagit avec son environnement : elle se plie, se répète, tourbillonne et se déforme pour une expérience immersive et inédite. Des exemples ici et ici. D'autres tendances sont à découvrir sur Pollen Studio.

Le design interactif en 2020 : déclin des spécialistes, essor des généralistes. Par Benoît Drouillat, head of product design chez Oodrive et board member de *designers interactifs*

Le design interactif vit une situation paradoxale en France. Un certain succès et une banalisation. C'est une pratique intégrée au sein des entreprises, qui l'internalisent massivement, d'après la dernière enquête de *designers interactifs*. Mais cela s'effectue au prix d'un métier dont les compétences sont devenues hyperspécialisées et segmentées, comme l'UX. Jean-Louis Frechin affirme même que " les méthodes de design centrées sur l'utilisateur sont adaptées aux organisations sans imagination, qui ne savent pas écouter et ont une aversion aux risques ". En effet, l'UX reflète des pratiques qui ont peu en commun avec le design : méthodes et solutions standardisées, faible capacité à formaliser, manque de culture graphique, déconnexion de l'imaginaire. Une grande partie de la profession déplore ce qui en découle : perception brouillée du design, donneurs d'ordre peu matures, compétences illisibles. Les années 2020 seront celles d'un design holistique, celles du product design.

La transparence. Par Olivier Sauvage, président de Wexperience

Non, les interfaces ne devront pas devenir transparentes au sens propre du terme, mais, en revanche, elles devront offrir la transparence d'information sur les produits et les services, qui sont fournis par les sites plus que de coutume. Dans le domaine du commerce en particulier, comme dans tous les autres domaines, les consommateurs, renforcés par leur pratique des réseaux sociaux, exigent des marques et des entreprises une honnêteté à toute épreuve. Et cela doit se voir dans le design d'interface ! Les pâtés de texte légaux doivent être mis en forme de façon claire et lisible ! Les informations produits visibles et faciles à lire. Il ne doit plus y avoir une seule tromperie !

En 2020, quels outils choisir pour son design d'interface ? Par Guillaume Matouk, webdesigner à HelloWork

Pour faire vivre les design trends en 2020, quel logiciel allez-vous utiliser ? Figma, Sketch et XD sont à la bataille. 2 points comptent pour beaucoup dans le départage des outils : la gestion des interactions et la transmission à l'équipe de développement :

Figma semble l'outil de synthèse idéal qui lie 3 phases : du design au prototype, jusqu'à la transmission aux développeurs. Il a aussi l'énorme avantage d'être multiplateforme. Tous les designers ne travaillent pas sous mac, encore moins leurs collègues. Il permet également de se loguer à son projet de partout en se connectant à son navigateur.

Sketch est pratique pour la réalisation d'interfaces et la création de design system avec une gestion des symboles assez poussée. Il est plutôt capé pour les gros projets. Il reste cependant un peu faible sur deux plans : le design d'interactions et la transmission à l'équipe dev.

XD a rattrapé beaucoup de retard cette année, poussée par la locomotive Adobe avec des nouvelles features liées au design d'interaction. XD reste cependant plutôt capé pour des petits projets. Il est basé sur la même structure que Figma, on peut gérer le design, le prototype et la transmission aux devs.

En parallèle, d'autres outils émergent, comme Framer, qui demande au designer de savoir coder et réduit grandement le gap entre team design et développeur ; ou Protopie, qui permet de donner vie aux maquettes avec une compatibilité Sketch, XD et Figma. Ce qui compte finalement, ce ne sont pas les outils et les tendances (qui vont et viennent), mais comment on les met au service d'une intention produit et d'un workflow. Ayez en tête les bonnes pratiques du design, la recherche utilisateur, la facilitation et la transmission d'une vision design auprès de vos clients et de l'entreprise !

Recevez par email toute l'actualité du digital

# data[].attributes.attachment_link.description
Après nous être intéressé au SEO, au social media ou encore à l'agilité, nous vous proposons de découvrir l'éclairage de 5 professionnels du design et de l'UI/UX sur les évolutions à prévoir dans ce secteur en 2020.

# data[].attributes.attachment_link.readable_text
Depuis que la plupart des entreprises ont opéré leur transition digitale, les UX designers sont devenus des profils très prisés sur le marché du travail. Leur mission : développer des interfaces de sites et d'applications ergonomiques, attirantes et surtout efficaces pour l'utilisateur. Ils s'informent, s'inspirent, échangent avec les utilisateurs cibles et ajustent les designs jusqu'à parvenir à la solution parfaite pour un produit. Isabelle Vieux est UX designer en freelance depuis 10 ans, elle nous raconte son métier et ses missions pour des entreprises comme Renault Trucks, Engie ou encore le ministère de la Défense.
Quel a été ton parcours avant de devenir UX designer ?

Je suis d'abord passée par un BTS en communication visuelle, grâce auquel j'ai fait une alternance dans une agence de marketing direct. J'y étais graphiste et faisais essentiellement du print. Ils m'ont ensuite embauchée en CDI. Cette expérience m'a permis de me familiariser avec le web design. J'ai ensuite travaillé un an chez Rapp, une agence du groupe DDB, toujours en graphisme et design web, puis j'ai fait le choix de m'établir en freelance.

Comment en es-tu arrivée à l'UX design ?

J'ai d'abord démarré en freelance comme "web designer", il y a 10 ans maintenant. Et puis on a commencé à parler de plus en plus de design UX/UI, c'est-à-dire d'interfaces web aussi compatibles pour les mobiles. C'est à l'occasion d'une mission chez Renault Trucks que j'ai collaboré pour la première fois avec un UX designer. Avec lui, j'ai dû aller à la rencontre des utilisateurs, tester les prototypes d'applications sur le terrain, directement dans les camions Renault... Cette expérience m'a beaucoup intéressée, j'ai donc décidé de me former à ce nouveau métier. J'ai lu beaucoup de livres sur le sujet puis j'ai complété mes connaissances avec une formation aux Gobelins ( école de référence spécialisée dans la création de l'image, ndlr) J'ai donc découvert mon appétence pour l'UX design sur le tas, au cours de ma carrière.

J'ai dû aller à la rencontre des utilisateurs, tester les prototypes d'applications sur le terrain, directement dans les camions Renault...

Quelles sont les missions du métier de UX designer ? Et en quoi est-il différent du métier d'UI designer ?

L'UX design et l'UI design sont effectivement deux métiers différents, même si on peut être amené à faire les deux en même temps. L'UX, c'est vraiment la rencontre avec les utilisateurs d'un site ou d'une application. Quand je travaille sur un projet, je dois les identifier, les interviewer pour comprendre leur métier et leurs problématiques lorsqu'ils naviguent sur un site, par exemple.

Dans un deuxième temps, je fais des ateliers de création avec eux pour dessiner des solutions à ces problèmes. À l'issue des ateliers, je designe ces solutions. De ce travail découle celui de l'UI designer qui doit quant à lui créer l'identité visuelle et s'assurer que le design qu'il a crée est fonctionnel. Ensuite, on doit refaire tester aux utilisateurs. Cette fois on leur donne un parcours à suivre et on analyse les blocages qu'ils rencontrent. On recommence le processus jusqu'à ce que le produit soit parfaitement adapté aux utilisateurs et qu'il n'y ait plus de blocages. Une fois que c'est le cas, on l'envoie en développement.

L'UX design et l'UI design sont deux métiers différents, même si on peut être amené à faire les deux en même temps.

Pourquoi avoir fait le choix de travailler en freelance ?

Pour avoir la liberté des horaires, des vacances, mais aussi pour être mieux rémunérée ! J'apprécie aussi beaucoup pouvoir changer de missions régulièrement, de ne pas avoir de journée type non plus puisque tout dépend de l'avancement du projet sur lequel je travaille.

Tu travailles sur quel type de projet et avec quel type de client en ce moment ?

En ce moment, je travaille pour le Ministère des Armées. Je suis en mission là-bas depuis un an. Je fais partie d'une équipe qui s'appelle le Commando numérique. Nous sommes trois : une Product owner, une UI designer et moi, qui suis UX. On travaille pour des projets militaires, comme par exemple une application pour les médecins militaires qui partent en mission extérieure et qui ont besoin de consulter des fiches médicales lorsqu'ils sont en contact avec des blessés. Pour l'instant, ils doivent se munir de gros livres ou consulter des fichiers PDF, ce qui n'est pas très pratique. Donc on développe une appli qui regroupe toutes les informations dont ils ont besoin. Je travaille aussi sur un objet connecté qui permet de recharger facilement les véhicules militaires. Et puis parfois, c'est un peu moins rigolo, ce sont des missions comptables pour l' armée.

Comment se déroule généralement un processus de création ?

Je commence toujours par m'immerger dans le projet car, parfois, ce sont des sujets ou des problématiques que je ne connais pas du tout, comme la médecine ou les véhicules militaires, par exemple. Je suis obligée de me documenter et d'échanger beaucoup avec les professionnels concernés et/ou les utilisateurs. Lors des ateliers de création, j'ai souvent recours au jeu pour essayer de faire sortir des idées ou des solutions. Je m'inspire aussi beaucoup de ce que font les autres graphistes ou designers. Comme c'est un métier qui évolue énormément, je fais de la veille en permanence. Que ce soit en termes de logiciels ou de méthodes de travail, on doit se former régulièrement.

Je suis obligée de me documenter et d'échanger beaucoup avec les professionnels concernés et/ou les utilisateurs.

Quelles sont les qualités indispensables pour être un bon UX designer ?

Je pense qu'il faut avoir de l' empathie et de l'écoute avant tout. C'est important d'accepter les critiques également car, lorsqu'on fait des tests utilisateur, on ne doit pas influencer les personnes en face de nous et être capable de réagir si le test n'est pas concluant. Il faut garder son sang-froid, ne pas se vexer et comprendre qu'on ne fait pas le produit pour nous mais pour l'utilisateur.

[Il faut] être capables de réagir si le test n'est pas concluant (...) ne pas se vexer et comprendre qu'on ne fait pas le produit pour nous mais pour l'utilisateur.

La demande en design est de plus en plus forte, quel est le meilleur moyen de se distinguer des autres designers ?

C'est important d'avoir des missions variées et qui soient un peu originales. Ce qui a marché pour moi, par exemple, c'est de travailler pour Renault Trucks sur des véhicules spéciaux. Et puis, aujourd'hui, le fait de travailler pour le Ministère des Armées attire les clients, qui sont curieux de découvrir ce que je fais.

Qu'est-ce qui est le plus enthousiasmant dans le métier d'UX designer ?

La rencontre avec les utilisateurs est la dimension la plus enrichissante. Le design ne se résume pas seulement à des questions d'ergonomie, on doit échanger avec l'utilisateur pour comprendre ses problématiques. C'est finalement un métier très humain ! On n'est plus tout seul derrière son ordinateur comme il y a quelques années.

Le design ne se résume pas seulement à des questions d'ergonomie, on doit échanger avec l'utilisateur pour comprendre ses problématiques.

À l'inverse, y a-t-il des difficultés inhérentes à ce métier ?

Parfois, les clients ne prennent pas conscience de l'importance de cet échange avec l'utilisateur, justement. Forcément, c'est un processus coûteux à mettre en place mais c'est une économie à l'arrivée puisque cela permet de développer des solutions optimales ensuite. Devoir convaincre le client du bienfait de la rencontre avec l'utilisateur est la dimension la plus compliquée, et souvent frustrante, de ce métier.

Quels seraient vos conseils à quelqu'un qui souhaiterait devenir UX designer ?

Je conseille de lire beaucoup de livres, comme par exemple l'ouvrage qui est considéré comme la bible du design, Méthodes de design UX de Carine Lallemand et Guillaume Gronier. Ou UX design et ergonomie des interfaces de Jean-François Nogier et Jules Leclerc. L'agence UX-Republic fait aussi des cartes assez rigolotes pour expliquer les rouages du métier, c'est bien fait. Après je pense que c'est un métier accessible à tous, dans lequel on peut mettre à profit tous les types de parcours et de compétences. Faire des stages intéressants, s' autoformer ou se former, aux Gobelins par exemple comme je l'ai fait, est essentiel pour comprendre les subtilités de ce métier qui est encore un peu mal compris aujourd'hui.
Suivez Welcome to the Jungle sur Facebook pour recevoir chaque jour nos meilleurs articles dans votre timeline !
Photo d'illustration by WTTJ

# data[].attributes.attachment_link.title
Le métier d'UX designer : à la rencontre de l'utilisateur | Welcome to the Jungle

# data[].attributes.attachment_link.description
Depuis que la plupart des entreprises ont opéré leur transition digitale, les UX designers sont devenus des profils très prisés sur le marché du travail. Leur mission : développer des interfaces de sites et d'applications ergonomiques, attirantes et surtout efficaces pour l'utilisateur.

# data[].attributes.attachment_link.description
UX Planet is a one-stop resource for everything related to user experience.

# data[].attributes.attachment_link.description
Retrouvez toutes les offres d'emploi de UX designer sur RegionsJob. Découvrez dès maintenant votre prochain emploi.

# data[].attributes.attachment_link.readable_text
Collaborer avec un à leur stratégie de communication. Mais avec cet engouement s'est aussi multiplié le nombre d'acteurs sur le marché : pas évident de choisir LE meilleur expert. En outre, de , vous présente motion designer freelance ou une agence de création avec un service motion design ? Vous hésitez et on vous comprend ! Aujourd'hui, le motion design a envahi le web et de nombreuses marques ont compris l'intérêt d'intégrer ce média de l'engagement nouveaux modèles créatifs se développent pour s'adapter à cette demande croissante. Budget, façon de travailler, délais... Quels critères prendre en compte et quelle option privilégier pour votre création de vidéo motion design ? La 1ère plateforme agile de production de contenus créatifs, plusieurs solutions pour être sûr de choisir celle qui correspond parfaitement à vos besoins.

LE MOTION DESIGNER FREELANCE OU L'AVANTAGE DE LA FLEXIBILITÉ

Les profils de motion designer freelance fleurissent sur la toile et aujourd'hui, les entreprises sont nombreuses à faire le choix de travailler avec un motion designer indépendant. Les avantages de cette option sont multiples. Si globalement le motion design offre un l'un des meilleurs rapports qualité / prix parmi les 8 techniques de vidéo corporate , ce constat est d'autant plus vrai avec un motion designer freelance qui travaille à son compte. Il exerce généralement à son domicile, ce qui limite les charges et frais de structure, si ce n'est l'achat et la mise à jour des logiciels indispensables à la création motion design (Photoshop, Illustrator, After Effects...). Un constat qui se répercute automatiquement sur le prix de la prestation : les entreprises aux budgets restreints ont donc tout à gagner à faire appel à un freelance.

Un autre avantage considérable est l'absence de hiérarchie : traiter en direct avec un freelance permet de créer un contact privilégié. Sous condition de trouver le profil qui matche avec vos attentes ! Pour trouver le motion designer idéal, il est important d'étudier attentivement son portfolio. Visionnez plusieurs vidéos du profil que vous convoitez et posez-vous les bonnes questions :

Le sens du rythme : les vidéos sont-elles bien rythmées sans temps mort ni creux ? Si les films motion design ne durent généralement pas plus d'une minute, votre créatif doit être en mesure de créer du mouvement sur des éléments à la base statiques.

La fibre artistique : les films font-ils la part belle aux tendances graphiques que vous recherchez ? Les animations sont-elles originales et créatives ? 3D, flat design, isométrie... Étudiez bien le style du profil.

Le parcours : le métier de motion designer freelance combine créativité et technique, assurez-vous que le freelance possède des bases solides.

Certes, le contact direct présente l'intérêt de la rapidité, mais attention. Confiez votre création motion design à un freelance, c'est aussi maîtriser l'art du brief à la perfection ! Durée de la vidéo, voix-off, plans, bruitage... C'est vous qui devez guider votre freelance avec un cahier des charges précis. Ne laissez aucune place au doute et détaillez vos besoins à l'aide d'exemples inspirants par exemple. Au risque sinon de multiplier les allers-retours chronophages, qui vous feront finalement perdre le temps gagné.

# data[].attributes.attachment_link.title
Motion designer freelance ou studio motion design : qui choisir ?

# data[].attributes.attachment_link.description
Entre motion designer freelance et agence motion design votre cœur balance ? Quels sont les véritables avantages et inconvénients ? CREADS vous dresse la liste des différents acteurs du marché pour savoir quel prestataire choisir pour votre vidéo motion design.

# data[].attributes.attachment_link.description
Ce groupe est destiné à échanger autour du monde du Design à Lyon, et de se retrouver, selon un format apéritif, tous les derniers mardi. > https://designers-lyonnais.mightybell.com Notre plateforme,...

# data[].attributes.attachment_link.description
Pour regrouper les webdesigner et les graphistes si besoin d'aide, de conseil, pour partager des créas, des idées, bref un groupe qui permet de s'exprimer sur sa passion. (groupe non professionnel !!)

# data[].attributes.attachment_link.description
Archives graphiques est née. L'idée est ici d'entretenir une sorte de bibliothèque numérique des œuvres graphiques et typographiques, passées ou récentes. Des œuvres qui seront pour les chercheurs,...

# data[].attributes.attachment_link.description
Retrouvez ici les événements gratuits et ouverts à tous de La Cuisine Du Web. Nous organisons et hébergeons aussi toutes sortes d'évents à retrouver sur notre agenda (https://www.lacuisineduweb.com/ev

# data[].attributes.attachment_link.title
Nos Talents Nos Emplois | Un site de la région Auvergne-Rhône-Alpes

# data[].attributes.attachment_link.description
Trouvez rapidement votre prochain emploi, stage ou alternance en Auvergne-Rhône-Alpes avec Nos Talents Nos Emplois ! Postulez avec ou sans CV dès maintenant !

# data[].attributes.attachment_link.keywords[]
annonces emploi cdi cdd cui fonction publique territoriale statutaire contractuel intermittent free-lance independant technicien du spectacle stage emploi tremplin emplois annuaire formations  ecoles choisir formation initiale alternance continue afdas cif audiovisuel cinema video son tele tv radio media image  musique disque photographie realisation journalisme edition presse communication visuelle graphisme publicite multimedia conception developpeur web infographie 3d jeux video bd dessin anime effets spéciaux arts graphiques design architecture interieur decoration arts plastiques beaux-arts expression plastique conservation patrimoine restauration archeologie museologie libraire documentaliste politique culturelle mediation animation theatre art dramatique chanson danse scene regie acteur comedien comedie musicale production diffusion promotion spectacle vivant cirque management culturel evenementiel

# data[].attributes.attachment_link.title
ProfilCulture : Offres d'emploi des métiers de la culture et des médias région Auvergne-Rhône-Alpes,

# data[].attributes.attachment_link.description
Offres d'emploi, stages, annonce de recrutement : audiovisuel cinéma radio musique édition presse communication multimédia infographie design architecture patrimoine théâtre spectacle vivant art.

# data[].attributes.attachment_link.readable_text
Recevoir les nouvelles offres
d'emploi par email

En cliquant sur OK, vous acceptez les CGU ainsi que notre politique de confidentialité décrivant la finalité des traitements de vos données personnelles.

# data[].attributes.attachment_link.title
▷ Offres Emploi Webdesigner | RhonealpesJob

# data[].attributes.attachment_link.description
Recevoir les nouvelles offres d'emploi par email En cliquant sur OK, vous acceptez les CGU ainsi que notre politique de confidentialité décrivant la finalité des traitements de vos données personnelles.

# data[].attributes.attachment_link.readable_text
Le Graphiste dessine à l'aide de logiciels de PAO et de DAO une image qui correspond à la demande du client. Il est chargé de traduire l'idée de son client. Il travaille sur des supports très variés : affiche, web, jeu vidéo... Ce grand créatif maîtrise les codes visuels, les logiciels spécialisés et possède une grande imagination.

# data[].attributes.attachment_link.description
Le Graphiste dessine à l'aide de logiciels de PAO et de DAO une image qui correspond à la demande du client. Il est chargé de traduire l'idée de son client. Il travaille sur des supports très variés : affiche, web, jeu vidéo... Ce grand créatif maîtrise les codes visuels, les logiciels spécialisés et possède une grande imagination.

# data[].attributes.attachment_link.title
▷ Offres emploi Design et intégration - Job Digital, Informatique | BDM/job

# data[].attributes.attachment_link.description
Retrouvez nos 128 Offres d'Emploi Design et intégration dans le Web, le Digital ou l'Informatique ✓ Postulez dès Maintenant ✓ Candidature Facile & Rapide !

# data[].attributes.headline
Le Designer dans un projet de visualisation de données

# data[].attributes.subject
Le Designer dans un projet de visualisation de données

# data[].attributes.attachment_link.authors[].name
Nicolas Rangeon Nicolas Rangeon, Data scientist, instructor & Computer engineer (Université de Technologie de Compiègne)

# data[].attributes.attachment_link.description
Représentez graphiquement vos données par un dashboard (tableau de bord) ergonomique et adapté aux besoins de votre équipe, grâce au logiciel Tableau et aux langages de programmation web tels HTML, JavaScript (D3.js) et le framework Python Flask.

# data[].attributes.attachment_link.readable_text
Vous vous demandez en quoi consiste le Data Journalisme ? Pas de problèmes, pour vous aider nous vous partageons ici les réponses aux questions fréquemment posées.

Le Data Journalisme est la rédaction d'articles aidée par des données et supports numériques. Cette discipline demande des notions d'informatique, d'analyse de données et bien entendu de journalisme.

Certains data journalistes utilisent comme support principal l'infographie pour faire parler leurs données.

Dans quel cas, le Data Journalisme est-il utilisé ?

Depuis quelques dizaines d'années, le flux d'information " public " est devenu si important que le journaliste n'est plus seulement dans une démarche de recherche puis de rédaction.

Il peut désormais passer par une démarche de traitement basée sur l'analyse et la représentation visuelle.

Dès lors, le but du journalisme est respecté dans une telle démarche : informer les lecteurs.

Ainsi, le data journaliste, dans cette démarche, filtre les informations cruciales et les illustre sous différentes formes graphiques et textuelles, mais s'anime aussi du concept de Storytelling.

Certains data journalistes utilisent comme support principal l'Infographie pour faire parler leurs données.

Le Data Journalisme au quotidien

Dans les publications quotidiennes des différents acteurs de la presse nationale et internationale, l'utilisation de la donnée devient toujours plus importante.

Aux États-Unis, certains journaux ont même mis en place une base de donnée contenant des données brutes utilisées dans les articles, que le lecteur peut télécharger et vérifier.

De plus, ces journaux mettent à disposition des moyens de visualisation qui permettent de se faire une idée à travers le Storytelling.

Par exemple, le New York Times, acteur principal de la presse américaine, a créé un site parallèle appelé " data.nytimes.com ".

Comment ? Ce site sert de base de données, organisé par ordre alphabétique, de tous les mots, noms d'entreprises et noms de personnes apparaissant dans les articles du journal qui ont été préalablement archivés.

En France, des journaux tels que Le Monde ou Le Parisien utilisent des techniques similaires pour illustrer les actualités.

Connaissance client: comment le E-Data Journalisme met en évidence vos KPI ?

La connaissance client est devenue primordiale dans la stratégie de l'entreprise. Elle permet de créer de la valeur à la fois pour votre marque, mais aussi pour les consommateurs de vos produits et services.

La donnée client c'est la matière première à partir de laquelle aujourd'hui les entreprises élaborent leurs stratégies.

-> Découvrez nos Webinars pour aller plus loin sur le Data Journalisme ! Cette web conférence vous montrera comment créer un Data Journal d'Entreprise. Il permet de visualiser, d'analyser et de communiquer les différents aspects de la connaissance client tels que : la segmentation et les canaux d'acquisition.

-> Télécharger le livre blanc : les 5 étapes du Data Journalisme.

Illustrer vos données sous forme de e-Data Journal d'Entreprise n'aura jamais été aussi simple pour faire passer des messages clairs et simples.

Auteur

Sylvana AH-LAYE

Hello ! Moi, c'est Sylvana. Chargée de Projet Marketing Digital dans l'analytics, le Big Data et l'IA. Je partage avec vous des conseils sur les outils de Data Prep et de Data Viz ainsi que les actualités sur le secteur. La Data est un puissant moteur pour la transformation d'une entreprise.

# data[].attributes.attachment_link.title
Qu'est-ce que le Data Journalisme ? - MYDRAL BLOG

# data[].attributes.attachment_link.description
Vous vous demandez en quoi consiste le Data Journalisme ? Pas de problèmes, pour vous aider nous vous partageons ici les réponses aux questions fréquemment posées. Le Data Journalisme est la rédaction d'articles aidée par des données et supports numériques. Cette discipline demande des notions d'informatique, d'analyse de données et bien entendu de journalisme.

# data[].attributes.attachment_link.description
Le Data designer rend les data (données) compréhensibles. Il analyse, structure, scénarise, donne une forme narrative et visuelle à un ensemble de données qualitatives comme quantitatives. Il va mettre toutes ses compétences de designer graphique au service de la clarté du message.

# data[].attributes.attachment_link.readable_text
Stéphanie Cardoso

Maître de Conférences en Design à l'Université Bordeaux-Montaigne, Laboratoire MICA.

Elle est responsable du Master Professionnel Design : Innovation, Interaction, Service et Co-responsable du CIS Design & Media Lab (Idex Bordeaux). Ses recherches portent sur l'acceptabilité des robots sociaux dans notre quotidien. Elle travaille sur leur identité, les scénarii d'usage, les interactions et expériences potentielles dans un environnement familier et dans des territoires culturels multiples.

Elle est responsable du projet de recherche LID : Laboratoire des pratiques Innovantes en Design (Région Aquitaine-Limousin, Poitou, Charentes, Immersion, Hyve 3D, MSHA, MICA, Université Bordeaux-Montaigne, IMS/RUDII Université de Bordeaux, U-LAB UB) Le LID est une plateforme collaborative, elle se concentre sur l'implémentation et la conception de méthodologies de codesign et codesign augmenté. Le LID ré-interroge la pédagogie par les process de design (Design Thinking, 2009) dans l'objectif de produire des prototypes de scénarii pédagogiques impliquant l'aspect " immersif " dans l'apprentissage.

Marie Stutzmann

Anthropologue d'entreprise et dirigeante de l'agence Angle 9.

Toutes ses interventions commencent par l'exploration du monde des clients pour comprendre comment les gens vivent leur réalité et offrir aux entreprises une "vérification de la réalité".

Elle se sert des sciences humaines et de l'anthropologie pour éclairer les décisions pour faire parler les comportements du quotidien, décoder les usages, expliciter les besoins réels, anticiper les verrous à l'acceptabilité, augmenter les chances de succès des projets innovants pour faire parler les comportements du quotidien.

Claire Rivenc

Enseignante en Physique et Chimie au Département Mesures Physiques de l'IUT de Bordeaux, Chef de Département Mesures Physiques.

Fondatrice du FabLab Coh@bit.

Thierry Bombardier

Enseignant en Electrotechnique au département Génie Mécanique et Productique de l'IUT de Bordeaux. Responsable du recrutement des étudiants pour le DUT GMP.

Directeur adjoint du FabLab Coh@bit. Responsable du module "Raccrochage scolaire"

Thierry Verstraete

Pr. Thierry Verstraete-Co-auteur du modèle GRP

Docteur en Sciences de Gestion, diplômé de l'Habilitation à Diriger des Recherches et agrégé de l'enseignement supérieur, il est Professeur à l'Institut d'Administration des Entreprises (IAE) de l'Université de Bordeaux et professeur affilié à Kedge Business School.

Il dirige l'équipe de recherche en Entrepreneuriat de l'IRGO (Institut de Recherche en Gestion des Organisations) impliquée dans le projet GRP-Lab . Sur le plan pédagogique, il est responsable du Master " Création, Reprise d'Entreprise et Entrepreneuriat " de l'IAE et co-responsable de la Licence Professionnelle " Entrepreneuriat " du département Techniques de Commercialisation de l'IUT Montesquieu.

Florence Kremer

Docteur en Sciences de gestion et maître de Conférences à l'IAE de Bordeaux - Membre du projet GRP Lab.

Ses travaux croisent les domaines du marketing et de l'entrepreneuriat sur le thème de l'estimation et l'exploitation des opportunité d'affaires.

Spécialiste en distribution (vente directe, image du point de vente, relations producteurs-distributeurs), elle s'intéresse également à la pédagogie de l'entrepreneuriat et en particulier aux méthodes de créativité (cartes mentales).

Inés Dhuit

Ingénieur d'études - VIA Inno - GREthA

Économiste, elle est titulaire d'un Master en Économie de l'Innovation et Veille Sectorielle. Elle est également diplômée d'une licence en Mathématiques Appliquées et Sciences Sociales (MASS). Inès a rejoint la plateforme en février 2015, elle s'est spécialisée sur la filière photonique et celle des huiles et protéines végétales. Elle participe également au développement et au transfert de méthodologies.

Conditions d'utilisation du cours

Licence CC BY NC SA : l'utilisateur doit mentionner le nom de l'auteur, il peut exploiter l'œuvre sauf dans un contexte commercial et il peut partager l'oeuvre à l'identique.

Partenaires institutionnels et financiers

Partenaires institutionnels et financiers

Ce projet bénéficie d'une aide de l'Etat gérée par l'Agence Nationale de la Recherche au titre du programme d'Investissements d'avenir portant la référence ANR-15-IDFN-0007.

Ce projet bénéficie d'une aide de l'Etat gérée par l'Agence Nationale de la Recherche au titre du programme d'Investissements d'avenir portant la référence ANR-15-IDFN-0007.

Conception, réalisation, animation : U-Lab innov+

Avec le soutien de la Mission d'Appui à la Pédagogie et à l'Innovation : MAPI et l'université de Bordeaux

Conception, réalisation, animation : U-Lab innov+

Avec le soutien de la Mission d'Appui à la Pédagogie et à l'Innovation : MAPI et l'université de Bordeaux

# data[].attributes.attachment_link.description
Maître de Conférences en Design à l'Université Bordeaux-Montaigne, Laboratoire MICA. Elle est responsable du Master Professionnel Design : Innovation, Interaction, Service et Co-responsable du CIS Design & Media Lab (Idex Bordeaux). Ses recherches portent sur l'acceptabilité des robots sociaux dans notre quotidien.

# data[].attributes.body
Indispensable pour le traitement de de la Data (data designer)

# data[].attributes.attachment_link.readable_text
Sébastien Hoarau

Sébastien Hoarau est maître de conférences à l'Université de la Réunion (UR) où, depuis plus de 20 ans, il enseigne la programmation aux étudiants de première année scientifique. Sa pédagogie est axée sur la pratique : quiz en cours, projets, utilisation de plateformes ludiques.

Thierry Massart

Thierry Massart est professeur à l'Université Libre de Bruxelles (ULB) où, depuis plus de 25 ans, il enseigne la programmation principalement aux étudiants de Sciences Informatique et de l'école Polytechnique de l'ULB. Il leur propose une pédagogie active orientée vers la pratique.

Isabelle Poirier

Isabelle est professeur agrégé de mathématiques et enseigne celles-ci depuis plus de 15 ans en établissement secondaire dans le sud de la France. Autodidacte en programmation (en particulier grâce à sa participation à plusieurs MOOC), elle met à profit son sens de la pédagogie et sa propre expérience pour venir en aide aux apprenants sur le forum et améliorer l'approche didactique proposée au bénéfice d'un meilleur apprentissage pour tous.

Arthur Lesuisse

Informaticien à l'ULB co-créateur et responsable de l'exerciseur UpyLaB utilisé de façon intégrée dans le cours.

Université de la Réunion

CC-BY-SA : Attribution - Partage dans les Mêmes Conditions

Les contenus peuvent être partagés et adaptés, y compris dans un but commercial, sous réserve de créditer l'oeuvre originale et de partager l'oeuvre modifiée dans les mêmes conditions.

Tous droits réservés

Les productions relèvent de la propriété intellectuelle des auteurs et ne peuvent donc pas être réutilisée.

# data[].attributes.attachment_link.title
Apprendre à coder avec Python - session 3

# data[].attributes.attachment_link.description
Ce cours s'adresse à tout débutant en programmation, avec deux principaux publics cibles, les étudiants du secondaire ou supérieur à partir de 15 ans, ou les professeurs désirant, à terme, enseigner cette matière. Le langage Python 3 facilite l'apprentissage du codage en se concentrant sur l'essentiel.

# data[].attributes.attachment_link.readable_text
Pour débuter l'année 2020, Designa vous propose un nouvel événement.

Designa - Le Réseau est un événement mensuel pour les designers.

Ouvert à tous et gratuit, il s'adresse d'abord aux femmes dans le design.

Notre mission est d'encourager le partage de bonnes pratiques et d'expertise, les rencontres, le mentorat en veillant à replacer l'humain, dans sa diversité, au coeur de notre démarche. Au-delà des événements, c'est aussi une communauté favorisant un dialogue bienveillant entre designers quel que soit leur niveau d'expérience.

De quoi allons-nous parler ? Ce qu'il faut pour passer du design au code.

Au programme

18h30 -18h55 Accueil des participant(e)s
19h -19h20 Prise de parole d'Audrey
19h25-19h45 Prise de parole de Sébastien
19h45-20h Temps d'échange
20h-20h05 Relai d'opportunités
20h10 - 20h30 Réseautage

Qui vous parle ?

Audrey Dauzet

Je m'appelle Audrey Dauzet, et j'exerce le métier de Designer depuis 15 ans. Au cours de ces années, j'ai pu évoluer dans des secteurs d'activités variés et des structures très différentes. J'ai eu la chance de pouvoir designer et travailler sur des projets avant-gardistes qui m'ont permis d'être à la pointe en terme de design d'interfaces, d'expérience utilisateur et de micro-interactions.

Auparavant Lead Ui - Ux Designer au sein d'Orange Application for Business, je viens de rejoindre Vahumana il y a quelques mois pour répondre à l'activité croissante de l'agence sur les aspects design et stratégie UX.

J'interviens également dans l'accompagnement et la coordination des équipes design au sein du studio et en régie.

Qui vous accueille ?

ZOL nous accueillera à nouveau pour cet événement. Né il y a 13 ans, ZOL est un collectif de joyeux experts spécialisés dans le conseil, la conception et le développement web et mobile sur-mesure, des trucs souvent compliqués mais qui marchent bien et imaginés rien que pour vous !

https://zol.fr/

# data[].attributes.attachment_link.description
Pour débuter l'année 2020, Designa vous propose un nouvel événement. Designa - Le Réseau est un événement mensuel pour les designers. Ouvert à tous et gratuit, il s'adresse d'abord aux femmes dans le design. Notre mission est d'encourager le partage de bonnes pratiques et d'expertise, les rencontres, le mentorat en veillant à replacer l'humain, dans sa diversité, au coeur de notre démarche.

# data[].attributes.attachment_link.readable_text
A l'image des réseaux sociaux, ce petit déjeuner consacré au travail de son image de marque sur le web sera participatif ! 💡

Être authentique, ou bien marketer sa présence ? Investir un seul réseau social ou être présent·e partout ? Tenter le tout pour lead ? Déléguer son propre personal branding ? Informer, choquer, faire rire ou réagir pour faire la différence ? 😎

Il y a autant de réponses que de dirigeants, mais quelques pré-requis en 2019 à une communication online pertinente et efficace. Discutons-en autour d'un café avec Coline Jouan d'Owly Birdy ! 🚀

# data[].attributes.attachment_link.title
Travailler son image de marque & sa notoriété sur le web 🎉

# data[].attributes.attachment_link.description
A l'image des réseaux sociaux, ce petit déjeuner consacré au travail de son image de marque sur le web sera participatif ! 💡 Être authentique, ou bien marketer sa présence ? Investir un seul réseau social ou être présent·e partout ? Tenter le tout pour lead ? Déléguer son propre personal branding ?

# data[].attributes.body
Développeurs web

# data[].attributes.attachment_link.readable_text
Prérequis

Ce cours a pour ambition d'enrichir la culture numérique de chacun(e).
Il ne demande aucun prérequis autre que la possibilité de travailler sur un ordinateur relié à internet.
Pour les participant(e)s n'ayant que peu d'expérience avec les outils numériques, le travail hebdomadaire pourra facilement dépasser la durée moyenne estimée de 2 à 3 h en fonction des niveaux ciblés.

Plan du cours

Le cours s'étend sur 6 semaines.

Semaine 1 : Représenter le monde avec le numérique

Semaine 2 : Construire un algorithme

Semaine 3 : Programmer

Semaine 4 : Traiter des données structurées

Semaine 5 : Traiter des données massives

Semaine 6 : Appréhender les enjeux du numérique

Évaluation

Le travail sera évalué chaque semaine, soit par un quiz (semaines 1, 2, 4 et 5) soit par la production d'un document qui fera l'objet d'une évaluation par les pairs (semaines 3 et 6)

Une attestation de suivi avec succès sera délivrée aux participants ayant obtenu 12/20 (60%) de réussite sur l'ensemble des six modules.
Partenaires
Les MOOC de la collection " Compétences numériques pour tous " sont soutenus financièrement par le Ministère de l'Enseignement supérieur, de la Recherche et de l'Innovation.

Lien avec la certification Pix

Qu'est-ce que Pix ?

Pix est un service public en ligne d'évaluation, de développement et de certification des compétences numériques. Il s'adresse à tous et permet de définir pour chacun un score et un profil de compétences à partir d'un référentiel européen.
La certification Pix est appelée à remplacer le C2i (Certificat informatique et internet) Niveau 1 à la rentrée 2019.
Pour en savoir plus : pix.fr

Suivre les MOOC de la collection " Compétences numériques pour tous " permet-il d'obtenir la certification Pix ?

Non, pas directement.
Nous vous inviterons régulièrement à évaluer vos compétences sur pix.fr. Ce travail en autonomie vous permettra d'obtenir un score et de définir votre profil. Mais pour obtenir la certification, il faudra passer ensuite un examen.
Tout au long de ce Mooc, nous vous donnerons des compléments d'informations sur le fonctionnement de cette certification.

La certification Pix est-elle gratuite ?

Dans le cadre de l'enseignement scolaire ou de l'enseignement supérieur, la certification Pix est gratuite. Elle est par contre payante dans un cadre de formation continue. Reconnue au RNCP, elle peut cependant donner lieu à un financement dans certains cas.

Conditions d'utilisation

Conditions d'utilisation du contenu du cours
Licence Ouverte
Vous êtes libre de réutiliser, reproduire, adapter, modifier et diffuser le contenu du cours sous réserve de mentionner la source.
Conditions d'utilisation des contenus produits par les participants

Attribution - Pas d'Utilisation Commerciale - Partage dans les Mêmes Conditions
Cette licence vous permet de remixer, arranger, et adapter le contenu à des fins non commerciales sous réserve de mentionner la source et de diffuser les nouvelles œuvres selon les mêmes conditions.

Lien avec la certification Pix

Qu'est-ce que Pix ?

Pix est un service public en ligne d'évaluation, de développement et de certification des compétences numériques. Il s'adresse à tous et permet de définir pour chacun un score et un profil de compétences à partir d'un référentiel européen.
La certification Pix est appelée à remplacer le C2i (Certificat informatique et internet) Niveau 1 à la rentrée 2019.
Pour en savoir plus : pix.fr

Suivre les MOOC de la collection " Compétences numériques pour tous " permet-il d'obtenir la certification Pix ?

Non, pas directement.
Nous vous inviterons régulièrement à évaluer vos compétences sur pix.fr. Ce travail en autonomie vous permettra d'obtenir un score et de définir votre profil. Mais pour obtenir la certification, il faudra passer ensuite un examen.
Tout au long de ce Mooc, nous vous donnerons des compléments d'informations sur le fonctionnement de cette certification.

La certification Pix est-elle gratuite ?

Dans le cadre de l'enseignement scolaire ou de l'enseignement supérieur, la certification Pix est gratuite. Elle est par contre payante dans un cadre de formation continue. Reconnue au RNCP, elle peut cependant donner lieu à un financement dans certains cas.

Conditions d'utilisation

Conditions d'utilisation du contenu du cours
Licence Ouverte
Vous êtes libre de réutiliser, reproduire, adapter, modifier et diffuser le contenu du cours sous réserve de mentionner la source.
Conditions d'utilisation des contenus produits par les participants

Attribution - Pas d'Utilisation Commerciale - Partage dans les Mêmes Conditions
Cette licence vous permet de remixer, arranger, et adapter le contenu à des fins non commerciales sous réserve de mentionner la source et de diffuser les nouvelles œuvres selon les mêmes conditions.

# data[].attributes.attachment_link.description
Ce cours a pour ambition d'enrichir la culture numérique de chacun(e). Il ne demande aucun prérequis autre que la possibilité de travailler sur un ordinateur relié à internet. Pour les participant(e)s n'ayant que peu d'expérience avec les outils numériques, le travail hebdomadaire pourra facilement dépasser la durée moyenne estimée de 2 à 3 h en fonction des niveaux ciblés.

# data[].attributes.attachment_link.readable_text
Vingt ans après sa conception, le langage CSS n'en est plus à ses balbutiements et n'est plus optionnel en ce qui concerne la conception web moderne. Sans le moindre concurrent en vue, CSS a encore de belles années devant lui. Et pour cause, il est toujours en perpétuelle évolution !

Ce livre n'a pas pour prétention d'être le guide ultime de l'intégrateur dans la mesure où il ne reprend pas les bases. Il offre simplement une mise à niveau en levant le voile sur tous les modules CSS, afin d'offrir dès aujourd'hui les connaissances nécessaires à la réalisation de sites et d'applications web. En effet, les enjeux comme les objectifs ne sont plus les mêmes qu'il y a quelques années, aussi est-il important que les intégrateurs, designers et développeurs s'arment face aux nouvelles problématiques que sont le Responsive Web Design, le rétrécissement de l'écart entre le Web et le natif, et la course à la performance.

Qu'il s'agisse de mise en page avec Flexbox ou Grid Layout, d'embellissement des interfaces, d'élaboration d'animations ou même de design fluide avec les Media Queries, vous devriez être capable de maîtriser tous ces sujets au sortir de votre lecture.

Au-delà de l'aspect purement didactique de l'ouvrage, vous trouverez un grand nombre d'exemples et de mises en pratique, ainsi que tout ce que vous devez savoir vis-à-vis du support des fonctionnalités par les navigateurs. Pour finir, vous découvrirez dans les annexes la liste des valeurs par défaut des propriétés CSS, celle des propriétés que l'on peut animer et une bibliographie pour aller plus loin.

À qui s'adresse cet ouvrage ?

Aux intégrateurs désireux d'aller plus loin avec CSS

Aux designers souhaitant se mettre au design in the browser

À tous les concepteurs de sites et d'applications voulant se mettre à niveau vis-à-vis des nouveautés du langage

# data[].attributes.attachment_link.title
CSS3 - Pratique du design web - R.Goetter, H.Giraudel - 4ème édition - Librairie Eyrolles

# data[].attributes.attachment_link.description
Vingt ans après sa conception, le langage CSS n'en est plus à ses balbutiements et n'est plus optionnel en ce qui concerne la conception web moderne. Sans le moindre concurrent en vue, CSS a encore de belles années devant lui. Et pour cause, il est toujours en perpétuelle évolution !

# data[].attributes.attachment_link.readable_text
Existe au format livre et ebook

Ce livre s'adresse à tous les développeurs web, qu'ils soient débutants ou avancés. Le JavaScript sert avant tout à rendre les pages web interactives et dynamiques du côté de l'utilisateur, mais il est également de plus en plus souvent...

Présentation du livre

Sommaire de l'ouvrage

Caractéristiques du livre

Suggestions personnalisées

Sur le même sujet

Dans la collection

Ces livres pourraient également vous plaire

# data[].attributes.attachment_link.description
Ce livre s'adresse à tous les développeurs web, qu'ils soient débutants ou avancés. Le JavaScript sert avant tout à rendre les pages web interactives et dynamiques du côté de l'utilisateur, mais il est également de plus en plus souvent...

# data[].attributes.attachment_link.readable_text
Adam Bradley

Adam is the Director of Open Source Development at Ionic, including StencilJS, Ionic Framework and Capacitor. He is an open-source and web-standard enthusiast, and is largely focused on bringing webapps to low-powered mobile devices.

Charlie Gerard

Charlie is a front-end developer at Atlassian in Sydney, a Mozilla Tech Speaker & Google Developer Expert in Web Technologies. She is passionate about creative coding and building interactive prototypes mixing science, art and technology. She also spends time giving back to the community by mentoring new developers, contributing to open-source projects and speaking at conferences.

Vlad Filippov

Vlad is a software engineer working on the Web. His work has roamed widely: from desktop web development, to mobile, Android and games. He loves software testing, automation, and reverse engineering. His current focus is the Rust programming language. In the moments he is not coding, Vlad plays tennis and reads comments on the Internet.

Valerie Young

Valerie is a Sr. Open Web Engineer at Bocoup where she is focused on standards and testing work geared towards making the web a more inclusive and interoperable platform. She is a TC39 delegate, editor of ECMAScript 402 (the Internationalization extension to JavaScript), maintainer of test262.report, and contributor to the WAI-ARIA Authoring Practices.

Daniel Ehrenberg

Daniel is an engineer at Igalia, a free software cooperative. He participates in the TC39 and has dabbled in WebAssembly and web standards. He also worked on V8.

Another great day organized perfectly by @dotConferences! Thanks again to the whole team and the speakers for sharing your thoughts on all the interesting topics covered today at #dotjs

Back from #dotJS 2018. As it's been my 10th time in a @dotConferences, I got a super nice #RaspberryPi Zero with the usual swag 😍. Thanks a lot to the team for the continuing hard work in bringing us a world-class event 👏 ! https://t.co/bBALN8jq8c

Really enjoyed @dotJS. Superbly organised, great talks, amazing food, and some lovely folks to chat to. Also some wonderful ethics. Carbon zero conf? Good stuff!

# data[].attributes.attachment_link.description
Adam Bradley Adam is the Director of Open Source Development at Ionic, including StencilJS, Ionic Framework and Capacitor. He is an open-source and web-standard enthusiast, and is largely focused on bringing webapps to low-powered mobile devices. Charlie Gerard Charlie is a front-end developer at Atlassian in Sydney, a Mozilla Tech Speaker & Google Developer Expert in Web Technologies.

# data[].attributes.attachment_link.readable_text
Hakim El Hattab

Hakim is a Swedish front-end developer who loves to work on visual JavaScript experiments, animations and user interface concepts. He co-founded and is currently building Slides.com, a fully featured presentation platform built on top of his open source presentation framework, reveal.js.

Emily Plummer

Emily is a Design Systems Engineer at GitHub. She is currently working on building an open source component library to accompany GitHub's design system, Primer. She's interested in all things JavaScript, CSS, and the intersection of the two.

David Khourshid

David is a Microsoft software engineer with a passion for innovative UI/UX, animations, software modeling, and cutting-edge front-end tech. He's also the creator of XState & half of the Keyframers, a weekly coding live-stream. When not traveling or coding behind a laptop keyboard, he's usually behind a piano keyboard.

Jason Pamental

Jason works with clients on typographic systems, improving brand voice, performance, and UX. An Invited Expert to the W3C Web Fonts Working Group, he has given workshops and presented at over 100 events worldwide, has consulted for nearly every major type vendor & font platform, and authored numerous articles and courses on web typography & variable fonts.

Ire Aderinokun

Ire is a frontend web developer and user interface designer based in Lagos, Nigeria. She is currently the co-founder of BuyCoins, a cryptocurrency exchange for Africa. Ire specialises in the core frontend technologies HTML, CSS, and JavaScript and has written over 100 articles on these topics on her blog.

Una Kravets

Una is an international public speaker, technical writer, and a Developer Advocate at Google. Previously, she was the Director of Product Design at Bustle Digital Group, and built design systems at DigitalOcean and IBM Design. Una co-hosts the Toolsday developer podcast and shares her experiments in CSS through video and blog posts.

# data[].attributes.attachment_link.description
Hakim El Hattab Hakim is a Swedish front-end developer who loves to work on visual JavaScript experiments, animations and user interface concepts. He co-founded and is currently building Slides.com, a fully featured presentation platform built on top of his open source presentation framework, reveal.js. Emily Plummer Emily is a Design Systems Engineer at GitHub.

# data[].attributes.body
Samedi 23 Novembre 2019 de 10h à 18h

# data[].attributes.attachment_link.readable_text
10h - 10h30

Ouverture : Le logiciel libre a gagné. Alors pourquoi sommes-nous encore moins libres qu'hier ?

10h30 - 11h

Atelier "Culture : créations en libertés"

Par Yann Kervran et Laurent Quiquerez

Présentation de Musique Libre (Dogmazic)

Par Alain IMBAUD aka Aisyk et Théo BARNOUIN

Débuter avec le framework Pygame de développement de jeux vidéo en Python ?

Install Party + présentation (Linux, FreeBSD)

Exposition "Privé de vie privée ? Vous ne savez pas ce qu'un like peut vous couter !"

L'exposition "Privé de vie privée ? Vous ne savez pas qu'un like peut vous couter !" a été réalisée par des étudiants de 3GEN 2018/2019.

Escape game (jeu) sur l'open access
3 créneaux(10h30-11h45, 13h-14h15 et 14h45-16h)
inscription

Incarnez un groupe de militants du Libre chargé d'infiltrer le siège d'une multi-nationale pour récupérer les travaux de chercheurs ayant découvert un vaccin.
Escape Game réalisé par la Bibliothèque Michel Serres de l'Ecole Centrale Lyon

Par Nicolas Jardin et A Dubos de ECL

Certification Linux Session

Les sessions ouvriront si au moins 10 inscrits.
Les prix seront les suivants : 35€ pour les étudiants, 90€ pour académique et entreprise, pour un examen : Les détails et formulaires d'inscription sont disponibles ici

14h - 15h

Par Anne-Gaelle Gaudion (Framasoft)

S'organiser seul et collaborativement avec Kanboard (alternative trello)

Migration de Google Maps à OpenStreetMap : le cas de l'appli mobile OPALE

Par Pierre-Antoine Champin et Stéphanie Jean-Daubias

Par Benoit Dardelet et Max Mesnier

Réaliser son rapport avec Writer démo

Par MarieJo Kopp, de la Mouette

Install Party + présentation (Linux, FreeBSD)

15h - 16h

Technopolice : la ville sécuritaire que nous ne voulons pas

Partout sur le territoire français, la " Smart City " révèle son vrai visage : celui d'une mise sous surveillance totale de l'espace urbain à des fins policières. En juin 2019, des associations et collectifs militants, dont La Quadrature du Net, ont donc lancé la campagne Technopolice, afin de documenter ces dérives et d'organiser la résistance. Cette conférence sera l'occasion de faire le point sur cette Technopolice, mais aussi de monter qu'il est possible d'agir, concrètement.
Par Bastien Le Querrec, de la La Quadrature du Net.

Se lancer dans le logiciel libre quand on est étudiant (ou pas)

Comment monter un CHATONS "type Picasoft"

Éléments abordés : la formation d'une association, trouver son mode d'hébergement, comment démarrer, les erreurs à ne pas faire (ex: lancer 20 services d'un coup), etc

# data[].attributes.attachment_link.title
Programme temporaire en cours de montage et de publication

# data[].attributes.attachment_link.description
10h - 10h30 Ouverture : Le logiciel libre a gagné. Alors pourquoi sommes-nous encore moins libres qu'hier ? 10h30 - 11h Atelier "Culture : créations en libertés" Par Yann Kervran et Laurent Quiquerez Présentation de Musique Libre (Dogmazic) Par Alain IMBAUD aka Aisyk et Théo BARNOUIN Débuter avec le framework Pygame de développement de jeux vidéo en Python ?

# data[].attributes.attachment_link.readable_text
Dans ce meetup centré sur les bonnes pratiques UI, Achille espère vous fournir un maximum d'astuces, facile à mettre en place et applicables dans la majorité des situations pour améliorer l'expérience utilisateur de vos interfaces.

》Au programme :
▶ Présentation "Comment améliorer son interface sans connaissance en design ?"
▶ Questions / Réponses
▶ Apéro pour continuer la discussion

/!\ Le nombre de place étant limité, merci de vous inscrire si vous êtes sur de venir.

Pensez à utiliser la fonctionnalité "Interessé" que propose Meetup si vous souhaitez être informer de l'évolution de la rencontre.

》Accéder au lieu
Métro A : Perrache
Tramway T1 : Suchet

Merci à la Wild Code School ( https://www.wildcodeschool.com/fr-FR/campus/lyon) de nous accueillir pour cette soirée.

》 Infos pratique
* Adhésion obligatoire à l'association (2€) : http://bit.ly/2rELkek
* Ouvert à toutes et à tous.
* Restons connectés sur Slack ! https://bit.ly/2My1qAc
* Plus d'info sur l'association : https://lesbricodeurs.fr

# data[].attributes.attachment_link.title
Améliorer son UI sans Designer - Les Bricodeurs

# data[].attributes.attachment_link.description
Dans ce meetup centré sur les bonnes pratiques UI, Achille espère vous fournir un maximum d'astuces, facile à mettre en place et applicables dans la majorité des situations pour améliorer l'expérience utilisateur de vos interfaces.

# data[].attributes.attachment_link.description
Bonjour ! Bienvenue sur Actu graphisme. Le groupe pour lire et poster toutes les nouveautés liées au graphisme, expositions, conférences, parutions, performances, festivals, concours (respectant...

# data[].attributes.attachment_link.readable_text
Géraldine FROGER

Consultante interne " métiers et pratiques du réseau " à l'Association pour l'emploi des cadres (APEC).

Francis MINET

Professeur associé en organisation et conduite du changement - Equipe pédagogique nationale Stratégie

Ariane BLANCHARD - Psychologue de l'Education Nationale au sein de l'Académie de Paris.

Ingrid DEKKAR - Doctorante en psychologie du travail et de l'orientation et Membre du Centre de recherche sur le travail et le développement (CRTD)

Johanna GODON - Linguiste et Intervenante en communication professionnelle au Cnam

Patricia GUIHARD - Responsable de la Fabrique des compétences - Centre Cnam de Paris

Sabrina KROURI - Responsable de Cnam Incubateur

Marie-Line ROBINET - Enseignante chercheure en psychologie du travail et de l'orientation, membre du Centre de recherche sur le travail et le développement (CRTD) et conseillère Pole emploi

Siaka SANOU - Doctorant en psychologie du travail et de l'orientation et Membre du Centre de recherche sur le travail et le développement (CRTD)

Sophie TRIPON - Doctorante en psychologie du travail et de l'orientation. Membre du Centre de recherche sur le travail et le développement (CRTD). Consultante en transition professionnelle

Catherine VALMORIN - Psychologue du travail. Doctorante en psychologie du travail et de l'orientation. Membre du Centre de recherche sur le travail et le développement (CRTD)

Equipe projet

Marie Astrid BERTHEAU - Cheffe de projet Mooc " Réussir sa vie professionnelle " - Direction Nationale des Formations - Cnam

Anne BONNEFOY - Cheffe de pôle connaissance et accompagnement des publics - Direction Nationale des Formations - Cnam

Attribution - Pas d'Utilisation Commerciale - Pas de Modification

Cette licence est la plus restrictive des six licences principales, n'autorisant les autres qu'à télécharger vos œuvres et à les partager tant qu'on vous crédite en citant votre nom, mais on ne peut les modifier de quelque façon que ce soit ni les utiliser à des fins commerciales.

Licence restrictive : la production relève de la propriété intellectuelle de son auteur et ne peut donc pas être réutilisée.

# data[].attributes.attachment_link.description
Consultante interne " métiers et pratiques du réseau " à l'Association pour l'emploi des cadres (APEC). Professeur associé en organisation et conduite du changement - Equipe pédagogique nationale Stratégie Ariane BLANCHARD - Psychologue de l'Education Nationale au sein de l'Académie de Paris.

# data[].attributes.attachment_link.readable_text
Baptiste Gaultier

Ingénieur passionné par les FabLabs

Baptiste a débuté sa carrière en 2009 à l'Institut Mines Télécom en tant qu'ingénieur de Recherche. Il s'est intéressé à l'informatique embarquée dans les véhicules autonomes pour rejoindre ensuite une équipe spécialisée dans l'Internet des objets. Baptiste est un passionné d'open-source et d'open-hardware ; il utilise aujourd'hui les technologies de la Fabrication Numérique pour ses projets professionnels et personnels. Il enseigne depuis 2012 ces thématiques au sein de l'École des Beaux-Arts de Rennes, à Télécom Bretagne, mais aussi dans un des premiers FabLabs français, le LabFab.

Fabien Autrel

Ingénieur passionné par les imprimantes 3D

Titulaire d'une thèse sur la sécurité des systèmes d'information, Fabien Autrel travaille depuis 11 ans en tant qu'Ingénieur de recherche à l'IMT Atlantique. Il a découvert le potentiel de l'impression 3D fin 2015 après avoir décidé de construire une imprimante Open source, la Mendel90. Un an plus tard, il a conçu et construit sa première imprimante de type " Delta " à partir de pièces imprimées avec la Mendel90. Cette imprimante Delta a elle-même servi à construire une deuxième imprimante conçue par ses soins, basée sur le principe coreXY. Depuis lors, Fabien s'est passionné pour la réparation et le prototypage d'objets grâce à ces machines.

S'initier à la fabrication numérique

4 semaines pour comprendre comment la fabrication numérique révolutionne la production d'objets.

Début du cours le 25 février 2020 - S'inscrire

Programmer un objet avec Arduino

Apprenez à programmer un objet en utilisant l'électronique et le développement Arduino issu des FabLab.

Début du cours le 14 avril 2020 - S'inscrire

Imprimer en 3D

Modélisez un objet sur votre ordinateur et réalisez sa production en pratique dans un FabLab.

Début du cours le 2 juin 2020 - S'inscrire

Modéliser en 3D avec FreeCAD

Pour fabriquer un objet avec une imprimante 3D ou une machine à commande numérique, il faut d'abord le modéliser. C'est sur le logiciel FreeCAD, un outil open source, que vous allez faire vos premiers pas en modélisation !
Début du cours le 19 novembre 2019 - S'inscrire

Fabriquer un objet connecté

Que se passe-t-il quand les objets se connectent à Internet ? Découvrez les mécanismes et les langages pour connecter un objet à Internet ou connecter des objets entre eux.
Début du cours (date à programmer et lien à venir)

Attribution

Licence Creative Commons BY : Le contenu du MOOC permet toute exploitation de l'œuvre, y compris à des fins commerciales, ainsi que la création d'œuvres dérivées, dont la distribution est également autoris&eacutee; sans restriction, à condition de l'attribuer à son l'auteur en citant son nom. Cette licence est recommandée pour la diffusion et l'utilisation maximale des œuvres. Sauf mention contraire.

# data[].attributes.attachment_link.description
Ingénieur passionné par les FabLabs Baptiste a débuté sa carrière en 2009 à l'Institut Mines Télécom en tant qu'ingénieur de Recherche. Il s'est intéressé à l'informatique embarquée dans les véhicules autonomes pour rejoindre ensuite une équipe spécialisée dans l'Internet des objets.

# data[].attributes.attachment_link.readable_text
Think wrong

La créativité ne va pas de soi ! Découvrez cette forme radicale de Design Thinking, un ensemble de méthodes qui vous aide à trouver des solutions fondamentalement nouvelles, pertinentes et ainsi échapper au Statu Quo.

Animée par Pascal Geronimi,
Head of UX chez INNOArchitects

All right, je m'inscris !
Limité à 15 places, inscriptions jusqu'au 5 novembre

Cartographier l'expérience de vos collaborateurs

Venez tester la méthode de l'Experience Map, qui consiste à identifier puis à représenter de manière chronologique les différentes interactions entre un archétype d'utilisateurs, collaborateurs ou clients et un produit ou service.

Animée par Guillaume Genest et Jeanne Clais, Lead UX chez LunaWeb

Je veux vivre l'expérience !
Limité à 15 places, inscriptions jusqu'au 5 novembre

Mini-ateliers pour découvrir l'expérience client autour d'un café

Placer vos usagers au cœur de votre dispositif

Vous entendez parler d'UX sans bien comprendre comment cela peut se concrétiser dans le cadre de vos projets ? Nous vous partageons notre cycle projet UX ainsi que l'illustration des méthodes centrées usagers que nous déployons quotidiennement.

Présentée par Jeanne Clais,
Lead UX Researcher chez LunaWeb

Transformer la culture et la stratégie des entreprises pour innover

Au travers de ses expériences professionnelles dans l'industrie, Jérôme raconte comment des organisations se sont transformées, d'une culture d'entreprise centrée sur elles-mêmes à une culture centrée sur l'Humain.

Présentée par Jérôme Aubert,
Fondateur de Freedom2eXplore

Booster l'expérience client... et les ventes

L'experience client est au coeur de notre préoccupation chez INNOArchitects. Nous vous proposons dans cette conférence de jeter un oeil à notre "Factory" et de voir comment créer (ou non) des produits ou services à succès. Et faire de l'argent !

Présentée par Sébastien Niclasse ,
Senior UX Designer & Innovation Coach chez INNOArchitects

L'UX : un impact positif sur le business ?

Échanges, puis questions-réponses en présence de nos invités, sur le thème de la journée : quels sont les retours sur investissement (R.O.I) de l'expérience utilisateur ? Peut-on les mesurer ? Et qu'est-ce qu'une démarche UX apporte vraiment à une entreprise ?

Modérée par Delphine Cabalion,
Directrice d'ACCRO

# data[].attributes.attachment_link.title
Positive Design Days - Conférences et ateliers sur le design d'expérience utilisateur (UX)

# data[].attributes.attachment_link.description
Think wrong La créativité ne va pas de soi ! Découvrez cette forme radicale de Design Thinking, un ensemble de méthodes qui vous aide à trouver des solutions fondamentalement nouvelles, pertinentes et ainsi échapper au Statu Quo. All right, je m'inscris !

# data[].attributes.attachment_link.readable_text
En vous inscrivant à la newsletter, vous consentez à ce que WPMarmite, en sa qualité de responsable de traitement, collecte vos données afin de vous envoyer des communications par voie électronique. Vous pourrez vous désabonner à tout moment. Pour faire valoir votre droit d'accès, de rectification ou d'effacement, consultez notre politique de confidentialité.

# data[].attributes.attachment_link.title
Formez-vous sérieusement à Elementor avec WPMarmite

# data[].attributes.attachment_link.description
Envie d'apprendre à créer des sites intégralement avec Elementor ? La formation Maîtrisez Elementor vous rendra autonome même si vous partez de zéro.

# data[].attributes.body
Retour des meetups de la communauté Drupal Lyon à Villeurbanne

# data[].attributes.attachment_link.readable_text
Pour l'occasion, retrouvons-nous chez Axess Open Web Services qui nous accueille dans ses locaux idéalement situés près de la mairie de Villeurbanne !

Au programme de la soirée :
* Accueil des participants à partir de 18h45

* Coup d'œil sur l'actualité Drupal et focus rapide sur l'Association Drupal France

* Présentation du module " Computed Field Plugin " par sa développeuse Marine Gandy @mupsi, qui permet aux développeurs de créer des champs calculés via des plugins dans une optique de simplification et de rationalisation du code

* Partage d'expérience et échanges autour de notre CMS préféré

La soirée se poursuivra autour d'un apéritif offert par Axess Open Web Services afin de finir ce moment dans la convivialité.

Nous vous attendons nombreux !

# data[].attributes.attachment_link.title
Lyon: Direction Villeurbanne pour un meetup Drupal automnal !

# data[].attributes.attachment_link.description
Pour l'occasion, retrouvons-nous chez Axess Open Web Services qui nous accueille dans ses locaux idéalement situés près de la mairie de Villeurbanne !

# data[].attributes.attachment_link.readable_text
Gutenberg, page builders... de quoi parle t-on ?
Après un premier meetup en début d'année sur Gutenberg, du web design à la création de blocs, nous vous proposons aujourd'hui d'aller encore plus loin sur ce nouvel éditeur.

Joffrey Jochum et Florian Truchot, créateurs de l'agence Fantassin ( https://www.fantassin.fr/) viendront partager avec vous les astuces pour bien comprendre Gutenberg et les page builders.

Après une présentation des différentes solutions, ils feront des tests de mises en page de contenu et de lecture de code afin de vous montrer les leçons à tirer. Puis, ils concluront sur les questions à se poser pour pouvoir choisir la solution la plus appropriée.

Tous les profils sont les bienvenues que vous soyez développeur/euse, utilisateur, SEO, marketing, graphiste, etc ;)

Et comme à chaque fois, échanges et bonne humeur.
Les pizzas seront offertes et c'est l'hébergeur O2Switch qui sera notre sponsor pour cette session !

# data[].attributes.attachment_link.description
Gutenberg, page builders... de quoi parle t-on ?Après un premier meetup en début d'année sur Gutenberg, du web design à la création de blocs, nous vous proposons aujourd'hui d'aller encore plus loin sur ce nouvel éditeur. Joffrey Jochum et Florian Truchot, créateurs de l'agence Fantassin ( https://www.fantassin.fr/) viendront partager avec vous les astuces pour bien comprendre Gutenberg et les page builders.

# data[].attributes.attachment_link.description
Vous êtes à la recherche d'un développeur web/app, infographiste, traducteur, commercial ? Ce groupe vous permet de trouver le Freelance dont votre projet a besoin.

# data[].attributes.attachment_link.description
Log into Facebook to start sharing and connecting with your friends, family, and people you know.

# data[].attributes.attachment_link.title
développement web (HTML CSS JAVASCRIPT AJAX)

# data[].attributes.attachment_link.description
Hello, ce groupe est dédié au partage sur la programmation Front-end, l'intégration web et le webdesign : HTML5, CSS3, Javascript ... (et tous leur dérivés). Les objectifs de ce groupe sont simple :...

# data[].attributes.attachment_link.readable_text
▶ L'UX ou l'art de faire les choses simples ◀

Soirée d'initiation aux bonnes pratiques d'interface et d'ergonomie. Venez découvrir comment l'eXpérience Utilisateur peut transformer la navigation et l'adhésion à une interface.

Le terme UX (acronyme de l'anglais : User eXperience) désigne la qualité de l'expérience vécue par l'utilisateur dans toute situation d'interaction. L'UX qualifie l'expérience globale ressentie par l'utilisateur lors de l'utilisation d'une interface, d'un appareil digital ou plus largement en interaction avec tout dispositif ou service. L'UX est donc à différencier de l'ergonomie et de l'utilisabilité.

》 Infos pratique

Afin d'organiser l'atelier dans les meilleures conditions possibles, merci aux personnes qui ne souhaitent ou ne peuvent plus venir à l'atelier, de libérer leur place, même le jour même de l'événement.

* Adhésion obligatoire à l'association (2€) : http://bit.ly/2rELkek
* Ouvert à toutes et à tous.

# data[].attributes.attachment_link.title
L'UX ou l'art de faire les choses simples

# data[].attributes.attachment_link.description
▶ L'UX ou l'art de faire les choses simples ◀ Soirée d'initiation aux bonnes pratiques d'interface et d'ergonomie. Venez découvrir comment l'eXpérience Utilisateur peut transformer la navigation et l'adhésion à une interface. Le terme UX (acronyme de l'anglais : User eXperience) désigne la qualité de l'expérience vécue par l'utilisateur dans toute situation d'interaction.

# data[].attributes.attachment_link.readable_text
Designers+ est un réseau de professionnels du design et métiers associés, basé en Rhône-Alpes / Auvergne. Nous agissons pour structurer et animer la filière design, pour faire émerger des projets et accompagner nos adhérents dans leur montée en compétence.

# data[].attributes.attachment_link.description
Designers+ est un réseau de professionnels du design et métiers associés, basé en Rhône-Alpes / Auvergne. Nous agissons pour structurer et animer la filière design, pour faire émerger des projets et accompagner nos adhérents dans leur montée en compétence.

# data[].attributes.headline
DataViz comprendre et convaincre mer 25 sept.

# data[].attributes.subject
DataViz comprendre et convaincre mer 25 sept.

# data[].attributes.attachment_link.readable_text
Savoir analyser des données et en tirer des résultats est une partie du travail du Data Scientist, mais pas la totalité. Comprendre de manière visuelle ses données est aussi primordial dans la réalisation d'un projet, et présenter des résultats de manière synthétique et pertinente fait partie de l'arsenal des compétences nécessaire dans le métier. C'est ce qu'on appelle la Data Visualisation. Durant ce workshop, nous vous présenteront les best-practices à connaître pour exceller dans ce domaine.

Agenda
45 min : Présentation
15 min : Q&A
60 min : Networking et discussion en personne avec le présentateur

Notre présentateur : Alison Patou
Après ses études à Polytech Lyon, Alison intègre pendant près de 3 ans l'équipe de Keyrus, en tant que Data Scientist. En parallèle de ses activités de formatrice, Alison fait maintenant partie de l'équipe Data Science d'Econocom !

# data[].attributes.attachment_link.keywords[]
machine learning & artificial intelligence

# data[].attributes.attachment_link.title
Data Viz : Comprendre & convaincre grâce aux données - Jedha Lyon

# data[].attributes.attachment_link.description
Savoir analyser des données et en tirer des résultats est une partie du travail du Data Scientist, mais pas la totalité. Comprendre de manière visuelle ses données est aussi primordial dans la réalisation d'un projet, et présenter des résultats de manière synthétique et pertinente fait partie de l'arsenal des compétences nécessaire dans le métier.

# data[].attributes.attachment_link.description
En partenariat avec des musées et lieux culturels, la Fondation Orange crée depuis 2014 des cours en ligne accessibles à toutes et à tous gratuitement. Avec ces MOOC, elle offre la possibilité de bénéficier d'un enseignement à la fois rigoureux et convivial basé sur des contenus de qualité.

# data[].attributes.body
https://www.billetweb.fr/regionaura-ds3&src=mediatwt

# data[].attributes.headline
Agenda WebDesign Rhône-Alpes Auvergnes 2019

# data[].attributes.subject
Agenda WebDesign Rhône-Alpes Auvergnes 2019

# data[].attributes.body
Compétences transversales (technique, webmarketing...)
Meetups Dev Frontend
https://www.meetup.com/fr-FR/topics/front-end-development/fr/lyon/

BlendMix 2019 (payant 129€)
13 novembre 2019

https://www.blendwebmix.com/

# data[].attributes.headline
Biennale du Design Saint-Etienne 04/2019

# data[].attributes.subject
Biennale du Design Saint-Etienne 04/2019

# data[].attributes.body
https://biennale-design.com/saint-etienne/2019/fr/home/

# data[].attributes.attachment_link.description
Software, Arts, Data, Hardware, Contents, Commons, Internet...

# data[].attributes.headline
Journées chrono de l'alternance CCI mai Lyon Sté

# data[].attributes.subject
Journées chrono de l'alternance CCI mai Lyon Sté

# data[].attributes.attachment_link.title
Journées chrono de l'alternance : la cci lyon métropole vous accompagne

# data[].attributes.attachment_link.description
Journées Chrono de l'Alternance - la CCI Lyon Métropole St Etienne - Roanne vous accompagne dans vos démarches : faites appel à un expert