Angular, React and Vue 3 Translations (i18n)

Name: Angular, React and Vue 3 Translations (i18n)
Rating: 4.4 (107 reviews)

Angular 10 using ngx-translate, React 16 with typescript using react-i18next, Vue 3 with typescript using vue-i18n

Created byAntonio Papa

Last updated 9/2020

English

English [Auto],

What you'll learn

Learn how to translate in the backend and frontend in different languages

Course content

1 section • 5 lectures • 43m total length

Introduction1:39
Translate a web page using Angular, React, and Vue 3, with an app that has text, a like button, and a language dropdown updating via frontend and backend API calls.
Express API4:55
Build an Express API that serves translatable text in English and German by detecting locale from the Accept-Language header, with GET and POST routes, and run on port 1000.
Angular12:47
Learn to build an angular app with i18n translations, wiring an http client to fetch translated text, switch languages live, and translate both ui labels and backend responses.
React12:21
Learn to build a React app with TypeScript, fetch translations via Axios, and implement i18n tooling with React 18 Next, enabling English and German translations and dynamic language switching.
Vue 312:17
Translate the user interface in Vue 3 using i18n, load English and German translations, switch locales, and render translated text for titles, buttons, and dynamic content via axios.

Requirements

Angular Knowledge
React Knowledge
Vue Knowledge

Description

Do you want to make a multi-language site and you don't know which framework to choose? No worries this course will show you how to achieve your goal with all the frameworks.

This is a course that will help you learn how the most popular frontend frameworks can be used to make an international site.

This course will have all the techniques to translate text in the backend, frontend and also translating text in the frontend that is returned from the backend.

You will have also multiple ways of arranging the data in the backend.

Are you ready to see the power of these frameworks combined? Then let's do it!

Who this course is for:

Students that want to build a site in multiple languages