Course Outline
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
Requirements
- Experience developing React applications
Audience
- Developers
Getuigenissen (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
Cursus - 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
Cursus - Ant Design
It was nice it had a lot of exercise, but the pace is too fast.
Irina - Thales Group
Cursus - Advanced React
De situatie was atypisch omdat een intensieve training voor ontwikkelaars zou worden gegeven met niet-ontwikkelaars. Lukasz ging deze uitdaging met inlevingsvermogen en veel humor aan. Door zijn intelligente en flexibele aanpak wist hij ervoor te zorgen dat er voor iedereen een concrete leerwinst werd behaald. Ik heb hier erg van genoten en zou graag nog een keer een seminar bij Lukasz volgen.
Christoph - Honda Bank GmbH
Cursus - MERN Fullstack Development
Machine Translated
Hoe de trainer de lessen heeft gestructureerd en uitgelegd: van het tempo van spreken tot de uitgelegde informatie, zodat zowel ervaren als beginners het begrijpen. Bedankt, Marcin!
Ana - MSG system
Cursus - Building Micro Frontends with React
Machine Translated
Vriendelijke omgeving. Ook vond ik het leuk om één op één te trainen. Het is erg productief. Ik zou het zeker aanbevelen aan mijn vrienden en collega's.
Zeed - Tamkeen Technologies
Cursus - Building Microservices with NodeJS and React
Machine Translated