Plan du cours
Introduction
Overview of the Localization Process
- Internationalization, localization, and translation
Overview and Installation of Localization Libraries
- js libraries for client side localization
- JavaScript Intl API components (yahoo/react-intl, etc.).
Setting up a Sample React App
- Adding react-i18next to the project
Setting up Locale for Supported Languages
- Overview of localization elements (date, time, number, etc.).
Exposing UI Text for Translation
- Extract message IDs from source code
- Wrapping components with translate() function
- Adding a namespace
Translating UI Text
- Defining translations for string IDs
- Editing and loading JSON translation files
Generating Translations
- Loading translations at compile time
- Loading translations at runtime
- Accessing translations using keys
Selecting Which Language to Display
- Selecting a language detector plugin
- Building your own selection button
- Setting up automatic language detection
Updating and Maintaining JSON Files
- Using Translation Editors (BabelEdit, OmegaT, etc.)
- Evaluating features and usability
Working with Translators
- Exchanging JSON Files with translators
- Exporting content to Excel, Sheets, etc.
- Establishing a handoff/handback system (instructions, approval/revision cycle, etc.)
- Establishing a payment system for freelance translators and agencies
Working with Machine Translation
- Accessing machine translations through Google and Bing Translation APIs
Working with Translation Memories
- Leveraging previous human translations
Maintaining and Improving Content
- Revision cycle
- Author <> translator collaboration
- Adjusting translated content for SEO.
Other Localization Approaches
- Using react-localize-redux as a light weight solution
Optimizing the Localization Process
- Automating the localization process
- Working with a TMS (Translation Management System)
Troubleshooting
Summary and Conclusion
Pré requis
- Experience developing React applications
Audience
- Developers
Nos Clients témoignent (6)
I like the professionality of the trainer, he really knows what he is talking about and able to explain almost even the simple subjects on the topic which is great.
Marlon - National Confederation of Cooperatives
Formation - React with Next.js
trainer very knowledgeable clear classes explains the importance of learn the topic gives enough background on topic
Li Fang Bren Ong - DBS Bank Limited
Formation - Ant Design
It was nice it had a lot of exercise, but the pace is too fast.
Irina - Thales Group
Formation - Advanced React
La situation était atypique car une formation intensive pour développeurs devait être menée avec des non-développeurs. Lukasz a relevé ce défi avec empathie et beaucoup d'humour. Grâce à son intelligence et à sa flexibilité, il a réussi à faire en sorte que tout le monde puisse bénéficier d'un apprentissage concret. J'ai beaucoup apprécié ce séminaire et je le referais volontiers avec Lukasz.
Christoph - Honda Bank GmbH
Formation - MERN Fullstack Development
Traduction automatique
Comment le formateur a structuré et expliqué les cours : du rythme de parole aux informations expliquées, pour que les confirmés comme les débutants comprennent. Merci Marcin!
Ana - MSG system
Formation - Building Micro Frontends with React
Traduction automatique
Environnement convivial. J'ai également apprécié la formation individuelle. C'est très productif. Je le recommanderais sans hésiter à mes amis et collègues.
Zeed - Tamkeen Technologies
Formation - Building Microservices with NodeJS and React
Traduction automatique